.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%; }

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%; }

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important; }
.ui-datepicker {
    width: 300px;
    height: 300px;
    margin: 5px auto 0;
    font: 12pt Arial, sans-serif;
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);*/
}

    .ui-datepicker table {
        width: 100%;
    }

.ui-datepicker-header {
    background: #3399ff;
    color: #ffffff;
    font-family: Arial Black, Tahoma, Serif;
    border: none;
    /*border-style: solid;*/
    /*border-color: #111;*/
}

.ui-datepicker-title {
    text-align: center;
    font-size: 15px;

}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;

    /*border-bottom: 1px solid #bbb;*/
}

.ui-datepicker th {
    background-color:#fff;
    text-transform: uppercase;
    font-size: 8pt;
    color: #666666;
    /*text-shadow: 1px 0px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker tbody td {
    padding: 0;
    /*border-right: 1px solid #808080;*/
}

    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }

.ui-datepicker tbody tr {
    border: none;
}

    .ui-datepicker tbody tr:last-child {
        border-bottom: 0px;
    }

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    /*font-weight: bold;*/
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    /*text-shadow: 1px 1px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}

.ui-datepicker-calendar .ui-state-default {
      background: linear-gradient(#999999, #737373);
      color:#ffffff;
      height:40px;
      width:40px;
      border:none!important;

}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
  height:300px;
  width:300px;
}

.ui-datepicker-calendar .ui-state-hover {
  background: #33adff;
  color: #FFFFFF;
}

.ui-datepicker-calendar .ui-state-active {
    background: #33adff;
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 1px 0px #4d7a85;
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #D6E4BE;
    color: #000;
}
.chat-msgs-container {
  padding: 0;
  background-color: #F5F5F7 !important;
  flex-grow: 1;
  display: flex;
  flex-direction: column; }

.chatrooms.content {
  margin-top: -20px;
  margin-left: -13px;
  margin-right: -17px;
  margin-bottom: -20px;
  /*chat-room horizontal*/
  /* Chat box*/ }
  .chatrooms.content .two.row.columns {
    padding: 0;
    min-height: calc(100vh - 65px); }
  .chatrooms.content #chatrooms,
  .chatrooms.content #chatroom_show_box {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-left: 1px solid #dedede; }
    .chatrooms.content #chatrooms .ui.segments.complete-chat,
    .chatrooms.content #chatroom_show_box .ui.segments.complete-chat {
      box-shadow: none;
      border: none;
      height: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 0; }
  .chatrooms.content .horizontal-header .input {
    display: flex;
    align-items: center; }
    .chatrooms.content .horizontal-header .input i,
    .chatrooms.content .horizontal-header .input input {
      color: #80808C;
      background: #F5F5F7; }
    .chatrooms.content .horizontal-header .input input {
      border: none;
      padding: 6px 12px; }
    .chatrooms.content .horizontal-header .input input:focus {
      outline: none; }
  .chatrooms.content #chatrooms .ui.segment {
    border: none !important;
    box-shadow: none !important;
    margin: 0; }
  .chatrooms.content #chatrooms .ui.segment.horizontal-chat-header_container {
    background: #F5F5F7;
    margin-bottom: 1rem; }
  .chatrooms.content #chatrooms .add_chat_button {
    padding: 0.65em;
    margin: 0; }
    .chatrooms.content #chatrooms .add_chat_button span {
      color: #EFEFEF;
      font-weight: 800;
      font-size: 12px; }
    .chatrooms.content #chatrooms .add_chat_button i {
      color: white; }
  .chatrooms.content #chatrooms a.card {
    border: none !important;
    margin: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #F5F5F7 !important; }
  .chatrooms.content #chatrooms .top {
    display: flex;
    justify-content: space-between; }
  .chatrooms.content #chatrooms .grid .search-bar {
    margin: 0;
    padding: 0; }
  .chatrooms.content #chatrooms p.chatroom_last_message {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 16rem;
    overflow: hidden; }
  .chatrooms.content .chat-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .chatrooms.content .chat-header h4 {
      margin: 0 !important;
      display: flex;
      align-items: center;
      grid-gap: 1rem;
      font-size: 18px; }
    .chatrooms.content .chat-header .text-avatar.circle.primary {
      background-color: transparent;
      width: 48px;
      height: 48px;
      font-size: 1rem; }
    .chatrooms.content .chat-header .participants {
      display: flex;
      justify-content: space-between;
      height: -moz-fit-content;
      height: fit-content;
      align-items: center; }
      .chatrooms.content .chat-header .participants .chat-actions {
        display: flex;
        gap: 0px 10px; }
        .chatrooms.content .chat-header .participants .chat-actions a {
          font-size: 1.2rem;
          color: #80808C;
          display: flex;
          align-items: center; }
        .chatrooms.content .chat-header .participants .chat-actions a:hover {
          color: #3E4297; }
        .chatrooms.content .chat-header .participants .chat-actions .participants-summary {
          display: flex;
          padding-left: 16px; }
          .chatrooms.content .chat-header .participants .chat-actions .participants-summary .round {
            margin-bottom: 0; }
          .chatrooms.content .chat-header .participants .chat-actions .participants-summary .round.add {
            z-index: 500 !important;
            height: 27px;
            width: 27px;
            aligned: right;
            line-height: 27px;
            text-transform: uppercase;
            background-color: #80808C;
            margin-left: -16px !important; }
          .chatrooms.content .chat-header .participants .chat-actions .participants-summary i.icon {
            margin-right: 0; }
    .chatrooms.content .chat-header .complete-chat {
      margin-bottom: 0 !important; }
    .chatrooms.content .chat-header .chat-history.scrollable {
      background: #F5F5F7 !important; }
    .chatrooms.content .chat-header .search-bar {
      display: flex;
      align-items: center;
      opacity: 0; }
  .chatrooms.content #message-list .time-stamp .date-text {
    color: #BBBBCA;
    font-size: 10px; }
  .chatrooms.content .ui.twelve.wide.column.horizontal-header.header.search-bar {
    opacity: 0; }
  .chatrooms.content .horizontal.cards .card {
    min-height: 70px;
    align-items: center;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid #BBBBCA80 !important;
    flex-wrap: nowrap; }
    .chatrooms.content .horizontal.cards .card .content,
    .chatrooms.content .horizontal.cards .card .circular.image {
      border: none !important; }
    .chatrooms.content .horizontal.cards .card .text-avatar.circle.primary {
      background-color: transparent; }
    .chatrooms.content .horizontal.cards .card .circular.image {
      max-width: 48px; }
    .chatrooms.content .horizontal.cards .card .circular.image .text-avatar {
      color: black; }
    .chatrooms.content .horizontal.cards .card .circular.image.bright .text-avatar {
      color: white !important; }
    .chatrooms.content .horizontal.cards .card .avatar-wrapper {
      padding: 0;
      position: relative;
      align-self: center;
      padding-left: 1rem; }
      .chatrooms.content .horizontal.cards .card .avatar-wrapper .circular.image {
        position: static; }
      .chatrooms.content .horizontal.cards .card .avatar-wrapper .circular.label {
        position: absolute;
        right: 0;
        bottom: 0; }
    .chatrooms.content .horizontal.cards .card .circular.image .circle {
      width: 48px;
      height: 48px; }
    .chatrooms.content .horizontal.cards .card .content .top .header {
      font-size: 18px;
      color: #80808C;
      font-weight: 700; }
    .chatrooms.content .horizontal.cards .card .content .meta {
      font-size: 12px !important;
      font-style: italic;
      white-space: nowrap; }
  .chatrooms.content .chatroom {
    height: 100%; }
  .chatrooms.content .chat {
    background: #F2F5F8;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #434651;
    flex-grow: 1; }
    .chatrooms.content .chat .chat-header {
      padding: 20px;
      border-bottom: 2px solid white; }
      .chatrooms.content .chat .chat-header img {
        float: left;
        width: 55px;
        height: 55px; }
      .chatrooms.content .chat .chat-header .chat-about {
        float: left;
        padding-left: 10px;
        margin-top: 6px; }
      .chatrooms.content .chat .chat-header .chat-with {
        font-weight: bold;
        font-size: 16px; }
      .chatrooms.content .chat .chat-header .chat-num-messages {
        color: #92959E; }
      .chatrooms.content .chat .chat-header .fa-star {
        float: right;
        color: #D8DADF;
        font-size: 20px;
        margin-top: 12px; }
    .chatrooms.content .chat .chat-history {
      padding: 0 30px 0 10px;
      border-bottom: 2px solid white;
      overflow-y: auto;
      max-height: calc(100vh - 263px); }
      .chatrooms.content .chat .chat-history ul {
        list-style: none;
        padding: 0;
        margin: 0; }
      .chatrooms.content .chat .chat-history .message-data {
        margin-bottom: -60px;
        float: right; }
      .chatrooms.content .chat .chat-history .self-message .message-data {
        float: left; }
      .chatrooms.content .chat .chat-history .message-data-time {
        color: #a8aab1;
        padding-left: 6px; }
      .chatrooms.content .chat .chat-history .message {
        padding: 0.7rem 1rem;
        padding-right: 3rem;
        line-height: 26px;
        border-radius: 7px;
        margin-bottom: .5rem;
        margin-right: 50px;
        max-width: 75%;
        position: relative;
        width: -moz-fit-content;
        width: fit-content;
        float: right; }
      .chatrooms.content .chat .chat-history .my-message {
        margin-left: 50px;
        background: #E4F0E2;
        float: left; }
      .chatrooms.content .chat .chat-history .message:after {
        bottom: 100%;
        left: -0%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top-color: #E4F0E2;
        border-width: 18px;
        top: 0px;
        right: -5px;
        margin-left: -12px; }
      .chatrooms.content .chat .chat-history .other-message:after {
        border-top-color: white;
        left: 100%;
        margin-left: -22px; }
      .chatrooms.content .chat .chat-history .other-message {
        background: white; }
    .chatrooms.content .chat .message-text {
      font-size: 16px !important; }
    .chatrooms.content .chat .chat-message {
      padding: 30px; }
      .chatrooms.content .chat .chat-message audio {
        width: 500px; }
      .chatrooms.content .chat .chat-message audio::-webkit-media-controls-panel {
        background: transparent; }
    .chatrooms.content .chat .chat-message-body {
      margin-top: 10px; }
      .chatrooms.content .chat .chat-message-body textarea {
        width: 100%;
        border: none;
        padding: 10px 20px;
        font: 14px/22px "Lato", Arial, sans-serif;
        margin-bottom: 10px;
        border-radius: 5px;
        resize: none; }
      .chatrooms.content .chat .chat-message-body button {
        float: right;
        color: #94C2ED;
        font-size: 16px;
        text-transform: uppercase;
        border: none;
        cursor: pointer;
        font-weight: bold;
        background: #F2F5F8; }
      .chatrooms.content .chat .chat-message-body button:hover {
        color: #75b1e8; }
    .chatrooms.content .chat .online,
    .chatrooms.content .chat .offline,
    .chatrooms.content .chat .me {
      margin-right: 3px;
      font-size: 10px; }
    .chatrooms.content .chat .online {
      color: #86BB71; }
    .chatrooms.content .chat .offline {
      color: #E38968; }
    .chatrooms.content .chat .me {
      color: #94C2ED; }
    .chatrooms.content .chat .align-left {
      text-align: left; }
    .chatrooms.content .chat .align-right {
      text-align: right; }
    @media only screen and (max-width: 768px) {
      .chatrooms.content .chat .chat-history .other-message:after {
        left: 97%; } }
    .chatrooms.content .chat .clearfix {
      padding-bottom: 20px; }
    .chatrooms.content .chat .no-padding {
      padding: 0; }
    .chatrooms.content .chat .scrollable.ui.one.horizontal.cards {
      margin: 0; }
    .chatrooms.content .chat .message-text p {
      color: #80808C;
      font-size: 14px;
      cursor: pointer; }
    .chatrooms.content .chat .time-stamp {
      margin-top: 6px;
      font-size: 12px;
      margin-bottom: 4px;
      display: flex;
      align-items: center; }
      .chatrooms.content .chat .time-stamp i {
        height: auto;
        width: auto;
        line-height: 1;
        display: inherit; }
    .chatrooms.content .chat .date.text {
      color: #C6C9D0;
      font-size: 10px; }
    .chatrooms.content .chat #message-list .item {
      position: relative; }
      .chatrooms.content .chat #message-list .item .msg-actions {
        display: none;
        position: absolute;
        top: calc(50% - 2.5rem);
        right: 5%;
        grid-gap: 1rem; }
        .chatrooms.content .chat #message-list .item .msg-actions a {
          background: #BBBBCA;
          color: #fff;
          border-radius: 100px;
          width: 2.5rem;
          height: 2.5rem;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1.2rem; }
          .chatrooms.content .chat #message-list .item .msg-actions a i {
            margin-right: 0; }
        .chatrooms.content .chat #message-list .item .msg-actions .delete_confirm:hover {
          background: #D14F4F; }
        .chatrooms.content .chat #message-list .item .msg-actions .edit:hover {
          background: #3e4297; }
    .chatrooms.content .chat #message-list .item:hover .msg-actions {
      display: flex; }
  .chatrooms.content #messages-form .message_fields .actions {
    margin-bottom: 0; }
  .chatrooms.content #messages-form .field.chat-message-body {
    display: flex;
    flex-direction: column; }
  .chatrooms.content #messages-form label[for="Edit_Message..."],
  .chatrooms.content #messages-form a[title="Cancel message edit"] {
    position: absolute;
    top: -1.75rem; }
  .chatrooms.content #messages-form a[title="Cancel message edit"] {
    left: 8rem; }
  .chatrooms.content .new_chat_participant_form .form-wrapper {
    position: absolute;
    right: 1rem;
    top: 4rem;
    z-index: 10;
    width: 250px;
    text-align: left; }

@media (max-width: 1360px) {
  #chatrooms {
    min-width: 360px; }
  div#chatroom_show_box {
    max-width: calc(100% - 360px) !important; } }

@media (max-width: 767px) {
  .chatrooms.content #chatrooms,
  .chatrooms.content #chatroom_show_box {
    border-left: none; }
  #chatrooms {
    min-width: 0;
    width: 100%;
    padding: 0 !important; }
  div#chatroom_show_box {
    max-width: none !important;
    width: 100%;
    position: absolute;
    z-index: 0;
    padding: 0 !important; }
  .chatrooms.content .chat-header h4 {
    font-size: 14px;
    text-align: left; }
    .chatrooms.content .chat-header h4 #back-button {
      width: 1rem; }
  .chatrooms.content .chat-header .text-avatar.circle.primary {
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    font-size: 1rem; }
  .chatrooms.content .chat-header .participants .chat-actions {
    gap: 0 4px; }
  .chatrooms.content #chatroom_show_box .ui.segments.complete-chat {
    height: calc(100vh - 40px); }
  .chatrooms.content .chat .chat-history {
    max-height: calc(100vh - 208px);
    padding: 0;
    padding-right: 1rem; }
  .message_fields .chat-room_input-actions {
    display: flex;
    gap: 0 1rem;
    align-items: center;
    padding-right: 0; }
  textarea#message_body {
    height: 4rem;
    overflow: hidden; }
  .chatrooms.content #messages-form .field.chat-message-body {
    margin-bottom: 0; }
  .chatrooms.content .chat .chat-history .my-message {
    margin-left: 50px;
    background: #E4F0E2;
    float: left;
    max-width: calc(100% - 50px);
    margin-right: 0;
    padding-right: 2rem; }
  .chatrooms.content .chat #message-list .item:hover .msg-actions {
    display: flex;
    position: static;
    clear: both;
    margin: 20px 50px;
    padding-top: 5px; }
  .message_fields .chat-room_input-actions {
    padding-right: 0;
    grid-gap: 0 1rem; }
  .chatrooms.content .chat .message-text audio {
    width: 65vw; } }
.todo .item .list.ui-sortable {
  padding: 0.5em; }
  .todo .item .list.ui-sortable .list-form td:first-child {
    padding-left: 11px !important; }
  .todo .item .list.ui-sortable h2.do_to_list_handle {
    cursor: move; }
/*!
 * # Fomantic-UI 2.9.0 - Flyout
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
             Flyout
*******************************/


/* Flyout Menu */
.ui.flyout {
  position: fixed;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  transition: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  border-radius: 0;
  margin: 0;
  overflow-y: hidden;
  z-index: 102;
  background: #FFFFFF;
}

/* GPU Layers for Child Elements */
.ui.flyout > * {
  backface-visibility: hidden;
}

/*--------------
   Close
---------------*/

.ui.flyout > .close {
  cursor: pointer;
  position: absolute;
  top: 1.25rem;
  right: 1.5rem;
  z-index: 1;
  opacity: 0.8;
  font-size: 1.25em;
  color: rgba(0, 0, 0, 0.85);
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  margin: 0 0 0 0.25rem;
  text-align: right;
}
.ui.flyout > .close:focus,
.ui.flyout > .close:hover {
  opacity: 1;
  outline: none;
}

/*--------------
   Header
---------------*/

.ui.flyout > .header {
  display: block;
  background: #FFFFFF;
  margin: 0;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}

/*--------------
   Content
---------------*/

.ui.flyout > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF;
}
.ui.flyout.left > .content,
.ui.flyout.right > .content {
  min-height: calc(100vh - 9.1rem);
}
.ui.flyout.left > .scrolling.content,
.ui.flyout.right > .scrolling.content {
  max-height: calc(100vh - 9.1rem);
  overflow: auto;
}
.ui.flyout.top > .scrolling.content,
.ui.flyout.bottom > .scrolling.content {
  max-height: calc(80vh - 9.1rem);
  overflow: auto;
}

/*--------------
     Actions
  ---------------*/

.ui.flyout > .actions {
  background: #F9FAFB;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}
.ui.flyout .actions > .button:not(.fluid) {
  margin-left: 0.75em;
}
.ui.ui.flyout > .basic.actions {
  border-top: none;
}
.ui.flyout > .left.actions {
  text-align: left;
}
.ui.flyout > .left.actions > .button:not(.fluid) {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui.flyout > .centered,
.ui.flyout > .center.aligned {
  text-align: center;
}
.ui.flyout > .centered.actions > .button:not(.fluid),
.ui.flyout > .center.aligned.actions > .button:not(.fluid) {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui.ui.flyout > .basic.header,
.ui.ui.flyout > .basic.actions {
  background-color: transparent;
}
.ui.flyout > .basic.header {
  border-bottom: none;
}

/*--------------
   Direction
---------------*/

.ui.left.flyout {
  right: auto;
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.ui.right.flyout {
  right: 0;
  left: auto;
  transform: translate3d(100%, 0, 0);
}
.ui.top.flyout,
.ui.bottom.flyout {
  width: 100%;
  height: auto;
}
.ui.top.flyout {
  top: 0;
  bottom: auto;
  transform: translate3d(0, -100%, 0);
}
.ui.bottom.flyout {
  top: auto;
  bottom: 0;
  transform: translate3d(0, 100%, 0);
}

/*--------------
     Pushable
---------------*/

.pushable.pushable.pushable {
  height: 100%;
  overflow-x: hidden;
  padding: 0;
}
.pushable.pushable.pushable.locked {
  overflow-y: hidden;
  background: inherit;
}

/* Whole Page */
body.pushable {
  background: #545454;
}
body.pushable.dimmed {
  background: inherit;
}

/* Page Context */
.pushable:not(body) {
  transform: translate3d(0, 0, 0);
  overflow-y: hidden;
}
.pushable:not(body) > .ui.flyout,
.pushable:not(body) > .fixed,
.pushable:not(body) > .pusher::after {
  position: absolute;
}

/*--------------
     Fixed
---------------*/

.pushable > .fixed {
  position: fixed;
  backface-visibility: hidden;
  transition: transform 500ms ease;
  will-change: transform;
  z-index: 101;
}

/*--------------
     Page
---------------*/

.pushable > .pusher {
  position: relative;
  backface-visibility: hidden;
  min-height: 100%;
  transition: transform 500ms ease;
  z-index: 2;
  
/* Pusher should inherit background from context */
  background: inherit;
}
.pushable > .pusher:not(.overflowing) {
  overflow: hidden;
}
body.pushable > .pusher {
  background: #FFFFFF;
}

/*--------------
     Dimmer
---------------*/

.pushable > .pusher::after {
  position: fixed;
  top: 0;
  right: 0;
  content: '';
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  transition: all 500ms;
  will-change: opacity;
  z-index: 1000;
}

/*--------------
    Coupling
---------------*/

.ui.flyout.menu .item {
  border-radius: 0 !important;
}


/*******************************
            States
*******************************/


/*--------------
     Dimmed
---------------*/

.pushable > .pusher.dimmed::after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}
.pushable > .pusher.dimmed.blurring:not(.closing)::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(5px) grayscale(0.7);
  backdrop-filter: blur(5px) grayscale(0.7);
}
.pushable > .pusher.closing.dimmed::after {
  opacity: 0 !important;
}

/*--------------
    Animating
---------------*/

.ui.animating.flyout {
  visibility: visible;
}

/*--------------
     Visible
---------------*/

.ui.visible.flyout {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}

/* Shadow Direction */
.ui.left.visible.flyout,
.ui.right.visible.flyout {
  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
}
.ui.top.visible.flyout,
.ui.bottom.visible.flyout {
  box-shadow: 0 0 20px rgba(34, 36, 38, 0.15);
}

/* Visible On Load */
.ui.visible.left.flyout ~ .fixed,
.ui.visible.left.flyout ~ .pusher {
  transform: translate3d(400px, 0, 0);
}
.ui.visible.right.flyout ~ .fixed,
.ui.visible.right.flyout ~ .pusher {
  transform: translate3d(-400px, 0, 0);
}
.ui.visible.top.flyout ~ .fixed,
.ui.visible.top.flyout ~ .pusher {
  transform: translate3d(0, 36px, 0);
}
.ui.visible.bottom.flyout ~ .fixed,
.ui.visible.bottom.flyout ~ .pusher {
  transform: translate3d(0, -36px, 0);
}

/* opposite sides visible forces content overlay */
.ui.visible.left.flyout ~ .ui.visible.right.flyout ~ .fixed,
.ui.visible.left.flyout ~ .ui.visible.right.flyout ~ .pusher,
.ui.visible.right.flyout ~ .ui.visible.left.flyout ~ .fixed,
.ui.visible.right.flyout ~ .ui.visible.left.flyout ~ .pusher {
  transform: translate3d(0, 0, 0);
}

/*--------------
       Inverted
  ---------------*/

.ui.flyout.inverted {
  background: #000000;
}
.ui.flyout.inverted > .close {
  color: #FFFFFF;
}
.ui.flyout.inverted > .header,
.ui.flyout.inverted > .content {
  background: #000000;
  color: #FFFFFF;
}
.ui.flyout.inverted > .actions {
  background: #191A1B;
  border-top: 1px solid rgba(34, 36, 38, 0.85);
  color: #FFFFFF;
}


/*******************************
          Variations
*******************************/


/*--------------
     Width
---------------*/


/* Left / Right */
.ui.left.flyout,
.ui.right.flyout {
  width: 400px;
}
.ui.thin.left.flyout,
.ui.thin.right.flyout {
  width: 200px;
}
.ui[class*="very thin"].left.flyout,
.ui[class*="very thin"].right.flyout {
  width: 120px;
}
.ui.wide.left.flyout,
.ui.wide.right.flyout {
  width: 600px;
}
.ui[class*="very wide"].left.flyout,
.ui[class*="very wide"].right.flyout {
  width: 800px;
}

/* Left Visible */
.ui.visible.thin.left.flyout ~ .fixed,
.ui.visible.thin.left.flyout ~ .pusher {
  transform: translate3d(200px, 0, 0);
}
.ui.visible[class*="very thin"].left.flyout ~ .fixed,
.ui.visible[class*="very thin"].left.flyout ~ .pusher {
  transform: translate3d(120px, 0, 0);
}
.ui.visible.wide.left.flyout ~ .fixed,
.ui.visible.wide.left.flyout ~ .pusher {
  transform: translate3d(600px, 0, 0);
}
.ui.visible[class*="very wide"].left.flyout ~ .fixed,
.ui.visible[class*="very wide"].left.flyout ~ .pusher {
  transform: translate3d(800px, 0, 0);
}

/* Right Visible */
.ui.visible.thin.right.flyout ~ .fixed,
.ui.visible.thin.right.flyout ~ .pusher {
  transform: translate3d(-200px, 0, 0);
}
.ui.visible[class*="very thin"].right.flyout ~ .fixed,
.ui.visible[class*="very thin"].right.flyout ~ .pusher {
  transform: translate3d(-120px, 0, 0);
}
.ui.visible.wide.right.flyout ~ .fixed,
.ui.visible.wide.right.flyout ~ .pusher {
  transform: translate3d(-600px, 0, 0);
}
.ui.visible[class*="very wide"].right.flyout ~ .fixed,
.ui.visible[class*="very wide"].right.flyout ~ .pusher {
  transform: translate3d(-800px, 0, 0);
}

/* Fullscreen */
.ui.fullscreen.flyout {
  width: 100%;
}

/*-------------------
    Column Width
  --------------------*/


/* Sizing Combinations */
.ui[class*="one wide"].flyout:not(.fullscreen) {
  width: 6.25%;
}
.ui[class*="two wide"].flyout:not(.fullscreen) {
  width: 12.5%;
}
.ui[class*="three wide"].flyout:not(.fullscreen) {
  width: 18.75%;
}
.ui[class*="four wide"].flyout:not(.fullscreen) {
  width: 25%;
}
.ui[class*="five wide"].flyout:not(.fullscreen) {
  width: 31.25%;
}
.ui[class*="six wide"].flyout:not(.fullscreen) {
  width: 37.5%;
}
.ui[class*="seven wide"].flyout:not(.fullscreen) {
  width: 43.75%;
}
.ui[class*="eight wide"].flyout:not(.fullscreen) {
  width: 50%;
}
.ui[class*="nine wide"].flyout:not(.fullscreen) {
  width: 56.25%;
}
.ui[class*="ten wide"].flyout:not(.fullscreen) {
  width: 62.5%;
}
.ui[class*="eleven wide"].flyout:not(.fullscreen) {
  width: 68.75%;
}
.ui[class*="twelve wide"].flyout:not(.fullscreen) {
  width: 75%;
}
.ui[class*="thirteen wide"].flyout:not(.fullscreen) {
  width: 81.25%;
}
.ui[class*="fourteen wide"].flyout:not(.fullscreen) {
  width: 87.5%;
}
.ui[class*="fifteen wide"].flyout:not(.fullscreen) {
  width: 93.75%;
}
.ui[class*="sixteen wide"].flyout:not(.fullscreen) {
  width: 100%;
}


/*******************************
          Animations
*******************************/


/*--------------
      Overlay
  ---------------*/


/* Set-up */
.ui.overlay.flyout {
  z-index: 102;
}

/* Initial */
.ui.left.overlay.flyout {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.overlay.flyout {
  transform: translate3d(100%, 0, 0);
}
.ui.top.overlay.flyout {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.overlay.flyout {
  transform: translate3d(0%, 100%, 0);
}

/* Animation */
.animating.ui.overlay.flyout,
.ui.visible.overlay.flyout {
  transition: transform 500ms ease;
}

/* End - flyout */
.ui.visible.overlay.flyout {
  transform: translate3d(0%, 0, 0);
}

/* End - Pusher */
.ui.visible.overlay.flyout ~ .fixed,
.ui.visible.overlay.flyout ~ .pusher {
  transform: none !important;
}


/*******************************
         Theme Overrides
*******************************/
.header.darkgray {
  color: red !important; }
@charset "UTF-8";
/* Home Cards*/
.main .ui.grid .column > .ui.segment.full-height {
  height: 100%; }

.card-header {
  padding: 0;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  padding-top: 0.5em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.main h2.ui.header {
  font-size: 1.5em; }

.ui.grid > .row.filter-wrapper {
  align-items: flex-end; }

.ui.grid > .row.filter-wrapper > .column {
  padding: 0;
  flex-grow: 1; }

.ui.grid > .row.filter-wrapper > .column:not(:first-child) {
  padding-left: 1em; }

@media (max-width: 1198px) {
  .ui.grid > .row.filter-wrapper > .twelve + .column:not(:first-child) {
    padding-left: 0; } }

.ui.grid > .row.filter-wrapper > .column .fields {
  margin-bottom: 0; }

.ui.grid > .row.filter-wrapper > .column.search {
  min-width: 10em; }

.ui.grid > .row.filter-wrapper > .column.search .input {
  width: 100%; }

.avatar {
  padding-right: 10px;
  padding-bottom: 10px;
  min-width: 58px; }

.notification_item,
.ui.divided.items > .item.notification_item {
  padding: 20px;
  flex-wrap: wrap; }

.notification-title .header b {
  font-weight: 700; }

.notification-title .header {
  margin-bottom: 4px !important; }

.notification-title {
  margin-top: 6px !important; }

.ui.divided.items > .item.notification_item:last-child {
  padding-bottom: 11px !important; }

.ui.items > .item.notification_item .right.floated .meta {
  margin-top: 0.2em; }

@media (max-width: 1198px) {
  .notification_item .tablet-unfloat,
  .ui.items > .item.notification_item .tablet-unfloat {
    float: none;
    margin-top: 10px; } }

@media (min-width: 440px) and (max-width: 760px) {
  .desktop-text-right {
    text-align: right; } }

@media (min-width: 1199px) {
  .desktop-text-right {
    text-align: right; } }

div#student_alerts,
#notifications_scroll div#notifications {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  overflow: auto;
  max-height: calc(100vh - 20em);
  padding-left: 1rem;
  margin-left: -1rem; }

#student_alerts .item.notification_item:not(:nth-of-type(1)),
#notifications .item.notification_item:not(:nth-of-type(1)) {
  margin-top: 0.5em; }

@media (min-width: 1199px) {
  #student_alerts_scroll,
  #notifications_scroll {
    max-height: calc(100vh - 20rem);
    overflow: hidden; } }

@media (min-width: 1076px) and (max-width: 1198px) {
  #notifications_scroll {
    max-height: calc(100vh - 32rem); }
  #student_alerts_scroll {
    max-height: calc(100vh - 27rem); } }

.student-alerts {
  border: none !important;
  border-right: 1px solid #BBBBCA80 !important;
  background-color: transparent !important;
  border-radius: 0px !important; }
  @media (min-width: 780px) {
    .student-alerts {
      padding-right: 1rem !important; } }
  .student-alerts .card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
  .student-alerts .card-header h2 {
    color: #212128;
    font-size: 16px;
    margin-bottom: 0; }
  .student-alerts .notification_item {
    background-color: white !important;
    border: 1px solid #D4D4D4 !important;
    border-radius: 5px !important;
    padding: 16px 11px 16px 11px !important;
    margin-bottom: 6px;
    display: flex;
    flex-wrap: wrap; }
  .student-alerts .notification_item.read {
    background-color: #ffffff30 !important; }
  .student-alerts .avatar {
    flex: 0 0 auto;
    align-self: stretch;
    display: flex;
    align-items: flex-start; }
    .student-alerts .avatar img.ui.tiny.circular.image {
      width: 58px !important;
      height: 58px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 1440px) {
        .student-alerts .avatar img.ui.tiny.circular.image {
          width: 40px !important;
          height: 40px !important; } }
  .student-alerts .content::after {
    display: none !important; }
  .student-alerts .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    width: 100%; }
    .student-alerts .content.notification-content {
      display: flex !important;
      flex-direction: column;
      justify-content: flex-start; }
      .student-alerts .content.notification-content .card-top {
        width: 100%;
        display: flex !important;
        flex-direction: row;
        justify-content: space-between !important; }
    .student-alerts .content .description {
      height: 0;
      max-height: 0;
      transition: all 1s;
      overflow: hidden; }
    .student-alerts .content .description.active {
      height: auto;
      max-height: 500px; }
    .student-alerts .content .card-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      @media (max-width: 1100px) {
        .student-alerts .content .card-bottom {
          max-width: -moz-min-content !important;
          max-width: min-content !important; } }
      @media (max-width: 767px) {
        .student-alerts .content .card-bottom {
          max-width: 100% !important; } }
    .student-alerts .content .alert-people {
      align-items: flex-end; }
      @media (max-width: 1440px) {
        .student-alerts .content .alert-people {
          align-items: flex-start; } }
    .student-alerts .content .left,
    .student-alerts .content .right {
      display: flex !important;
      flex-direction: column;
      justify-content: space-evenly;
      gap: 11px; }
      .student-alerts .content .left .top,
      .student-alerts .content .left .bottom,
      .student-alerts .content .right .top,
      .student-alerts .content .right .bottom {
        display: flex;
        align-items: center; }
    .student-alerts .content .left {
      z-index: 0; }
      .student-alerts .content .left .top .dividing-line {
        width: 2px;
        height: 16px;
        margin-left: 6.5px;
        margin-right: 10.5px;
        background-color: #BBBBCA80; }
      .student-alerts .content .left .top .top-label {
        margin-left: .5rem;
        padding-left: .5rem;
        position: relative; }
      .student-alerts .content .left .top .top-label::before {
        content: '';
        width: 1px;
        height: 1rem;
        background: #80808C;
        position: absolute;
        left: 0;
        top: 3px; }
      .student-alerts .content .left .top h3 {
        margin-bottom: 0 !important;
        color: #80808C;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0px;
        font-weight: 400; }
        .student-alerts .content .left .top h3 a {
          color: #80808C; }
      .student-alerts .content .left .top h3:hover {
        color: #3E4297; }
      .student-alerts .content .left .top .top-label {
        text-transform: uppercase; }
      .student-alerts .content .left .bottom {
        position: relative;
        z-index: 1; }
        .student-alerts .content .left .bottom .student-alert_message h3 {
          margin-bottom: 0 !important;
          color: #212128;
          font-size: 18px;
          line-height: 21px;
          letter-spacing: 0px;
          font-weight: 600; }
          .student-alerts .content .left .bottom .student-alert_message h3 b {
            font-weight: 600;
            margin-right: .5rem;
            font-weight: 600; }
        .student-alerts .content .left .bottom .student-alert_message h3:hover {
          color: #3E4297;
          cursor: pointer; }
        .student-alerts .content .left .bottom .student-alert_message .description {
          height: 0;
          overflow: hidden; }
        .student-alerts .content .left .bottom .student-alert_message .description.visible {
          margin-top: .5rem;
          margin-bottom: 1.5rem;
          height: auto; }
        .student-alerts .content .left .bottom .student-alert_message .meta-info {
          display: flex;
          gap: 10px;
          color: #80808C;
          font-size: 13px; }
          .student-alerts .content .left .bottom .student-alert_message .meta-info i.icon {
            margin-right: 1px; }
          .student-alerts .content .left .bottom .student-alert_message .meta-info .unread {
            color: #d14f4f;
            font-weight: 500; }
      @media (max-width: 1920px) {
        .student-alerts .content .left {
          justify-content: flex-start;
          grid-gap: 0; } }
    .student-alerts .content .right .top {
      justify-content: flex-end; }
      @media (max-width: 1440px) {
        .student-alerts .content .right .top {
          justify-content: flex-start;
          margin-bottom: 8px; } }
      @media (max-width: 768px) {
        .student-alerts .content .right .top {
          flex-wrap: wrap; } }
      .student-alerts .content .right .top .top-inner {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        @media (max-width: 1100px) {
          .student-alerts .content .right .top .top-inner {
            flex-wrap: wrap; } }
        @media (max-width: 780px) {
          .student-alerts .content .right .top .top-inner {
            flex-grow: 1; } }
      .student-alerts .content .right .top .tags-wrapper {
        display: flex;
        grid-gap: 4px 0;
        margin-right: 10px; }
        .student-alerts .content .right .top .tags-wrapper .label.mini {
          margin: 0 0.14285714em; }
      .student-alerts .content .right .top .ui.dropdown.icon {
        border: none; }
        .student-alerts .content .right .top .ui.dropdown.icon .icon {
          padding-right: 0;
          margin-right: 0; }
        .student-alerts .content .right .top .ui.dropdown.icon .item .icon {
          margin-right: .1rem; }
        .student-alerts .content .right .top .ui.dropdown.icon .item a {
          color: #666; }
        .student-alerts .content .right .top .ui.dropdown.icon .menu {
          left: auto;
          right: 0; }
      .student-alerts .content .right .top .meta {
        margin: 0; }
        .student-alerts .content .right .top .meta b {
          color: #80808C;
          font-size: 14px;
          line-height: 17px;
          font-weight: 400 !important; }
        @media (max-width: 1440px) {
          .student-alerts .content .right .top .meta {
            flex-grow: 1; } }
      .student-alerts .content .right .top .label {
        margin-right: 4px; }
      .student-alerts .content .right .top .expand-alert {
        margin-left: 16px; }
      .student-alerts .content .right .top .pin-notification {
        margin-left: 12.28px; }
      .student-alerts .content .right .top .dismiss {
        margin-left: 16px; }
      @media (max-width: 1920px) {
        .student-alerts .content .right .top .label {
          margin-left: 1rem; }
        .student-alerts .content .right .top .expand-alert,
        .student-alerts .content .right .top .pin-notification,
        .student-alerts .content .right .top .dismiss {
          margin-left: .5rem; } }
    .student-alerts .content .right i {
      color: #80808C; }
    .student-alerts .content .right i:hover {
      color: #3E4297 !important; }
    .student-alerts .content .right .bottom {
      gap: 0px 1rem; }
      .student-alerts .content .right .bottom .header {
        color: #212128;
        font-size: 18px; }
      .student-alerts .content .right .bottom .headder::after {
        content: ''; }
      .student-alerts .content .right .bottom .role-display {
        display: flex;
        align-items: center;
        gap: 0px 7px; }
        .student-alerts .content .right .bottom .role-display p.main-text {
          color: #80808C;
          font-size: 14px;
          margin-bottom: 0 !important;
          height: -moz-fit-content;
          height: fit-content; }

.circle-container {
  display: flex; }
  .circle-container a:nth-child(n+2) {
    margin-left: -10px; }
  .circle-container .initials-circle {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .circle-container .initials-circle p {
      color: white;
      font-size: 12px; }
  .circle-container .initials-circle img.ui.tiny.circular.image {
    width: 28px;
    height: 28px;
    -o-object-fit: cover;
       object-fit: cover; }

.circles-container a:nth-child(3n+2) .initials-circle,
.initials-circle.green {
  background: #47973E; }

.circles-container a:nth-child(3n+3) .initials-circle,
.initials-circle.blue {
  background: #3E4297; }

.circles-container a:nth-child(3n+1) .initials-circle,
.initials-circle.blue {
  background: #F7B21A; }

.circles-container > a:nth-child(n + 3) {
  margin-left: -12px; }

#student_alerts_scroll .notif-alert-type {
  margin-left: 28px; }

.notif-alert-type {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.notif-alert-type::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #424494;
  border-radius: 10px;
  left: -15px;
  position: absolute; }

.notif-alert-type.Task::before {
  background: green; }

.notif-alert-type.SystemAlert::before {
  background: #F7B21A; }

a.toggle-description {
  color: #3E4297; }
  a.toggle-description svg {
    height: 12px;
    width: 12px; }

/* Top Cards */
.top-cards {
  display: flex;
  gap: 0px 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #BBBBCA80;
  padding-bottom: 1rem; }
  .top-cards .individual-card {
    padding: 12px 24px;
    background-color: white;
    border: 1px solid #BBBBCA80;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1; }
    .top-cards .individual-card .label {
      color: #212128;
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase;
      margin-bottom: 4px; }
    .top-cards .individual-card .value {
      font-size: 20px;
      font-weight: bolder;
      color: #212128;
      margin-bottom: 0; }
    .top-cards .individual-card .arrow {
      border-radius: 50%;
      width: 20px;
      height: 20px;
      background-color: #3E4297;
      color: white;
      transform: rotate(-228deg); }
    .top-cards .individual-card .arrow::after {
      content: '⌜';
      top: 3px;
      left: 6px;
      position: relative; }
    .top-cards .individual-card .arrow i {
      font-weight: 300; }
  @media (max-width: 767px) {
    .top-cards {
      flex-wrap: wrap; }
      .top-cards .individual-card {
        padding: 12px 10px 10px;
        text-align: center;
        justify-content: center; }
        .top-cards .individual-card .right {
          display: none; } }
/* Section header */
.card-header {
  margin-bottom: 12px;
  align-items: center; }
  .card-header .main-title {
    font-size: 16px;
    color: #80808C;
    margin-bottom: 0; }
  .card-header .filter-right {
    display: flex;
    align-items: center;
    gap: 0px 4px;
    cursor: pointer; }
    .card-header .filter-right i,
    .card-header .filter-right p {
      color: #80808C;
      font-size: 16px;
      font-weight: 500; }
    .card-header .filter-right i.icon {
      height: auto; }
  .card-header .filter-right:hover i,
  .card-header .filter-right:hover p,
  .card-header .filter-right.blue-filter i,
  .card-header .filter-right.blue-filter p {
    color: #3E4297; }

.student-alerts .card-header .main-title {
  color: #80808C; }

/* Filters */
.ui.category.search,
.ui.category.search .ui.icon.input,
.ui.category.search .ui.icon.input input {
  width: 100%; }

.notice-header-right {
  display: flex;
  gap: 0px 1rem;
  align-items: center; }

.student-filters {
  display: flex;
  gap: 0px 12px;
  align-items: center; }

.hide-filter {
  display: none !important; }

.show-filter {
  display: flex !important;
  padding-top: 0 !important; }
  .show-filter .student-select {
    width: 100%; }
  .show-filter .notification-filters {
    padding-top: 0 !important;
    margin-top: -1rem !important;
    padding-bottom: 2rem !important; }
  .show-filter .dropdown-filters {
    display: flex;
    gap: 12px;
    margin-top: 12px;
    flex-wrap: wrap; }
    .show-filter .dropdown-filters .notice-filter {
      flex-grow: 1; }
      .show-filter .dropdown-filters .notice-filter .text,
      .show-filter .dropdown-filters .notice-filter select {
        color: #80808C;
        font-size: 12px; }

/* Mobile */
@media (max-width: 766px) {
  div#student_alerts,
  #notifications_scroll div#notifications {
    max-height: none; }
  .student-alerts-wrapper,
  .notifications-wrapper {
    display: none !important; }
  .student-alerts-wrapper.active,
  .notifications-wrapper.active {
    display: block !important; }
  .student-alerts,
  .notifications-main-container {
    border-right: none !important; }
    .student-alerts .card-header .ui.dropdown.section-select.selection,
    .notifications-main-container .card-header .ui.dropdown.section-select.selection {
      min-width: 0; }
    .student-alerts .card-header .ui.icon.button.secondary,
    .notifications-main-container .card-header .ui.icon.button.secondary {
      margin-right: 0; }
    .student-alerts .card-header .ui.icon.button.primary,
    .notifications-main-container .card-header .ui.icon.button.primary {
      padding: .65rem; }
      .student-alerts .card-header .ui.icon.button.primary span,
      .notifications-main-container .card-header .ui.icon.button.primary span {
        display: none; }
  .temporary-buttons a.item.ui.icon.button {
    padding: 5px;
    border-radius: 5px;
    margin-top: 2px; }
  .temporary-buttons a.item.ui.icon.button:not(:first-child) {
    margin-left: 5px; } }

.calendar-wrapper {
  max-height: calc(100vh - 20rem);
  overflow: auto; }
  .calendar-wrapper .fc-scroller.fc-time-grid-container,
  .calendar-wrapper .fc-scroller.fc-day-grid-container {
    height: auto !important;
    overflow: hidden !important; }
  .calendar-wrapper .fc-agenda-view .fc-day-grid .fc-row,
  .calendar-wrapper .fc-row.ui-widget-header {
    margin-right: 0 !important; }

/* Calendar Mobile */
@media (max-width: 766px) {
  .calendar-wrapper .fc-scroller.fc-time-grid-container,
  .calendar-wrapper .fc-scroller.fc-day-grid-container {
    height: auto !important;
    overflow: auto !important; }
  .calendar-wrapper .fc-agenda-view .fc-day-grid .fc-row,
  .calendar-wrapper .fc-row.ui-widget-header {
    margin-right: 0 !important; } }

@media (max-width: 500px) {
  .item.notification_item_2.individual-notification-container.read {
    width: 100%;
    overflow: auto; } }
/* Do not change */

.select-step {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    -webkit-appearance: none;
}

/* You can change from here */

.jquery-select-step {
    display: inline-block;
}
.jquery-select-step-element {
    position: relative;
    display: inline-block;
    padding: 5px 45px;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
}
.jquery-select-step-element > div {
    display: inline-block;
}
.decrementStep, .incrementStep {
    position: absolute;
    width: 30px;
    left: 0;
    top: 0;
    padding: 5px;
    text-align: center;
    border-right: 1px solid #d5d5d5;
    background-image: linear-gradient(#fcfcfc, #eee);
    cursor: pointer;
}
.incrementStep {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid #d5d5d5;
}
.notifications-main-container,
.student-alerts {
  -webkit-box-shadow: none !important; }

.no-padding-cont {
  padding-left: 0 !important; }
  .no-padding-cont .notifications-main-container {
    background-color: transparent !important;
    border: none !important; }

.item.individual-notification-container,
.ui.divided.items > .item.individual-notification-container:first-child {
  padding: 14px 20px !important; }

.notice_board .scrollable.items {
  background: #f5f5f7; }

#context2 #notifications {
  padding: 0;
  border: none;
  margin: 0; }

#notifications_scroll .item::after,
#context2 .item::after,
.notice_board .item::after {
  display: none !important; }

#notifications_scroll .content,
#context2 .content,
.notice_board .content {
  background-color: transparent;
  border-radius: 5px; }

#notifications_scroll .content::after,
#context2 .content::after,
.notice_board .content::after {
  display: none !important; }

#notifications_scroll .individual-notification-container .content,
#context2 .individual-notification-container .content,
.notice_board .individual-notification-container .content {
  background: transparent !important;
  border: none !important; }

#notifications_scroll .individual-notification-container,
#context2 .individual-notification-container,
.notice_board .individual-notification-container {
  margin-bottom: 6px !important;
  background: #fff !important;
  border: 1px solid rgba(34, 36, 38, 0.15) !important;
  border-radius: 5px !important; }
  #notifications_scroll .individual-notification-container .content,
  #context2 .individual-notification-container .content,
  .notice_board .individual-notification-container .content {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    #notifications_scroll .individual-notification-container .content .card-top,
    #context2 .individual-notification-container .content .card-top,
    .notice_board .individual-notification-container .content .card-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
    #notifications_scroll .individual-notification-container .content .card-bottom,
    #context2 .individual-notification-container .content .card-bottom,
    .notice_board .individual-notification-container .content .card-bottom {
      grid-area: card_bottom; }
      #notifications_scroll .individual-notification-container .content .card-bottom .bot,
      #context2 .individual-notification-container .content .card-bottom .bot,
      .notice_board .individual-notification-container .content .card-bottom .bot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        #notifications_scroll .individual-notification-container .content .card-bottom .bot .left.alert-title .bottom,
        #context2 .individual-notification-container .content .card-bottom .bot .left.alert-title .bottom,
        .notice_board .individual-notification-container .content .card-bottom .bot .left.alert-title .bottom {
          display: flex;
          align-items: center; }
    #notifications_scroll .individual-notification-container .content .header h4,
    #context2 .individual-notification-container .content .header h4,
    .notice_board .individual-notification-container .content .header h4 {
      color: #212128;
      font-weight: 600;
      font-size: 18px;
      font-weight: 600; }
    #notifications_scroll .individual-notification-container .content .header h4:hover,
    #context2 .individual-notification-container .content .header h4:hover,
    .notice_board .individual-notification-container .content .header h4:hover {
      color: #3E4297; }
    #notifications_scroll .individual-notification-container .content .left,
    #notifications_scroll .individual-notification-container .content .right,
    #context2 .individual-notification-container .content .left,
    #context2 .individual-notification-container .content .right,
    .notice_board .individual-notification-container .content .left,
    .notice_board .individual-notification-container .content .right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 1px 0px;
      align-self: flex-end; }
    #notifications_scroll .individual-notification-container .content .left,
    #context2 .individual-notification-container .content .left,
    .notice_board .individual-notification-container .content .left {
      justify-content: flex-start; }
      #notifications_scroll .individual-notification-container .content .left .top .notif-message,
      #context2 .individual-notification-container .content .left .top .notif-message,
      .notice_board .individual-notification-container .content .left .top .notif-message {
        color: #80808C; }
        #notifications_scroll .individual-notification-container .content .left .top .notif-message label,
        #context2 .individual-notification-container .content .left .top .notif-message label,
        .notice_board .individual-notification-container .content .left .top .notif-message label {
          width: 123px; }
        #notifications_scroll .individual-notification-container .content .left .top .notif-message h4,
        #context2 .individual-notification-container .content .left .top .notif-message h4,
        .notice_board .individual-notification-container .content .left .top .notif-message h4 {
          margin-top: 0 !important;
          word-break: break-all;
          text-overflow: ellipsis;
          max-width: 370px; }
      #notifications_scroll .individual-notification-container .content .left .bottom .meta-info,
      #context2 .individual-notification-container .content .left .bottom .meta-info,
      .notice_board .individual-notification-container .content .left .bottom .meta-info {
        display: flex;
        grid-gap: 10px;
        color: #80808C;
        font-size: 13px; }
        #notifications_scroll .individual-notification-container .content .left .bottom .meta-info i.icon,
        #context2 .individual-notification-container .content .left .bottom .meta-info i.icon,
        .notice_board .individual-notification-container .content .left .bottom .meta-info i.icon {
          margin-right: 1px; }
        #notifications_scroll .individual-notification-container .content .left .bottom .meta-info .unread,
        #context2 .individual-notification-container .content .left .bottom .meta-info .unread,
        .notice_board .individual-notification-container .content .left .bottom .meta-info .unread {
          color: #d14f4f;
          font-weight: 500; }
      @media (max-width: 780px) {
        #notifications_scroll .individual-notification-container .content .left .bottom,
        #context2 .individual-notification-container .content .left .bottom,
        .notice_board .individual-notification-container .content .left .bottom {
          margin-top: 0; } }
    #notifications_scroll .individual-notification-container .content .right .top,
    #context2 .individual-notification-container .content .right .top,
    .notice_board .individual-notification-container .content .right .top {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      @media (max-width: 780px) {
        #notifications_scroll .individual-notification-container .content .right .top,
        #context2 .individual-notification-container .content .right .top,
        .notice_board .individual-notification-container .content .right .top {
          justify-content: space-between;
          margin-bottom: 11px;
          flex-wrap: wrap;
          grid-gap: .5rem; } }
      #notifications_scroll .individual-notification-container .content .right .top .top-inner,
      #context2 .individual-notification-container .content .right .top .top-inner,
      .notice_board .individual-notification-container .content .right .top .top-inner {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        @media (max-width: 780px) {
          #notifications_scroll .individual-notification-container .content .right .top .top-inner,
          #context2 .individual-notification-container .content .right .top .top-inner,
          .notice_board .individual-notification-container .content .right .top .top-inner {
            flex-grow: 1; } }
      #notifications_scroll .individual-notification-container .content .right .top .tags-wrapper,
      #context2 .individual-notification-container .content .right .top .tags-wrapper,
      .notice_board .individual-notification-container .content .right .top .tags-wrapper {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 4px 0;
        margin-right: 10px; }
      #notifications_scroll .individual-notification-container .content .right .top b,
      #context2 .individual-notification-container .content .right .top b,
      .notice_board .individual-notification-container .content .right .top b {
        margin-left: 30px; }
      #notifications_scroll .individual-notification-container .content .right .top .alert-date,
      #context2 .individual-notification-container .content .right .top .alert-date,
      .notice_board .individual-notification-container .content .right .top .alert-date {
        margin: 0; }
        #notifications_scroll .individual-notification-container .content .right .top .alert-date b,
        #context2 .individual-notification-container .content .right .top .alert-date b,
        .notice_board .individual-notification-container .content .right .top .alert-date b {
          color: #80808C;
          font-size: 14px;
          line-height: 17px;
          font-weight: 400 !important;
          margin-left: 0; }
        @media (max-width: 1440px) {
          #notifications_scroll .individual-notification-container .content .right .top .alert-date,
          #context2 .individual-notification-container .content .right .top .alert-date,
          .notice_board .individual-notification-container .content .right .top .alert-date {
            flex-grow: 1; } }
      #notifications_scroll .individual-notification-container .content .right .top .ui.dropdown.icon,
      #context2 .individual-notification-container .content .right .top .ui.dropdown.icon,
      .notice_board .individual-notification-container .content .right .top .ui.dropdown.icon {
        border: none; }
        #notifications_scroll .individual-notification-container .content .right .top .ui.dropdown.icon .icon,
        #context2 .individual-notification-container .content .right .top .ui.dropdown.icon .icon,
        .notice_board .individual-notification-container .content .right .top .ui.dropdown.icon .icon {
          padding-right: 0;
          margin-right: 0; }
        #notifications_scroll .individual-notification-container .content .right .top .ui.dropdown.icon .item .icon,
        #context2 .individual-notification-container .content .right .top .ui.dropdown.icon .item .icon,
        .notice_board .individual-notification-container .content .right .top .ui.dropdown.icon .item .icon {
          margin-right: 1rem; }
        #notifications_scroll .individual-notification-container .content .right .top .ui.dropdown.icon .item a,
        #context2 .individual-notification-container .content .right .top .ui.dropdown.icon .item a,
        .notice_board .individual-notification-container .content .right .top .ui.dropdown.icon .item a {
          color: #666; }
      #notifications_scroll .individual-notification-container .content .right .top .star,
      #context2 .individual-notification-container .content .right .top .star,
      .notice_board .individual-notification-container .content .right .top .star {
        margin-left: 6px; }
      #notifications_scroll .individual-notification-container .content .right .top .action-buttons,
      #context2 .individual-notification-container .content .right .top .action-buttons,
      .notice_board .individual-notification-container .content .right .top .action-buttons {
        display: none; }
      #notifications_scroll .individual-notification-container .content .right .top .action-buttons.active,
      #context2 .individual-notification-container .content .right .top .action-buttons.active,
      .notice_board .individual-notification-container .content .right .top .action-buttons.active {
        display: flex !important; }
      #notifications_scroll .individual-notification-container .content .right .top i,
      #context2 .individual-notification-container .content .right .top i,
      .notice_board .individual-notification-container .content .right .top i {
        cursor: pointer;
        font-size: 1rem;
        color: #80808c;
        padding: 0; }
      #notifications_scroll .individual-notification-container .content .right .top a:last-child i,
      #context2 .individual-notification-container .content .right .top a:last-child i,
      .notice_board .individual-notification-container .content .right .top a:last-child i {
        padding-right: 0; }
      #notifications_scroll .individual-notification-container .content .right .top .status-wrapper,
      #context2 .individual-notification-container .content .right .top .status-wrapper,
      .notice_board .individual-notification-container .content .right .top .status-wrapper {
        position: relative; }
        #notifications_scroll .individual-notification-container .content .right .top .status-wrapper .progress,
        #context2 .individual-notification-container .content .right .top .status-wrapper .progress,
        .notice_board .individual-notification-container .content .right .top .status-wrapper .progress {
          position: absolute;
          top: 0;
          left: 0.5rem;
          background: #fff;
          border: 1px solid #BBBBCA88;
          border-radius: 5px;
          padding: 0 5px;
          opacity: 0;
          transition: .25s; }
        @media (max-width: 780px) {
          #notifications_scroll .individual-notification-container .content .right .top .status-wrapper b,
          #context2 .individual-notification-container .content .right .top .status-wrapper b,
          .notice_board .individual-notification-container .content .right .top .status-wrapper b {
            margin-left: 20px; } }
      #notifications_scroll .individual-notification-container .content .right .top .status-wrapper:hover .progress,
      #context2 .individual-notification-container .content .right .top .status-wrapper:hover .progress,
      .notice_board .individual-notification-container .content .right .top .status-wrapper:hover .progress {
        top: -2rem;
        opacity: 1; }
      #notifications_scroll .individual-notification-container .content .right .top .status-wrapper::before,
      #context2 .individual-notification-container .content .right .top .status-wrapper::before,
      .notice_board .individual-notification-container .content .right .top .status-wrapper::before {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        left: 1.2rem;
        top: 5px;
        border-radius: 1rem;
        background: #47973E; }
      @media (max-width: 780px) {
        #notifications_scroll .individual-notification-container .content .right .top .status-wrapper::before,
        #context2 .individual-notification-container .content .right .top .status-wrapper::before,
        .notice_board .individual-notification-container .content .right .top .status-wrapper::before {
          left: 0.2rem; } }
      #notifications_scroll .individual-notification-container .content .right .top .status-wrapper.in_progress::before,
      #context2 .individual-notification-container .content .right .top .status-wrapper.in_progress::before,
      .notice_board .individual-notification-container .content .right .top .status-wrapper.in_progress::before {
        background: #F7B21A; }
    #notifications_scroll .individual-notification-container .content .right .bottom,
    #context2 .individual-notification-container .content .right .bottom,
    .notice_board .individual-notification-container .content .right .bottom {
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 1280px) {
        #notifications_scroll .individual-notification-container .content .right .bottom,
        #context2 .individual-notification-container .content .right .bottom,
        .notice_board .individual-notification-container .content .right .bottom {
          flex-wrap: wrap; } }
      @media (max-width: 780px) {
        #notifications_scroll .individual-notification-container .content .right .bottom,
        #context2 .individual-notification-container .content .right .bottom,
        .notice_board .individual-notification-container .content .right .bottom {
          justify-content: space-between; }
          #notifications_scroll .individual-notification-container .content .right .bottom .notif-alert-type,
          #context2 .individual-notification-container .content .right .bottom .notif-alert-type,
          .notice_board .individual-notification-container .content .right .bottom .notif-alert-type {
            margin-left: 1.1rem; } }
      #notifications_scroll .individual-notification-container .content .right .bottom .notif-supervisors,
      #context2 .individual-notification-container .content .right .bottom .notif-supervisors,
      .notice_board .individual-notification-container .content .right .bottom .notif-supervisors {
        padding: 0 12px;
        margin: 0px 12px; }
      #notifications_scroll .individual-notification-container .content .right .bottom .notif-watchers,
      #context2 .individual-notification-container .content .right .bottom .notif-watchers,
      .notice_board .individual-notification-container .content .right .bottom .notif-watchers {
        padding-right: 12px;
        margin-right: 12px; }
      #notifications_scroll .individual-notification-container .content .right .bottom .notif-supervisors:last-child,
      #notifications_scroll .individual-notification-container .content .right .bottom .notif-watchers:last-child,
      #context2 .individual-notification-container .content .right .bottom .notif-supervisors:last-child,
      #context2 .individual-notification-container .content .right .bottom .notif-watchers:last-child,
      .notice_board .individual-notification-container .content .right .bottom .notif-supervisors:last-child,
      .notice_board .individual-notification-container .content .right .bottom .notif-watchers:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0; }
      @media (max-width: 780px) {
        #notifications_scroll .individual-notification-container .content .right .bottom .notif-supervisors,
        #notifications_scroll .individual-notification-container .content .right .bottom .notif-watchers,
        #context2 .individual-notification-container .content .right .bottom .notif-supervisors,
        #context2 .individual-notification-container .content .right .bottom .notif-watchers,
        .notice_board .individual-notification-container .content .right .bottom .notif-supervisors,
        .notice_board .individual-notification-container .content .right .bottom .notif-watchers {
          border: none; } }
      #notifications_scroll .individual-notification-container .content .right .bottom .circle-container,
      #context2 .individual-notification-container .content .right .bottom .circle-container,
      .notice_board .individual-notification-container .content .right .bottom .circle-container {
        width: 27px; }
        #notifications_scroll .individual-notification-container .content .right .bottom .circle-container .image,
        #context2 .individual-notification-container .content .right .bottom .circle-container .image,
        .notice_board .individual-notification-container .content .right .bottom .circle-container .image {
          width: 28px;
          height: 28px;
          -o-object-fit: cover;
             object-fit: cover; }
      #notifications_scroll .individual-notification-container .content .right .bottom .circles-container,
      #context2 .individual-notification-container .content .right .bottom .circles-container,
      .notice_board .individual-notification-container .content .right .bottom .circles-container {
        display: flex;
        align-items: center; }
        #notifications_scroll .individual-notification-container .content .right .bottom .circles-container .initials-circle,
        #context2 .individual-notification-container .content .right .bottom .circles-container .initials-circle,
        .notice_board .individual-notification-container .content .right .bottom .circles-container .initials-circle {
          display: flex; }
        #notifications_scroll .individual-notification-container .content .right .bottom .circles-container > p,
        #context2 .individual-notification-container .content .right .bottom .circles-container > p,
        .notice_board .individual-notification-container .content .right .bottom .circles-container > p {
          margin: 0;
          margin-right: .5rem; }
      #notifications_scroll .individual-notification-container .content .right .bottom .circle,
      #context2 .individual-notification-container .content .right .bottom .circle,
      .notice_board .individual-notification-container .content .right .bottom .circle {
        width: 27px;
        height: 27px;
        border-radius: 50%;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center; }
      #notifications_scroll .individual-notification-container .content .right .bottom .circle.green,
      #context2 .individual-notification-container .content .right .bottom .circle.green,
      .notice_board .individual-notification-container .content .right .bottom .circle.green {
        background: #47973E; }
      #notifications_scroll .individual-notification-container .content .right .bottom .circle.blue,
      #context2 .individual-notification-container .content .right .bottom .circle.blue,
      .notice_board .individual-notification-container .content .right .bottom .circle.blue {
        background: #3E4297; }

#notifications_scroll .individual-notification-container.read,
#context2 .individual-notification-container.read,
.notice_board .individual-notification-container.read {
  background: #3E429715 !important; }
  #notifications_scroll .individual-notification-container.read .ui.dropdown.icon,
  #context2 .individual-notification-container.read .ui.dropdown.icon,
  .notice_board .individual-notification-container.read .ui.dropdown.icon {
    border: none !important; }
  #notifications_scroll .individual-notification-container.read .icon.expand-notif:hover,
  #context2 .individual-notification-container.read .icon.expand-notif:hover,
  .notice_board .individual-notification-container.read .icon.expand-notif:hover {
    color: #3E4297 !important; }
  #notifications_scroll .individual-notification-container.read .notification-actions i::before,
  #context2 .individual-notification-container.read .notification-actions i::before,
  .notice_board .individual-notification-container.read .notification-actions i::before {
    position: relative; }
.flex.ui.content.modal-content {
  padding: 0 !important; }

form#new_notification .header.flex {
  padding: 31px 35px !important; }

.ui.fullscreen.notification.modal.scrolling.transition.visible.active .flex {
  grid-gap: 0px !important; }

.modal-side-content {
  max-width: 450px; }

.pinned-wrapper {
  position: relative;
  display: inline-block; }
  .pinned-wrapper .star {
    color: #80808c; }
  .pinned-wrapper input {
    position: absolute;
    visibility: hidden; }
  .pinned-wrapper input:checked + .star {
    color: #f7b21a; }

form#new_notification {
  height: 100vh; }
  form#new_notification .modal-content {
    height: 100%; }

form#new_notification .left-bottom {
  padding: 0 52px; }

form#new_notification .modal-side-content {
  max-width: 450px; }

.flex.ui.content.modal-content {
  grid-gap: 0 !important; }
  .flex.ui.content.modal-content .header.flex {
    border-bottom: 2px solid #f5f5f7;
    justify-content: space-between;
    align-items: center; }
    .flex.ui.content.modal-content .header.flex .left {
      width: 100%;
      max-width: 172px;
      display: flex;
      justify-content: space-between; }
    .flex.ui.content.modal-content .header.flex .right {
      display: flex;
      justify-content: flex-end; }
  .flex.ui.content.modal-content .scrolling.content .field.title {
    border-top: none; }
    .flex.ui.content.modal-content .scrolling.content .field.title input#notification_message {
      border: none !important;
      border-bottom: none !important;
      padding: 11px 14px !important; }
    .flex.ui.content.modal-content .scrolling.content .field.title input#notification_message:focus {
      border: 1px solid black; }
    .flex.ui.content.modal-content .scrolling.content .field.title input#notification_message::-moz-placeholder {
      color: #80808C;
      font-weight: 700;
      font-size: 22px; }
    .flex.ui.content.modal-content .scrolling.content .field.title input#notification_message,
    .flex.ui.content.modal-content .scrolling.content .field.title input#notification_message::placeholder {
      color: #80808C;
      font-weight: 700;
      font-size: 22px; }
    .flex.ui.content.modal-content .scrolling.content .field.title label {
      color: #80808C;
      padding-left: 14px; }
  .flex.ui.content.modal-content .scrolling.content .description {
    padding: 0 !important; }
    .flex.ui.content.modal-content .scrolling.content .description textarea {
      border: none;
      max-width: 442px; }
  .flex.ui.content.modal-content section.selects_n_tags {
    display: flex;
    flex-direction: column;
    gap: 9px 0px; }
    .flex.ui.content.modal-content section.selects_n_tags .actions input {
      margin: 0; }
    .flex.ui.content.modal-content section.selects_n_tags .select-section {
      display: flex;
      align-items: center;
      gap: 0 27px; }
      .flex.ui.content.modal-content section.selects_n_tags .select-section label {
        color: #80808C;
        font-size: 14px;
        width: 50%;
        max-width: 130px; }
      .flex.ui.content.modal-content section.selects_n_tags .select-section .ui.fluid.dropdown.search.selection,
      .flex.ui.content.modal-content section.selects_n_tags .select-section #notification_all_tags_chosen,
      .flex.ui.content.modal-content section.selects_n_tags .select-section textarea {
        max-width: 442px; }
      .flex.ui.content.modal-content section.selects_n_tags .select-section #notification_all_tags_chosen {
        box-shadow: none !important; }
      .flex.ui.content.modal-content section.selects_n_tags .select-section select,
      .flex.ui.content.modal-content section.selects_n_tags .select-section #notification_all_tags_chosen {
        border: 1px solid #C5C8D5;
        width: 100%; }
    .flex.ui.content.modal-content section.selects_n_tags .tags {
      margin-top: 19px;
      padding: 21px 0;
      border-top: 1px solid #C5C8D5; }
      .flex.ui.content.modal-content section.selects_n_tags .tags #notification_all_tags_chosen {
        border: 1px solid #C5C8D5;
        border-radius: 5px;
        padding: 4px 10px; }
      .flex.ui.content.modal-content section.selects_n_tags .tags input.chosen-search-input.default::-moz-placeholder {
        color: black !important; }
      .flex.ui.content.modal-content section.selects_n_tags .tags input.chosen-search-input.default::placeholder {
        color: black !important; }
      .flex.ui.content.modal-content section.selects_n_tags .tags #notification_all_tags_chosen ul.chosen-choices {
        border: none !important;
        background-image: none !important;
        background-color: transparent !important; }

.modal-side-content #documents_Notification_ .ui.action.padded.fluid.small.input.right.labeled {
  border: 1px dashed #80808c !important;
  border-radius: 5px; }

@media (min-width: 1001px) {
  form#new_notification .header.flex .left,
  form#new_notification .header.flex .pinned-wrapper,
  form#new_notification .header.flex .right {
    width: calc(100% / 3); } }

@media (max-width: 1000px) {
  form#new_notification {
    height: auto; }
  form#new_notification .header.flex {
    flex-direction: row !important; }
  form#new_notification .header.flex .left {
    width: 100%;
    max-width: 250px;
    display: flex;
    justify-content: space-between; }
  form#new_notification .header.flex .right {
    display: flex;
    justify-content: flex-end; }
  .flex.ui.content.modal-content .scrolling.content .description textarea {
    max-width: none !important; }
  .flex.ui.content.modal-content section.selects_n_tags .select-section .ui.fluid.dropdown.search.selection,
  .flex.ui.content.modal-content section.selects_n_tags .select-section #notification_all_tags_chosen,
  .flex.ui.content.modal-content section.selects_n_tags .select-section textarea {
    max-width: none !important; }
  .flex.ui.content.modal-content section.selects_n_tags .select-section #notification_all_tags_chosen {
    box-shadow: none !important; }
  .flex.ui.content.modal-content section.selects_n_tags .tags #notification_all_tags_chosen {
    border: 1px solid #C5C8D5;
    border-radius: 5px;
    padding: 4px 10px; }
  .flex.ui.content.modal-content section.selects_n_tags .tags input.chosen-search-input.default::-moz-placeholder {
    color: black !important; }
  .flex.ui.content.modal-content section.selects_n_tags .tags input.chosen-search-input.default::placeholder {
    color: black !important; }
  .flex.ui.content.modal-content section.selects_n_tags .tags #notification_all_tags_chosen ul.chosen-choices {
    border: none !important;
    background-image: none !important;
    background-color: transparent !important; } }

@media (max-width: 500px) {
  form#new_notification .header.flex {
    padding: 20px 35px !important; }
  section.selects_n_tags .select-section {
    align-items: flex-start !important;
    flex-direction: column;
    gap: 15px 0 !important; }
    section.selects_n_tags .select-section label {
      max-width: none; } }
body {
  background-color: #fff;
}

.header-logo {
  text-align: center;
  color: #000;
}

.float-left {
  text-align: left;
  float: left;
}

.float-right {
  text-align: left;
  float: right;
}

.contract-header {
  text-align: center;
}

.circle-list {
  list-style-type: circle;
}

.footer-green {
  font-size: 16px;
  color: green
}

.footer-blue {
  font-size: 15px;
  color: blue
}

.footer{
  text-align: center;
}
/*!
 * # Fomantic-UI 2.9.3 - Placeholder
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */

/* -------------------
      Content
-------------------- */
.ui.placeholder {
  position: static;
  overflow: hidden;
  background-color: #fff;
  background-size: 1200px 100%;
  max-width: 30rem;
}

.ui.placeholder:not(.still) {
  animation: placeholderShimmer 2s linear;
  animation-iteration-count: infinite;
}

.ui.placeholder:not(.solid) {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
}


.ui.placeholder.solid {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.15) 30%);
}

@keyframes placeholderShimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.ui.placeholder + .ui.placeholder {
  margin-top: 2rem;
}
.ui.placeholder + .ui.placeholder {
  animation-delay: 0.15s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder {
  animation-delay: 0.3s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
  animation-delay: 0.45s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
  animation-delay: 0.6s;
}
.ui.placeholder,
.ui.placeholder > ::before,
.ui.placeholder .image.header::after,
.ui.placeholder .line,
.ui.placeholder .line::after {
  background-color: #fff;
}
.ui.placeholder.hidden {
  display: none;
}

/* Image */
.ui.placeholder .image:not(.header):not(.ui):not(.icon) {
  height: 100px;
}
.ui.placeholder .square.image:not(.header) {
  height: 0;
  overflow: hidden;
  
/* 1/1 aspect ratio */
  padding-top: 100%;
}
.ui.placeholder .rectangular.image:not(.header) {
  height: 0;
  overflow: hidden;
  
/* 4/3 aspect ratio */
  padding-top: 75%;
}

/* Lines */
.ui.placeholder .line {
  position: relative;
  height: 0.85714286em;
}
.ui.placeholder .line::before,
.ui.placeholder .line::after {
  top: 100%;
  position: absolute;
  content: "";
  background-color: inherit;
}
.ui.placeholder .line::before {
  left: 0;
}
.ui.placeholder .line::after {
  right: 0;
}

/* Any Lines */
.ui.placeholder .line {
  margin-bottom: 0.5em;
}
.ui.placeholder .line::before,
.ui.placeholder .line::after {
  height: 0.5em;
}
.ui.placeholder .line:not(:first-child) {
  margin-top: 0.5em;
}

/* Line Outdent */
.ui.placeholder .line:nth-child(1)::after {
  width: 0;
}
.ui.placeholder .line:nth-child(2)::after {
  width: 50%;
}
.ui.placeholder .line:nth-child(3)::after {
  width: 10%;
}
.ui.placeholder .line:nth-child(4)::after {
  width: 35%;
}
.ui.placeholder .line:nth-child(5)::after {
  width: 65%;
}

/* Header Image + 2 Lines */
.ui.placeholder .header {
  position: relative;
  overflow: hidden;
}

/* Header Line 1 & 2 */
.ui.placeholder .header .line {
  margin-bottom: 0.64285714em;
}
.ui.placeholder .header .line::before,
.ui.placeholder .header .line::after {
  height: 0.64285714em;
}
.ui.placeholder .header .line:not(:first-child) {
  margin-top: 0.64285714em;
}
.ui.placeholder .header .line::after {
  width: 20%;
}
.ui.placeholder .header .line:nth-child(2)::after {
  width: 60%;
}

/* Image Header */
.ui.placeholder .image.header .line {
  margin-left: 3em;
}
.ui.placeholder .image.header .line::before {
  width: 0.71428571rem;
}
.ui.placeholder .image.header::after {
  display: block;
  height: 0.85714286em;
  content: "";
  margin-left: 3em;
}

/* Spacing */
.ui.placeholder .image .line:first-child,
.ui.placeholder .paragraph .line:first-child,
.ui.placeholder .header .line:first-child {
  height: 0.01px;
}
.ui.placeholder .image:not(:first-child)::before,
.ui.placeholder .paragraph:not(:first-child)::before,
.ui.placeholder .header:not(:first-child)::before {
  height: 1.42857143em;
  content: "";
  display: block;
}

/* Inverted Content Loader */
.ui.inverted.placeholder {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
}
.ui.inverted.placeholder,
.ui.inverted.placeholder > ::before,
.ui.inverted.placeholder .image.header::after,
.ui.inverted.placeholder .line,
.ui.inverted.placeholder .line::after {
  background-color: #1b1c1d;
}


/*******************************
            Variations
*******************************/


/* -------------------
        Sizes
-------------------- */
.ui.placeholder .full.line.line.line::after {
  width: 0;
}
.ui.placeholder .very.long.line.line.line::after {
  width: 10%;
}
.ui.placeholder .long.line.line.line::after {
  width: 35%;
}
.ui.placeholder .medium.line.line.line::after {
  width: 50%;
}
.ui.placeholder .short.line.line.line::after {
  width: 65%;
}
.ui.placeholder .very.short.line.line.line::after {
  width: 80%;
}

/* -------------------
            Fluid
    -------------------- */
.ui.fluid.placeholder {
  max-width: none;
}


/*******************************
         Theme Overrides
*******************************/
body {
  background-color: #fff;
  color: #333;
  font-family: Inter, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin: 33px; }

p, ol, ul, td {
  font-family: Inter, arial, helvetica, sans-serif;
  line-height: 18px;
  margin: 33px; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px; }

a {
  color: #000; }
  a:visited {
    color: #666; }
  a:hover {
    color: #fff;
    background-color: #000; }

th {
  padding-bottom: 5px; }

td {
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 5px; }

div.field, div.actions {
  margin-bottom: 10px; }

#notice {
  color: green; }

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table; }

#error_explanation {
  border: none;
  padding: 4px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  #error_explanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    margin-bottom: 0;
    background-color: #c00;
    color: #fff; }
  #error_explanation ul li {
    font-size: 12px;
    list-style: square; }

label {
  display: block; }
/*!
 * # Fomantic-UI 2.9.3 - Slider
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */
.ui.slider:not(.vertical):not(.checkbox) {
  width: 100%;
  padding: 1em 0.5em;
}
.ui.slider:not(.checkbox) {
  position: relative;
}
.ui.slider:not(.checkbox):focus {
  outline: 0;
}
.ui.slider .inner {
  position: relative;
  z-index: 2;
}
.ui.slider:not(.vertical) .inner {
  height: 1.5em;
}
.ui.slider .inner:hover {
  cursor: auto;
}
.ui.slider .inner .track {
  position: absolute;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
}
.ui.slider:not(.vertical) .inner .track {
  width: 100%;
  height: 0.4em;
  top: 0.55em;
  left: 0;
}
.ui.slider .inner .track-fill {
  position: absolute;
  border-radius: 4px;
  background-color: #1b1c1d;
}
.ui.slider:not(.vertical) .inner .track-fill {
  height: 0.4em;
  top: 0.55em;
  left: 0;
}
.ui.slider .inner .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 1.5em;
  width: 1.5em;
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  border-radius: 100%;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  transition: background 0.3s ease;
}
.ui.slider:not(.disabled) .inner .thumb:hover {
  cursor: pointer;
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}
.ui.slider:not(.disabled):focus .inner .thumb {
  background: #f2f2f2 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}


/*******************************
            States
*******************************/


/* --------------
         Disabled
    --------------- */
.ui.disabled.slider:not(.checkbox) {
  opacity: 0.5;
}
.ui.disabled.slider .inner:hover {
  cursor: auto;
}
.ui.disabled.slider .inner .track-fill {
  background: #ccc;
}

/* --------------
        Reversed
    --------------- */
.ui.reversed.slider .inner .track-fill {
  left: auto;
  right: 0;
}
.ui.reversed.slider:not(.vertical) .inner .thumb {
  left: auto;
  right: 0;
}
.ui.reversed.vertical.slider .inner .thumb {
  left: 0.03em;
}
.ui.labeled.reversed.slider > .labels .label {
  transform: translate(-100%, -100%);
}


/*******************************
           Variations
*******************************/


/* --------------
        Vertical
    --------------- */
.ui.vertical.slider {
  height: 100%;
  width: 1.5em;
  padding: 0.5em 1em;
}
.ui.vertical.slider .inner {
  height: 100%;
}
.ui.vertical.slider .inner .track {
  height: 100%;
  width: 0.4em;
  left: 0.55em;
  top: 0;
}
.ui.vertical.slider .inner .track-fill {
  width: 0.4em;
  left: 0.55em;
  top: 0;
}

/* Vertical Reversed */
.ui.vertical.reversed.slider .inner .thumb {
  top: auto;
  bottom: 0;
}
.ui.vertical.reversed.slider .inner .track-fill {
  top: auto;
  bottom: 0;
}

/* --------------
        Labeled
    --------------- */
.ui.labeled.slider > .labels {
  height: 1.5em;
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.ui.labeled.slider:not(.vertical) > .labels {
  transform: translateY(-50%);
}
.ui.labeled.slider > .labels .label {
  display: inline-flex;
  padding: 0.2em 0;
  position: absolute;
  transform: translate(-50%, -100%);
  white-space: nowrap;
}
.ui.bottom.aligned.labeled.slider > .labels .label {
  bottom: 0;
  transform: translate(-50%, 100%);
}
.ui.labeled.ticked.slider > .labels .label::after {
  content: " ";
  height: 1.5em;
  width: 1px;
  background: #ccc;
  position: absolute;
  top: 100%;
  left: 50%;
}
.ui.bottom.aligned.labeled.ticked.slider > .labels .label::after {
  top: auto;
  bottom: 100%;
}
.ui.labeled.ticked.slider > .labels .halftick.label::after {
  height: 0.75em;
}

/* Vertical Labels */
.ui.labeled.vertical.slider > .labels {
  width: 1.5em;
  height: auto;
  left: 50%;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
}
.ui.labeled.vertical.slider > .labels .label {
  transform: translate(-100%, -50%);
}
.ui.labeled.vertical.slider > .labels .label::after {
  width: 1.5em;
  height: 1px;
  left: 100%;
  top: 50%;
}
.ui.labeled.vertical.slider > .labels .halftick.label::after {
  width: 0.75em;
  height: 1px;
}

/* Vertical Reversed Labels */
.ui.labeled.vertical.reversed.slider > .labels .label {
  transform: translate(-100%, 50%);
}

/* --------------
    Hover
--------------- */
.ui.hover.slider .inner .thumb {
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ui.hover.slider:not(.disabled):hover .inner .thumb,
.ui.hover.slider:not(.disabled):focus .inner .thumb {
  opacity: 1;
}

/* --------------
        Inverted
    --------------- */
.ui.inverted.slider .inner .track-fill {
  background-color: #545454;
}
.ui.inverted.slider .inner .track {
  background-color: rgba(255, 255, 255, 0.08);
}

/* --------------
     Colors
--------------- */

/* Standard */
.ui.primary.slider .inner .track-fill {
  background-color: #2185d0;
}
.ui.primary.inverted.slider .inner .track-fill {
  background-color: #54c8ff;
}

/* Basic */
.ui.primary.slider.basic .inner .thumb {
  background-color: #2185d0;
}
.ui.primary.slider.basic .inner .thumb:hover,
.ui.primary.slider.basic:focus .inner .thumb {
  background-color: #1678c2;
}

/* Basic Inverted */
.ui.primary.inverted.slider.basic .inner .thumb {
  background-color: #54c8ff;
}
.ui.primary.inverted.slider.basic .inner .thumb:hover,
.ui.primary.inverted.slider.basic:focus .inner .thumb {
  background-color: #21b8ff;
}

/* Standard */
.ui.secondary.slider .inner .track-fill {
  background-color: #1b1c1d;
}
.ui.secondary.inverted.slider .inner .track-fill {
  background-color: #545454;
}

/* Basic */
.ui.secondary.slider.basic .inner .thumb {
  background-color: #1b1c1d;
}
.ui.secondary.slider.basic .inner .thumb:hover,
.ui.secondary.slider.basic:focus .inner .thumb {
  background-color: #27292a;
}

/* Basic Inverted */
.ui.secondary.inverted.slider.basic .inner .thumb {
  background-color: #545454;
}
.ui.secondary.inverted.slider.basic .inner .thumb:hover,
.ui.secondary.inverted.slider.basic:focus .inner .thumb {
  background-color: #6e6e6e;
}

/* Standard */
.ui.red.slider .inner .track-fill {
  background-color: #db2828;
}
.ui.red.inverted.slider .inner .track-fill {
  background-color: #ff695e;
}

/* Basic */
.ui.red.slider.basic .inner .thumb {
  background-color: #db2828;
}
.ui.red.slider.basic .inner .thumb:hover,
.ui.red.slider.basic:focus .inner .thumb {
  background-color: #d01919;
}

/* Basic Inverted */
.ui.red.inverted.slider.basic .inner .thumb {
  background-color: #ff695e;
}
.ui.red.inverted.slider.basic .inner .thumb:hover,
.ui.red.inverted.slider.basic:focus .inner .thumb {
  background-color: #ff392b;
}

/* Standard */
.ui.orange.slider .inner .track-fill {
  background-color: #f2711c;
}
.ui.orange.inverted.slider .inner .track-fill {
  background-color: #ff851b;
}

/* Basic */
.ui.orange.slider.basic .inner .thumb {
  background-color: #f2711c;
}
.ui.orange.slider.basic .inner .thumb:hover,
.ui.orange.slider.basic:focus .inner .thumb {
  background-color: #f26202;
}

/* Basic Inverted */
.ui.orange.inverted.slider.basic .inner .thumb {
  background-color: #ff851b;
}
.ui.orange.inverted.slider.basic .inner .thumb:hover,
.ui.orange.inverted.slider.basic:focus .inner .thumb {
  background-color: #e76b00;
}

/* Standard */
.ui.yellow.slider .inner .track-fill {
  background-color: #fbbd08;
}
.ui.yellow.inverted.slider .inner .track-fill {
  background-color: #ffe21f;
}

/* Basic */
.ui.yellow.slider.basic .inner .thumb {
  background-color: #fbbd08;
}
.ui.yellow.slider.basic .inner .thumb:hover,
.ui.yellow.slider.basic:focus .inner .thumb {
  background-color: #eaae00;
}

/* Basic Inverted */
.ui.yellow.inverted.slider.basic .inner .thumb {
  background-color: #ffe21f;
}
.ui.yellow.inverted.slider.basic .inner .thumb:hover,
.ui.yellow.inverted.slider.basic:focus .inner .thumb {
  background-color: #ebcd00;
}

/* Standard */
.ui.olive.slider .inner .track-fill {
  background-color: #b5cc18;
}
.ui.olive.inverted.slider .inner .track-fill {
  background-color: #d9e778;
}

/* Basic */
.ui.olive.slider.basic .inner .thumb {
  background-color: #b5cc18;
}
.ui.olive.slider.basic .inner .thumb:hover,
.ui.olive.slider.basic:focus .inner .thumb {
  background-color: #a7bd0d;
}

/* Basic Inverted */
.ui.olive.inverted.slider.basic .inner .thumb {
  background-color: #d9e778;
}
.ui.olive.inverted.slider.basic .inner .thumb:hover,
.ui.olive.inverted.slider.basic:focus .inner .thumb {
  background-color: #d2e745;
}

/* Standard */
.ui.green.slider .inner .track-fill {
  background-color: #21ba45;
}
.ui.green.inverted.slider .inner .track-fill {
  background-color: #2ecc40;
}

/* Basic */
.ui.green.slider.basic .inner .thumb {
  background-color: #21ba45;
}
.ui.green.slider.basic .inner .thumb:hover,
.ui.green.slider.basic:focus .inner .thumb {
  background-color: #16ab39;
}

/* Basic Inverted */
.ui.green.inverted.slider.basic .inner .thumb {
  background-color: #2ecc40;
}
.ui.green.inverted.slider.basic .inner .thumb:hover,
.ui.green.inverted.slider.basic:focus .inner .thumb {
  background-color: #1ea92e;
}

/* Standard */
.ui.teal.slider .inner .track-fill {
  background-color: #00b5ad;
}
.ui.teal.inverted.slider .inner .track-fill {
  background-color: #6dffff;
}

/* Basic */
.ui.teal.slider.basic .inner .thumb {
  background-color: #00b5ad;
}
.ui.teal.slider.basic .inner .thumb:hover,
.ui.teal.slider.basic:focus .inner .thumb {
  background-color: #009c95;
}

/* Basic Inverted */
.ui.teal.inverted.slider.basic .inner .thumb {
  background-color: #6dffff;
}
.ui.teal.inverted.slider.basic .inner .thumb:hover,
.ui.teal.inverted.slider.basic:focus .inner .thumb {
  background-color: #3affff;
}

/* Standard */
.ui.blue.slider .inner .track-fill {
  background-color: #2185d0;
}
.ui.blue.inverted.slider .inner .track-fill {
  background-color: #54c8ff;
}

/* Basic */
.ui.blue.slider.basic .inner .thumb {
  background-color: #2185d0;
}
.ui.blue.slider.basic .inner .thumb:hover,
.ui.blue.slider.basic:focus .inner .thumb {
  background-color: #1678c2;
}

/* Basic Inverted */
.ui.blue.inverted.slider.basic .inner .thumb {
  background-color: #54c8ff;
}
.ui.blue.inverted.slider.basic .inner .thumb:hover,
.ui.blue.inverted.slider.basic:focus .inner .thumb {
  background-color: #21b8ff;
}

/* Standard */
.ui.violet.slider .inner .track-fill {
  background-color: #6435c9;
}
.ui.violet.inverted.slider .inner .track-fill {
  background-color: #a291fb;
}

/* Basic */
.ui.violet.slider.basic .inner .thumb {
  background-color: #6435c9;
}
.ui.violet.slider.basic .inner .thumb:hover,
.ui.violet.slider.basic:focus .inner .thumb {
  background-color: #5829bb;
}

/* Basic Inverted */
.ui.violet.inverted.slider.basic .inner .thumb {
  background-color: #a291fb;
}
.ui.violet.inverted.slider.basic .inner .thumb:hover,
.ui.violet.inverted.slider.basic:focus .inner .thumb {
  background-color: #745aff;
}

/* Standard */
.ui.purple.slider .inner .track-fill {
  background-color: #a333c8;
}
.ui.purple.inverted.slider .inner .track-fill {
  background-color: #dc73ff;
}

/* Basic */
.ui.purple.slider.basic .inner .thumb {
  background-color: #a333c8;
}
.ui.purple.slider.basic .inner .thumb:hover,
.ui.purple.slider.basic:focus .inner .thumb {
  background-color: #9627ba;
}

/* Basic Inverted */
.ui.purple.inverted.slider.basic .inner .thumb {
  background-color: #dc73ff;
}
.ui.purple.inverted.slider.basic .inner .thumb:hover,
.ui.purple.inverted.slider.basic:focus .inner .thumb {
  background-color: #cf40ff;
}

/* Standard */
.ui.pink.slider .inner .track-fill {
  background-color: #e03997;
}
.ui.pink.inverted.slider .inner .track-fill {
  background-color: #ff8edf;
}

/* Basic */
.ui.pink.slider.basic .inner .thumb {
  background-color: #e03997;
}
.ui.pink.slider.basic .inner .thumb:hover,
.ui.pink.slider.basic:focus .inner .thumb {
  background-color: #e61a8d;
}

/* Basic Inverted */
.ui.pink.inverted.slider.basic .inner .thumb {
  background-color: #ff8edf;
}
.ui.pink.inverted.slider.basic .inner .thumb:hover,
.ui.pink.inverted.slider.basic:focus .inner .thumb {
  background-color: #ff5bd1;
}

/* Standard */
.ui.brown.slider .inner .track-fill {
  background-color: #a5673f;
}
.ui.brown.inverted.slider .inner .track-fill {
  background-color: #d67c1c;
}

/* Basic */
.ui.brown.slider.basic .inner .thumb {
  background-color: #a5673f;
}
.ui.brown.slider.basic .inner .thumb:hover,
.ui.brown.slider.basic:focus .inner .thumb {
  background-color: #975b33;
}

/* Basic Inverted */
.ui.brown.inverted.slider.basic .inner .thumb {
  background-color: #d67c1c;
}
.ui.brown.inverted.slider.basic .inner .thumb:hover,
.ui.brown.inverted.slider.basic:focus .inner .thumb {
  background-color: #b0620f;
}

/* Standard */
.ui.grey.slider .inner .track-fill {
  background-color: #767676;
}
.ui.grey.inverted.slider .inner .track-fill {
  background-color: #dcddde;
}

/* Basic */
.ui.grey.slider.basic .inner .thumb {
  background-color: #767676;
}
.ui.grey.slider.basic .inner .thumb:hover,
.ui.grey.slider.basic:focus .inner .thumb {
  background-color: #838383;
}

/* Basic Inverted */
.ui.grey.inverted.slider.basic .inner .thumb {
  background-color: #dcddde;
}
.ui.grey.inverted.slider.basic .inner .thumb:hover,
.ui.grey.inverted.slider.basic:focus .inner .thumb {
  background-color: #c2c4c5;
}

/* Standard */
.ui.black.slider .inner .track-fill {
  background-color: #1b1c1d;
}
.ui.black.inverted.slider .inner .track-fill {
  background-color: #545454;
}

/* Basic */
.ui.black.slider.basic .inner .thumb {
  background-color: #1b1c1d;
}
.ui.black.slider.basic .inner .thumb:hover,
.ui.black.slider.basic:focus .inner .thumb {
  background-color: #27292a;
}

/* Basic Inverted */
.ui.black.inverted.slider.basic .inner .thumb {
  background-color: #545454;
}
.ui.black.inverted.slider.basic .inner .thumb:hover,
.ui.black.inverted.slider.basic:focus .inner .thumb {
  background-color: #000000;
}

/* --------------
         Basic
    --------------- */

/* Standard */
.ui.slider.basic .inner .thumb {
  background-color: #1b1c1d;
}
.ui.slider.basic .inner .thumb:hover,
.ui.slider.basic:focus .inner .thumb {
  background-color: #27292a;
}

/* --------------
          Basic Inverted
        --------------- */

/* Standard */
.ui.inverted.slider.basic .inner .thumb {
  background-color: #545454;
}
.ui.inverted.slider.basic .inner .thumb:hover,
.ui.inverted.slider.basic:focus .inner .thumb {
  background-color: #000000;
}

/* --------------
     Sizing
--------------- */
.ui.slider.small .inner .thumb {
  height: 1em;
  width: 1em;
}
.ui.slider.small:not(.vertical) .inner {
  height: 1em;
}
.ui.slider.small:not(.vertical) .inner .track,
.ui.slider.small:not(.vertical) .inner .track-fill {
  height: 0.3em;
  top: 0.35em;
}
.ui.small.labeled.slider:not(.vertical) > .labels,
.ui.small.labeled.slider:not(.vertical) > .labels .label::after {
  height: 1em;
}
.ui.small.labeled.slider:not(.vertical) > .labels .halftick.label::after {
  height: 0.5em;
}

/* Small Vertical */
.ui.slider.small.vertical .inner {
  width: 1em;
}
.ui.slider.small.vertical .inner .track,
.ui.slider.small.vertical .inner .track-fill {
  width: 0.3em;
  left: 0.35em;
}
.ui.small.labeled.vertical.slider > .labels,
.ui.small.labeled.vertical.slider > .labels .label::after {
  width: 1em;
}
.ui.small.labeled.vertical.slider > .labels .halftick.label::after {
  width: 0.5em;
}
.ui.slider.large .inner .thumb {
  height: 2em;
  width: 2em;
}
.ui.slider.large:not(.vertical) .inner {
  height: 2em;
}
.ui.slider.large:not(.vertical) .inner .track,
.ui.slider.large:not(.vertical) .inner .track-fill {
  height: 0.5em;
  top: 0.75em;
}
.ui.large.labeled.slider:not(.vertical) > .labels,
.ui.large.labeled.slider:not(.vertical) > .labels .label::after {
  height: 2em;
}
.ui.large.labeled.slider:not(.vertical) > .labels .halftick.label::after {
  height: 1em;
}

/* Small Vertical */
.ui.slider.large.vertical .inner {
  width: 2em;
}
.ui.slider.large.vertical .inner .track,
.ui.slider.large.vertical .inner .track-fill {
  width: 0.5em;
  left: 0.75em;
}
.ui.large.labeled.vertical.slider > .labels,
.ui.large.labeled.vertical.slider > .labels .label::after {
  width: 2em;
}
.ui.large.labeled.vertical.slider > .labels .halftick.label::after {
  width: 1em;
}
.ui.slider.big .inner .thumb {
  height: 2.5em;
  width: 2.5em;
}
.ui.slider.big:not(.vertical) .inner {
  height: 2.5em;
}
.ui.slider.big:not(.vertical) .inner .track,
.ui.slider.big:not(.vertical) .inner .track-fill {
  height: 0.6em;
  top: 0.95em;
}
.ui.big.labeled.slider:not(.vertical) > .labels,
.ui.big.labeled.slider:not(.vertical) > .labels .label::after {
  height: 2.5em;
}
.ui.big.labeled.slider:not(.vertical) > .labels .halftick.label::after {
  height: 1.25em;
}

/* Small Vertical */
.ui.slider.big.vertical .inner {
  width: 2.5em;
}
.ui.slider.big.vertical .inner .track,
.ui.slider.big.vertical .inner .track-fill {
  width: 0.6em;
  left: 0.95em;
}
.ui.big.labeled.vertical.slider > .labels,
.ui.big.labeled.vertical.slider > .labels .label::after {
  width: 2.5em;
}
.ui.big.labeled.vertical.slider > .labels .halftick.label::after {
  width: 1.25em;
}


/*******************************
        Slider Overrides
*******************************/
.modal-side-content .toggle-section.todo.open .toggle-content {
  overflow: visible !important; }

.student-alerts .notification_item.read,
.notifications-wrapper .notification_item.read {
  background-color: #3E429715 !important; }
/*!
 * # Fomantic-UI 2.9.2 - Text
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
             Text
*******************************/

span.ui.text {
  line-height: 1;
}
span.ui.primary.text {
  color: #2185d0;
}
span.ui.inverted.primary.text {
  color: #54c8ff;
}
span.ui.secondary.text {
  color: #1b1c1d;
}
span.ui.inverted.secondary.text {
  color: #545454;
}
span.ui.red.text {
  color: #db2828;
}
span.ui.inverted.red.text {
  color: #ff695e;
}
span.ui.orange.text {
  color: #f2711c;
}
span.ui.inverted.orange.text {
  color: #ff851b;
}
span.ui.yellow.text {
  color: #fbbd08;
}
span.ui.inverted.yellow.text {
  color: #ffe21f;
}
span.ui.olive.text {
  color: #b5cc18;
}
span.ui.inverted.olive.text {
  color: #d9e778;
}
span.ui.green.text {
  color: #21ba45;
}
span.ui.inverted.green.text {
  color: #2ecc40;
}
span.ui.teal.text {
  color: #00b5ad;
}
span.ui.inverted.teal.text {
  color: #6dffff;
}
span.ui.blue.text {
  color: #2185d0;
}
span.ui.inverted.blue.text {
  color: #54c8ff;
}
span.ui.violet.text {
  color: #6435c9;
}
span.ui.inverted.violet.text {
  color: #a291fb;
}
span.ui.purple.text {
  color: #a333c8;
}
span.ui.inverted.purple.text {
  color: #dc73ff;
}
span.ui.pink.text {
  color: #e03997;
}
span.ui.inverted.pink.text {
  color: #ff8edf;
}
span.ui.brown.text {
  color: #a5673f;
}
span.ui.inverted.brown.text {
  color: #d67c1c;
}
span.ui.grey.text {
  color: #767676;
}
span.ui.inverted.grey.text {
  color: #dcddde;
}
span.ui.black.text {
  color: #1b1c1d;
}
span.ui.inverted.black.text {
  color: #545454;
}
span.ui.error.text {
  color: #db2828;
}
span.ui.info.text {
  color: #31ccec;
}
span.ui.success.text {
  color: #21ba45;
}
span.ui.warning.text {
  color: #f2c037;
}
span.ui.disabled.text {
  opacity: 0.45;
}

/* Sizes */
span.ui.medium.text {
  font-size: 1em;
}
span.ui.mini.text {
  font-size: 0.4em;
}
span.ui.tiny.text {
  font-size: 0.5em;
}
span.ui.small.text {
  font-size: 0.75em;
}
span.ui.large.text {
  font-size: 1.5em;
}
span.ui.big.text {
  font-size: 2em;
}
span.ui.huge.text {
  font-size: 4em;
}
span.ui.massive.text {
  font-size: 8em;
}


/*******************************
         Theme Overrides
*******************************/

.toast-title {
	font-weight: bold;
}
.toast-message {
    word-wrap: break-word;
}

.toast-message a,
.toast-message label{
	color: #FFF;
}
.toast-message a:hover {
	color: #CCC;
	text-decoration: none;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}

.toast-bottom-left {
	left: 12px;
	bottom: 12px;
}

#toast-container  {
	position: fixed;
	z-index: 9999;
}

#toast-container > div {
	background-position: 15px center;
	background-repeat: no-repeat; 
	border-radius: 3px 3px 3px 3px; 
	-o-box-shadow: 0 0 12px #999999; 
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;
	margin: 0 0 6px;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	opacity: 0.8;
	padding: 15px 15px 15px 50px;
	width: 300px;
}

.toast {
	background-color: #030303;
}

.toast-success{
	background-color: #51A351;
}

.toast-error{
	background-color: #BD362F;
}

.toast-info{
	background-color: #2F96B4;
}

.toast-warning{
	background-color: #F89406;
}
.toast-top-right {
	top: 12px;
	right: 12px;
}

#toast-container > :hover { 
	-o-box-shadow: 0 0 12px #000000; 
	box-shadow: 0 0 12px #000000;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	cursor: pointer;
}

#toast-container > .toast-info {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
/*!
 * jQuery UI CSS Framework 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-2ae1a3121a9024293d3d98f529f49edd9609e4043974e86304e263f811e865b8.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-063ff6c0b18fa40b9a89952c7a14ba75909dc2a6012612d83c40b9ef77df08e9.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-db31659e24ef3c3402c3cce811aaa4f6e6c69d353f32ddf40ce43f80e98e1297.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-32d2aace8d299dd84d2e10ce1f1eb9cbb83550e147a4147b474eb22510dac5c3.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-03396f638d0837b69aa809188d82742d27a85eb85d105d4d553520df635176b7.png)/*{iconsDefault}*/;
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	-ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI CSS Framework 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*

 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI Accordion 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
/*

 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Autocomplete 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
/*

 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
/*

 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Checkboxradio 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
/*

 */

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
/*!
 * jQuery UI Controlgroup 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
/*

 */

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

/*!
 * jQuery UI Datepicker 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*

 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*!
 * jQuery UI Dialog 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
/*

 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Draggable 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-draggable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Menu 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
/*

 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
/*!
 * jQuery UI Progressbar 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
/*

 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Resizable 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Selectable 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Selectmenu 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
/*

 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
/*!
 * jQuery UI Sortable 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */
.ui-sortable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Slider 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
/*

 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
/*

 */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/*!
 * jQuery UI Tabs 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
/*

 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
/*

 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*




















 */
/*!
 * jQuery UI CSS Framework 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*


 */
.xdsoft_datetimepicker{
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #FFFFFF;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
	width: 256px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top: 0;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker  .xdsoft_prev, 
.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i{
	opacity:0.5;
	background-position:-92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker  .xdsoft_next,
.xdsoft_datetimepicker  .xdsoft_prev ,
.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0;
	margin-bottom:7px;
	margin-top: 0;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width: 0;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width: 0;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover>span{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label:hover i{
	opacity:1.0;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	right: 0;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px;
	text-decoration:none !important;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0 1px 3px 0 inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:100px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks  .xdsoft_calendar th{
	width:12.5%;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0 1px 3px 0 inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}


.xdsoft_datetimepicker.xdsoft_dark{
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000000;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	color: #cccccc;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box{
	border-bottom:1px solid #222222;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #0a0a0a;
	border-top:1px solid #222222;
	color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label{
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select{
	border:1px solid #333;
	background:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_prev, 
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	background: #0a0a0a;
	border:1px solid #222222;
	color: #999999;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_today{
	color:#cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_calendar th{
	color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright{ color:#333 !important;}
.xdsoft_datetimepicker.xdsoft_dark  .xdsoft_copyright a{ color:#111 !important;}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{ color:#555 !important;}


.xdsoft_dark .xdsoft_time_box{
	border:1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller{
	background:#333 !important;
}
/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */ }

.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */ }

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal; }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */ }

.fc.fc-bootstrap3 a {
  text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

.fc.fc-bootstrap4 a {
  text-decoration: none; }

.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap4 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap4 .fc-today.alert {
  border-radius: 0; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff; }

.fc-bootstrap4 .fc-popover.card {
  position: absolute; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 {
  margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px; }

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }
@charset "UTF-8";
/*!
 * # Semantic UI - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@import url("https://fonts.googleapis.com/css?family=icons:400,500,600,700,400italic,500italic,600italic,700italic&subset=latin");
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
           Accordion
*******************************/
/* Title */
/* Icon */
/* Child Accordion */
/* Content */
/*-------------------
       Coupling
--------------------*/
/*-------------------
       States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Styled */
/* Content */
/* Child Content */
/* Styled Title */
/* Styled Title States */
/* Styled Child Title States */
/* Inverted */
/*******************************
            Accordion
*******************************/
.ui.accordion,
.ui.accordion .accordion {
  max-width: 100%; }

.ui.accordion .accordion {
  margin: 1em 0em 0em;
  padding: 0em; }

/* Title */
.ui.accordion .title,
.ui.accordion .accordion .title {
  cursor: pointer; }

/* Default Styling */
.ui.accordion .title:not(.ui) {
  padding: 0.5em 0em;
  font-family: "Inter", Arial, sans-serif;
  font-size: 1em;
  color: #212128; }

/* Content */
.ui.accordion .title ~ .content,
.ui.accordion .accordion .title ~ .content {
  display: none; }

/* Default Styling */
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
  margin: "";
  padding: 0.5em 0em 1em; }

.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
  padding-bottom: 0em; }

/* Arrow */
.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
  display: inline-block;
  float: none;
  opacity: 1;
  width: 1.25em;
  height: 1em;
  margin: 0em 0.25rem 0em 0rem;
  padding: 0em;
  font-size: 1em;
  transition: transform 0.1s ease, opacity 0.1s ease;
  vertical-align: baseline;
  transform: none; }

/*--------------
    Coupling
---------------*/
/* Menu */
.ui.accordion.menu .item .title {
  display: block;
  padding: 0em; }

.ui.accordion.menu .item .title > .dropdown.icon {
  float: right;
  margin: 0.21425em 0em 0em 1em;
  transform: rotate(180deg); }

/* Header */
.ui.accordion .ui.header .dropdown.icon {
  font-size: 1em;
  margin: 0em 0.25rem 0em 0rem; }

/*******************************
            States
*******************************/
.ui.accordion .active.title .dropdown.icon,
.ui.accordion .accordion .active.title .dropdown.icon {
  transform: rotate(90deg); }

.ui.accordion.menu .item .active.title > .dropdown.icon {
  transform: rotate(90deg); }

/*******************************
            Types
*******************************/
/*--------------
     Styled
---------------*/
.ui.styled.accordion {
  width: 600px; }

.ui.styled.accordion,
.ui.styled.accordion .accordion {
  border-radius: 0.3571428571rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); }

.ui.styled.accordion .title,
.ui.styled.accordion .accordion .title {
  margin: 0em;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  transition: background 0.1s ease, color 0.1s ease; }

.ui.styled.accordion > .title:first-child,
.ui.styled.accordion .accordion .title:first-child {
  border-top: none; }

/* Content */
.ui.styled.accordion .content,
.ui.styled.accordion .accordion .content {
  margin: 0em;
  padding: 0.5em 1em 1.5em; }

.ui.styled.accordion .accordion .content {
  padding: 0em;
  padding: 0.5em 1em 1.5em; }

/* Hover */
.ui.styled.accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: #212128; }

.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: #212128; }

/* Active */
.ui.styled.accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95); }

.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95); }

/*******************************
            States
*******************************/
/*--------------
     Active
---------------*/
.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  display: block; }

/*******************************
           Variations
*******************************/
/*--------------
     Fluid
---------------*/
.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
  width: 100%; }

/*--------------
     Inverted
---------------*/
.ui.inverted.accordion .title:not(.ui) {
  color: rgba(255, 255, 255, 0.9); }

/*******************************
         Theme Overrides
*******************************/
@font-face {
  font-family: 'Accordion';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
  font-weight: normal;
  font-style: normal; }

/* Dropdown Icon */
.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
  font-family: Accordion;
  line-height: 1;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center; }

.ui.accordion .title .dropdown.icon:before,
.ui.accordion .accordion .title .dropdown.icon:before {
  content: ""; }

/*!
 * # Semantic UI - Ad
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
          Advertisement
*******************************/
/*******************************
         Advertisement
*******************************/
.ui.ad {
  display: block;
  overflow: hidden;
  margin: 1em 0em; }

.ui.ad:first-child {
  margin: 0em; }

.ui.ad:last-child {
  margin: 0em; }

.ui.ad iframe {
  margin: 0em;
  padding: 0em;
  border: none;
  overflow: hidden; }

/*--------------
     Common
---------------*/
/* Leaderboard */
.ui.leaderboard.ad {
  width: 728px;
  height: 90px; }

/* Medium Rectangle */
.ui.ad[class*="medium rectangle"] {
  width: 300px;
  height: 250px; }

/* Large Rectangle */
.ui.ad[class*="large rectangle"] {
  width: 336px;
  height: 280px; }

/* Half Page */
.ui.ad[class*="half page"] {
  width: 300px;
  height: 600px; }

/*--------------
     Square
---------------*/
/* Square */
.ui.square.ad {
  width: 250px;
  height: 250px; }

/* Small Square */
.ui.ad[class*="small square"] {
  width: 200px;
  height: 200px; }

/*--------------
    Rectangle
---------------*/
/* Small Rectangle */
.ui.ad[class*="small rectangle"] {
  width: 180px;
  height: 150px; }

/* Vertical Rectangle */
.ui.ad[class*="vertical rectangle"] {
  width: 240px;
  height: 400px; }

/*--------------
     Button
---------------*/
.ui.button.ad {
  width: 120px;
  height: 90px; }

.ui.ad[class*="square button"] {
  width: 125px;
  height: 125px; }

.ui.ad[class*="small button"] {
  width: 120px;
  height: 60px; }

/*--------------
   Skyscrapers
---------------*/
/* Skyscraper */
.ui.skyscraper.ad {
  width: 120px;
  height: 600px; }

/* Wide Skyscraper */
.ui.ad[class*="wide skyscraper"] {
  width: 160px; }

/*--------------
     Banners
---------------*/
/* Banner */
.ui.banner.ad {
  width: 468px;
  height: 60px; }

/* Vertical Banner */
.ui.ad[class*="vertical banner"] {
  width: 120px;
  height: 240px; }

/* Top Banner */
.ui.ad[class*="top banner"] {
  width: 930px;
  height: 180px; }

/* Half Banner */
.ui.ad[class*="half banner"] {
  width: 234px;
  height: 60px; }

/*--------------
    Boards
---------------*/
/* Leaderboard */
.ui.ad[class*="large leaderboard"] {
  width: 970px;
  height: 90px; }

/* Billboard */
.ui.billboard.ad {
  width: 970px;
  height: 250px; }

/*--------------
    Panorama
---------------*/
/* Panorama */
.ui.panorama.ad {
  width: 980px;
  height: 120px; }

/*--------------
     Netboard
---------------*/
/* Netboard */
.ui.netboard.ad {
  width: 580px;
  height: 400px; }

/*--------------
     Mobile
---------------*/
/* Large Mobile Banner */
.ui.ad[class*="large mobile banner"] {
  width: 320px;
  height: 100px; }

/* Mobile Leaderboard */
.ui.ad[class*="mobile leaderboard"] {
  width: 320px;
  height: 50px; }

/*******************************
             Types
*******************************/
/* Mobile Sizes */
.ui.mobile.ad {
  display: none; }

@media only screen and (max-width: 767px) {
  .ui.mobile.ad {
    display: block; } }

/*******************************
           Variations
*******************************/
.ui.centered.ad {
  margin-left: auto;
  margin-right: auto; }

.ui.test.ad {
  position: relative;
  background: #545454; }

.ui.test.ad:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  content: "Ad";
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold; }

.ui.mobile.test.ad:after {
  font-size: 0.85714286em; }

.ui.test.ad[data-text]:after {
  content: attr(data-text); }

/*!
 * # Semantic UI - Breadcrumb
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
          Breadcrumb
*******************************/
/*-------------------
     Breadcrumb
--------------------*/
/* Coupling */
/*-------------------
       States
--------------------*/
/*******************************
           Breadcrumb
*******************************/
.ui.breadcrumb {
  line-height: 1;
  display: inline-block;
  margin: 0em 0em;
  vertical-align: middle; }

.ui.breadcrumb:first-child {
  margin-top: 0em; }

.ui.breadcrumb:last-child {
  margin-bottom: 0em; }

/*******************************
          Content
*******************************/
/* Divider */
.ui.breadcrumb .divider {
  display: inline-block;
  opacity: 0.7;
  margin: 0em 0.21428571rem 0em;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: baseline; }

/* Link */
.ui.breadcrumb a {
  color: #3E4297; }

.ui.breadcrumb a:hover {
  color: #1a1e6e; }

/* Icon Divider */
.ui.breadcrumb .icon.divider {
  font-size: 0.85714286em;
  vertical-align: baseline; }

/* Section */
.ui.breadcrumb a.section {
  cursor: pointer; }

.ui.breadcrumb .section {
  display: inline-block;
  margin: 0em;
  padding: 0em; }

/* Loose Coupling */
.ui.breadcrumb.segment {
  display: inline-block;
  padding: 0.78571429em 1em; }

/*******************************
            States
*******************************/
.ui.breadcrumb .active.section {
  font-weight: bold; }

/*******************************
           Variations
*******************************/
.ui.mini.breadcrumb {
  font-size: 0.78571429rem; }

.ui.tiny.breadcrumb {
  font-size: 0.85714286rem; }

.ui.small.breadcrumb {
  font-size: 0.92857143rem; }

.ui.breadcrumb {
  font-size: 1rem; }

.ui.large.breadcrumb {
  font-size: 1.14285714rem; }

.ui.big.breadcrumb {
  font-size: 1.28571429rem; }

.ui.huge.breadcrumb {
  font-size: 1.42857143rem; }

.ui.massive.breadcrumb {
  font-size: 1.71428571rem; }

/*******************************
         Site Overrides
*******************************/
.ui.breadcrumb a.section:first-child {
  width: 13px;
  overflow: hidden;
  height: 1rem;
  display: inline-flex;
  transition: .5s; }

.ui.breadcrumb a.section:first-child:hover {
  width: 3.3rem; }

.ui.breadcrumb a, .ui.breadcrumb .section {
  color: #80808C; }

/*!
 * # Semantic UI - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Button
*******************************/
/*-------------------
       Element
--------------------*/
/* Button */
/* Button defaults to using same height as input globally */
/* Text */
/* Internal Shadow */
/* Box Shadow */
/* Icon */
/* Loader */
/*
$willChange: box-shadow, transform, opacity, color, background;
*/
/*-------------------
        Group
--------------------*/
/*-------------------
        States
--------------------*/
/* Hovered */
/* Focused */
/* Disabled */
/* Pressed Down */
/* Active */
/* Active + Hovered */
/* Loading */
/*-------------------
        Types
--------------------*/
/* Or */
/* Icon */
/* Labeled */
/* hypotenuse of triangle */
/* Labeled Icon */
/* Inverted */
/* Basic */
/* Basic Hover */
/* Basic Focus */
/* Basic Down */
/* Basic Active */
/* Basic Inverted */
/* Basic Group */
/*-------------------
      Variations
--------------------*/
/* Colors */
/* Colored */
/* Inverted */
/* Ordinality */
/* Compact */
/* Attached */
/* Floated */
/* Animated */
/*******************************
    User Variable Overrides
*******************************/
/* Padding */
/* Weight */
/* Icon */
/* Box Shadow */
/* Colors */
/*******************************
            Button
*******************************/
.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: #E0E1E2 none;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Inter", Arial, sans-serif;
  margin: 0em 0.25em 0em 0em;
  padding: 0.65em 1.5em 0.65em;
  text-transform: none;
  text-shadow: none;
  font-weight: 600;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.3571428571rem;
  box-shadow: 0px 0px 0px 1px transparent inset, 0em 0em 0em rgba(34, 36, 38, 0.15) inset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: "";
  -webkit-tap-highlight-color: transparent; }

/*******************************
            States
*******************************/
/*--------------
      Hover
---------------*/
.ui.button:hover {
  background-color: #CACBCD;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset, 0em 0em 0em rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8); }

.ui.button:hover .icon {
  opacity: 0.85; }

/*--------------
      Focus
---------------*/
.ui.button:focus {
  background-color: #CACBCD;
  color: rgba(0, 0, 0, 0.8);
  background-image: "" !important;
  box-shadow: "" !important; }

.ui.button:focus .icon {
  opacity: 0.85; }

/*--------------
      Down
---------------*/
.ui.button:active,
.ui.active.button:active {
  background-color: #BABBBC;
  background-image: "";
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 0px 1px transparent inset, none; }

/*--------------
     Active
---------------*/
.ui.active.button {
  background-color: #C0C1C2;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset;
  color: rgba(0, 0, 0, 0.95); }

.ui.active.button:hover {
  background-color: #C0C1C2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95); }

.ui.active.button:active {
  background-color: #C0C1C2;
  background-image: none; }

/*--------------
    Loading
---------------*/
/* Specificity hack */
.ui.loading.loading.loading.loading.loading.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  transition: all 0s linear, opacity 0.1s ease; }

.ui.loading.button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15); }

.ui.loading.button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #FFFFFF transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent; }

.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  box-shadow: none; }

@keyframes button-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.ui.basic.loading.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, 0.1); }

.ui.basic.loading.button:not(.inverted):after {
  border-top-color: #80808C; }

/*-------------------
      Disabled
--------------------*/
.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none !important; }

/* Basic Group With Disabled */
.ui.basic.buttons .ui.disabled.button {
  border-color: rgba(34, 36, 38, 0.5); }

/*******************************
             Types
*******************************/
/*-------------------
       Animated
--------------------*/
.ui.animated.button {
  position: relative;
  overflow: hidden;
  padding-right: 0em !important;
  vertical-align: middle;
  z-index: 1; }

.ui.animated.button .content {
  will-change: transform, opacity; }

.ui.animated.button .visible.content {
  position: relative;
  margin-right: 1.5em; }

.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%; }

/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  transition: right 0.3s ease 0s; }

.ui.animated.button .visible.content {
  left: auto;
  right: 0%; }

.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -0.5em; }

.ui.animated.button:focus .visible.content,
.ui.animated.button:hover .visible.content {
  left: auto;
  right: 200%; }

.ui.animated.button:focus .hidden.content,
.ui.animated.button:hover .hidden.content {
  left: auto;
  right: 0%; }

/* Vertical */
.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
  transition: top 0.3s ease, transform 0.3s ease; }

.ui.vertical.animated.button .visible.content {
  transform: translateY(0%);
  right: auto; }

.ui.vertical.animated.button .hidden.content {
  top: -50%;
  left: 0%;
  right: auto; }

.ui.vertical.animated.button:focus .visible.content,
.ui.vertical.animated.button:hover .visible.content {
  transform: translateY(200%);
  right: auto; }

.ui.vertical.animated.button:focus .hidden.content,
.ui.vertical.animated.button:hover .hidden.content {
  top: 50%;
  right: auto; }

/* Fade */
.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
  transition: opacity 0.3s ease, transform 0.3s ease; }

.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  transform: scale(1); }

.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0%;
  right: auto;
  transform: scale(1.5); }

.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  transform: scale(0.75); }

.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
  left: 0%;
  right: auto;
  opacity: 1;
  transform: scale(1); }

/*-------------------
       Inverted
--------------------*/
.ui.inverted.button {
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  background: transparent none;
  color: #FFFFFF;
  text-shadow: none !important; }

/* Group */
.ui.inverted.buttons .button {
  margin: 0px 0px -2px; }

.ui.inverted.buttons .button:first-child {
  margin-left: 0em; }

.ui.inverted.vertical.buttons .button {
  margin: 0px -2px 0px; }

.ui.inverted.vertical.buttons .button:first-child {
  margin-top: 0em; }

/* States */
/* Hover */
.ui.inverted.button:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8); }

/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8); }

/* Active Focus */
.ui.inverted.button.active:focus {
  background: #EFEFEF;
  box-shadow: 0px 0px 0px 2px #EFEFEF inset !important;
  color: rgba(0, 0, 0, 0.8); }

/*-------------------
    Labeled Button
--------------------*/
.ui.labeled.button:not(.icon) {
  display: inline-flex;
  flex-direction: row;
  background: none !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none !important; }

.ui.labeled.button > .button {
  margin: 0px; }

.ui.labeled.button > .label {
  display: flex;
  align-items: center;
  margin: 0px 0px 0px -1px !important;
  font-size: 1em;
  padding: "";
  font-size: 1em;
  border-color: rgba(34, 36, 38, 0.15); }

/* Tag */
.ui.labeled.button > .tag.label:before {
  width: 1.85em;
  height: 1.85em; }

/* Right */
.ui.labeled.button:not([class*="left labeled"]) > .button {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.ui.labeled.button:not([class*="left labeled"]) > .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

/* Left Side */
.ui.button[class*="left labeled"] > .button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.ui.button[class*="left labeled"] > .label {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

/*-------------------
       Social
--------------------*/
/* Facebook */
.ui.facebook.button {
  background-color: #3B5998;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.facebook.button:hover {
  background-color: #2b4b8f;
  color: #FFFFFF;
  text-shadow: none; }

.ui.facebook.button:active {
  background-color: #2d4373;
  color: #FFFFFF;
  text-shadow: none; }

/* Twitter */
.ui.twitter.button {
  background-color: #55ACEE;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.twitter.button:hover {
  background-color: #33a2f6;
  color: #FFFFFF;
  text-shadow: none; }

.ui.twitter.button:active {
  background-color: #2795e9;
  color: #FFFFFF;
  text-shadow: none; }

/* Google Plus */
.ui.google.plus.button {
  background-color: #DD4B39;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.google.plus.button:hover {
  background-color: #e42f18;
  color: #FFFFFF;
  text-shadow: none; }

.ui.google.plus.button:active {
  background-color: #c23321;
  color: #FFFFFF;
  text-shadow: none; }

/* Linked In */
.ui.linkedin.button {
  background-color: #1F88BE;
  color: #FFFFFF;
  text-shadow: none; }

.ui.linkedin.button:hover {
  background-color: #127bb2;
  color: #FFFFFF;
  text-shadow: none; }

.ui.linkedin.button:active {
  background-color: #186992;
  color: #FFFFFF;
  text-shadow: none; }

/* YouTube */
.ui.youtube.button {
  background-color: #FF0000;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.youtube.button:hover {
  background-color: #e60000;
  color: #FFFFFF;
  text-shadow: none; }

.ui.youtube.button:active {
  background-color: #cc0000;
  color: #FFFFFF;
  text-shadow: none; }

/* Instagram */
.ui.instagram.button {
  background-color: #49769C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.instagram.button:hover {
  background-color: #376a95;
  color: #FFFFFF;
  text-shadow: none; }

.ui.instagram.button:active {
  background-color: #395c79;
  color: #FFFFFF;
  text-shadow: none; }

/* Pinterest */
.ui.pinterest.button {
  background-color: #BD081C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.pinterest.button:hover {
  background-color: #ac0013;
  color: #FFFFFF;
  text-shadow: none; }

.ui.pinterest.button:active {
  background-color: #8c0615;
  color: #FFFFFF;
  text-shadow: none; }

/* VK */
.ui.vk.button {
  background-color: #4D7198;
  color: #FFFFFF;
  background-image: none;
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.vk.button:hover {
  background-color: #3a6491;
  color: #FFFFFF; }

.ui.vk.button:active {
  background-color: #3c5876;
  color: #FFFFFF; }

/*--------------
     Icon
---------------*/
.ui.button > .icon:not(.button) {
  height: 0.85714286em;
  opacity: 0.8;
  margin: 0em 0.42857143em -0.214285715em;
  transition: opacity 0.1s ease;
  vertical-align: "";
  color: ""; }

.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
  margin: 0em 0.42857143em -0.214285715em; }

.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
  margin: 4px; }

/*******************************
           Variations
*******************************/
/*-------------------
       Floated
--------------------*/
.ui.buttons[class*="left floated"],
.ui.button[class*="left floated"] {
  float: left;
  margin-left: 0em;
  margin-right: 0.25em; }

.ui.buttons[class*="right floated"],
.ui.button[class*="right floated"] {
  float: right;
  margin-right: 0em;
  margin-left: 0.25em; }

/*-------------------
       Compact
--------------------*/
.ui.compact.buttons .button,
.ui.compact.button {
  padding: 0.5892857175em 1.125em 0.5892857175em; }

.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
  padding: 0.5892857175em 0.5892857175em 0.5892857175em; }

.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
  padding: 0.5892857175em 3.69642858em 0.5892857175em; }

/*-------------------
        Sizes
--------------------*/
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.78571429rem; }

.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 0.85714286rem; }

.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 0.92857143rem; }

.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 1rem; }

.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.14285714rem; }

.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.28571429rem; }

.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.42857143rem; }

.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 1.71428571rem; }

/*--------------
    Icon Only
---------------*/
.ui.icon.buttons .button,
.ui.icon.button {
  padding: 0.65em 0.65em 0.65em; }

.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0em !important;
  vertical-align: top; }

/*-------------------
        Basic
--------------------*/
.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none !important;
  color: #3E4297 !important;
  font-weight: 600;
  border-radius: 0.3571428571rem;
  text-transform: none;
  text-shadow: none !important;
  box-shadow: 0px 0px 0px 1px #3E4297 inset; }

.ui.basic.buttons {
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.3571428571rem; }

.ui.basic.buttons .button {
  border-radius: 0em; }

.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; }

.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; }

.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background: #F8F8F8 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; }

.ui.basic.buttons .active.button,
.ui.basic.active.button {
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: "" !important;
  color: rgba(0, 0, 0, 0.95) !important; }

.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
  background-color: rgba(0, 0, 0, 0.05); }

/* Vertical */
.ui.basic.buttons .button:hover {
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; }

.ui.basic.buttons .button:active {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; }

.ui.basic.buttons .active.button {
  box-shadow: "" !important; }

/* Standard Basic Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent !important;
  color: #F9FAFB !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; }

.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px white inset !important; }

.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px white inset !important; }

.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; }

.ui.basic.inverted.buttons .active.button,
.ui.basic.inverted.active.button {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  text-shadow: none;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; }

.ui.basic.inverted.buttons .active.button:hover,
.ui.basic.inverted.active.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 0px 0px 2px white inset !important; }

/* Basic Group */
.ui.basic.buttons .button {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none; }

.ui.basic.vertical.buttons .button {
  border-left: none; }

.ui.basic.vertical.buttons .button {
  border-left-width: 0px;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.basic.vertical.buttons .button:first-child {
  border-top-width: 0px; }

/*--------------
  Labeled Icon
---------------*/
.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 4.07142858em !important;
  padding-right: 1.5em !important; }

/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  height: 100%;
  line-height: 1;
  border-radius: 0px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  text-align: center;
  margin: 0em;
  width: 2.57142858em;
  background-color: rgba(0, 0, 0, 0.05);
  color: "";
  box-shadow: -1px 0px 0px 0px transparent inset; }

/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  top: 0em;
  left: 0em; }

/* Right Labeled */
.ui.icon.button[class*="right labeled"] {
  padding-right: 4.07142858em !important;
  padding-left: 1.5em !important; }

.ui.icon.button[class*="right labeled"] > .icon {
  left: auto;
  right: 0em;
  border-radius: 0px;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  box-shadow: 1px 0px 0px 0px transparent inset; }

.ui.labeled.icon.buttons > .button > .icon:before,
.ui.labeled.icon.button > .icon:before,
.ui.labeled.icon.buttons > .button > .icon:after,
.ui.labeled.icon.button > .icon:after {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  transform: translateY(-50%); }

.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0em; }

.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.3571428571rem;
  border-bottom-left-radius: 0.3571428571rem; }

.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.3571428571rem;
  border-bottom-right-radius: 0.3571428571rem; }

.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.3571428571rem; }

.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.3571428571rem; }

/* Fluid Labeled */
.ui.fluid.icon.button[class*="left labeled"],
.ui.fluid.icon.button[class*="right labeled"] {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important; }

/*--------------
     Toggle
---------------*/
/* Toggle (Modifies active state to give affordances) */
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
  background-color: #47973E !important;
  box-shadow: none !important;
  text-shadow: none;
  color: #FFFFFF !important; }

.ui.button.toggle.active:hover {
  background-color: #378e2d !important;
  text-shadow: none;
  color: #FFFFFF !important; }

/*--------------
    Circular
---------------*/
.ui.circular.button {
  border-radius: 10em; }

.ui.circular.button > .icon {
  width: 1em;
  vertical-align: baseline; }

/*-------------------
      Or Buttons
--------------------*/
.ui.buttons .or {
  position: relative;
  width: 0.3em;
  height: 2.57142858em;
  z-index: 3; }

.ui.buttons .or:before {
  position: absolute;
  text-align: center;
  border-radius: 500rem;
  content: "or";
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  text-shadow: none;
  margin-top: -0.892857145em;
  margin-left: -0.892857145em;
  width: 1.78571429em;
  height: 1.78571429em;
  line-height: 1.78571429em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: bold;
  box-shadow: 0px 0px 0px 1px transparent inset; }

.ui.buttons .or[data-text]:before {
  content: attr(data-text); }

/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0em !important; }

.ui.fluid.buttons .or:after {
  display: none; }

/*-------------------
       Attached
--------------------*/
/* Singular */
.ui.attached.button {
  position: relative;
  display: block;
  margin: 0em;
  border-radius: 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; }

/* Top / Bottom */
.ui.attached.top.button {
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

.ui.attached.bottom.button {
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

/* Left / Right */
.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.3571428571rem 0em 0em 0.3571428571rem; }

.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0em; }

/* Plural */
.ui.attached.buttons {
  position: relative;
  display: flex;
  border-radius: 0em;
  width: auto !important;
  z-index: 2;
  margin-left: -1px;
  margin-right: -1px; }

.ui.attached.buttons .button {
  margin: 0em; }

.ui.attached.buttons .button:first-child {
  border-radius: 0em; }

.ui.attached.buttons .button:last-child {
  border-radius: 0em; }

/* Top / Bottom */
.ui.buttons[class*="top attached"] {
  margin-bottom: -1px;
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

.ui.buttons[class*="top attached"] .button:first-child {
  border-radius: 0.3571428571rem 0em 0em 0em; }

.ui.buttons[class*="top attached"] .button:last-child {
  border-radius: 0em 0.3571428571rem 0em 0em; }

.ui.buttons[class*="bottom attached"] {
  margin-top: -1px;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

.ui.buttons[class*="bottom attached"] .button:first-child {
  border-radius: 0em 0em 0em 0.3571428571rem; }

.ui.buttons[class*="bottom attached"] .button:last-child {
  border-radius: 0em 0em 0.3571428571rem 0em; }

/* Left / Right */
.ui.buttons[class*="left attached"] {
  display: inline-flex;
  margin-right: 0em;
  margin-left: -1px;
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0em; }

.ui.buttons[class*="left attached"] .button:first-child {
  margin-left: -1px;
  border-radius: 0em 0.3571428571rem 0em 0em; }

.ui.buttons[class*="left attached"] .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0.3571428571rem 0em; }

.ui.buttons[class*="right attached"] {
  display: inline-flex;
  margin-left: 0em;
  margin-right: -1px;
  border-radius: 0.3571428571rem 0em 0em 0.3571428571rem; }

.ui.buttons[class*="right attached"] .button:first-child {
  margin-left: -1px;
  border-radius: 0.3571428571rem 0em 0em 0em; }

.ui.buttons[class*="right attached"] .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0em 0.3571428571rem; }

/*-------------------
        Fluid
--------------------*/
.ui.fluid.buttons,
.ui.fluid.button {
  width: 100%; }

.ui.fluid.button {
  display: block; }

.ui.two.buttons {
  width: 100%; }

.ui.two.buttons > .button {
  width: 50%; }

.ui.three.buttons {
  width: 100%; }

.ui.three.buttons > .button {
  width: 33.333%; }

.ui.four.buttons {
  width: 100%; }

.ui.four.buttons > .button {
  width: 25%; }

.ui.five.buttons {
  width: 100%; }

.ui.five.buttons > .button {
  width: 20%; }

.ui.six.buttons {
  width: 100%; }

.ui.six.buttons > .button {
  width: 16.666%; }

.ui.seven.buttons {
  width: 100%; }

.ui.seven.buttons > .button {
  width: 14.285%; }

.ui.eight.buttons {
  width: 100%; }

.ui.eight.buttons > .button {
  width: 12.500%; }

.ui.nine.buttons {
  width: 100%; }

.ui.nine.buttons > .button {
  width: 11.11%; }

.ui.ten.buttons {
  width: 100%; }

.ui.ten.buttons > .button {
  width: 10%; }

.ui.eleven.buttons {
  width: 100%; }

.ui.eleven.buttons > .button {
  width: 9.09%; }

.ui.twelve.buttons {
  width: 100%; }

.ui.twelve.buttons > .button {
  width: 8.3333%; }

/* Fluid Vertical Buttons */
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: flex;
  width: auto; }

.ui.two.vertical.buttons > .button {
  height: 50%; }

.ui.three.vertical.buttons > .button {
  height: 33.333%; }

.ui.four.vertical.buttons > .button {
  height: 25%; }

.ui.five.vertical.buttons > .button {
  height: 20%; }

.ui.six.vertical.buttons > .button {
  height: 16.666%; }

.ui.seven.vertical.buttons > .button {
  height: 14.285%; }

.ui.eight.vertical.buttons > .button {
  height: 12.500%; }

.ui.nine.vertical.buttons > .button {
  height: 11.11%; }

.ui.ten.vertical.buttons > .button {
  height: 10%; }

.ui.eleven.vertical.buttons > .button {
  height: 9.09%; }

.ui.twelve.vertical.buttons > .button {
  height: 8.3333%; }

/*-------------------
       Colors
--------------------*/
/*--- Black ---*/
.ui.black.buttons .button,
.ui.black.button {
  background-color: #212128;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.black.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.black.buttons .button:hover,
.ui.black.button:hover {
  background-color: #2d2d36;
  color: #FFFFFF;
  text-shadow: none; }

.ui.black.buttons .button:focus,
.ui.black.button:focus {
  background-color: #33333e;
  color: #FFFFFF;
  text-shadow: none; }

.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #383844;
  color: #FFFFFF;
  text-shadow: none; }

.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active,
.ui.black.active.button,
.ui.black.button .active.button:active {
  background-color: #15151a;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
  box-shadow: 0px 0px 0px 1px #212128 inset !important;
  color: #212128 !important; }

.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2d2d36 inset !important;
  color: #2d2d36 !important; }

.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #33333e inset !important;
  color: #2d2d36 !important; }

.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #15151a inset !important;
  color: #383844 !important; }

.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
  box-shadow: 0px 0px 0px 1px #383844 inset !important;
  color: #383844 !important; }

.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.black.buttons .button,
.ui.inverted.black.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF; }

.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover {
  background-color: black; }

.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus {
  background-color: black; }

.ui.inverted.black.buttons .active.button,
.ui.inverted.black.active.button {
  background-color: black; }

.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  background-color: black; }

/* Inverted Basic */
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button,
.ui.inverted.black.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover,
.ui.inverted.black.basic.button:hover {
  box-shadow: 0px 0px 0px 2px black inset !important;
  color: #FFFFFF !important; }

.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.button:focus {
  box-shadow: 0px 0px 0px 2px black inset !important;
  color: #545454 !important; }

.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button,
.ui.inverted.black.basic.active.button {
  box-shadow: 0px 0px 0px 2px black inset !important;
  color: #FFFFFF !important; }

.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active,
.ui.inverted.black.basic.button:active {
  box-shadow: 0px 0px 0px 2px black inset !important;
  color: #FFFFFF !important; }

/*--- Grey ---*/
.ui.grey.buttons .button,
.ui.grey.button {
  background-color: #80808C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.grey.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.grey.buttons .button:hover,
.ui.grey.button:hover {
  background-color: #8d8d98;
  color: #FFFFFF;
  text-shadow: none; }

.ui.grey.buttons .button:focus,
.ui.grey.button:focus {
  background-color: #95959f;
  color: #FFFFFF;
  text-shadow: none; }

.ui.grey.buttons .button:active,
.ui.grey.button:active {
  background-color: #9b9ba4;
  color: #FFFFFF;
  text-shadow: none; }

.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active,
.ui.grey.active.button,
.ui.grey.button .active.button:active {
  background-color: #73737f;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
  box-shadow: 0px 0px 0px 1px #80808C inset !important;
  color: #80808C !important; }

.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #8d8d98 inset !important;
  color: #8d8d98 !important; }

.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #95959f inset !important;
  color: #8d8d98 !important; }

.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #73737f inset !important;
  color: #9b9ba4 !important; }

.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
  box-shadow: 0px 0px 0px 1px #9b9ba4 inset !important;
  color: #9b9ba4 !important; }

.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.grey.buttons .button,
.ui.inverted.grey.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF; }

.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6); }

.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover {
  background-color: #cacadd; }

.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus {
  background-color: #bcbcdc; }

.ui.inverted.grey.buttons .active.button,
.ui.inverted.grey.active.button {
  background-color: #c8c8df; }

.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  background-color: #c1c1cd; }

/* Inverted Basic */
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button,
.ui.inverted.grey.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover,
.ui.inverted.grey.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #cacadd inset !important;
  color: #FFFFFF !important; }

.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #bcbcdc inset !important;
  color: #DDDDE4 !important; }

.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button,
.ui.inverted.grey.basic.active.button {
  box-shadow: 0px 0px 0px 2px #c8c8df inset !important;
  color: #FFFFFF !important; }

.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active,
.ui.inverted.grey.basic.button:active {
  box-shadow: 0px 0px 0px 2px #c1c1cd inset !important;
  color: #FFFFFF !important; }

/*--- Brown ---*/
.ui.brown.buttons .button,
.ui.brown.button {
  background-color: #A5673F;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.brown.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.brown.buttons .button:hover,
.ui.brown.button:hover {
  background-color: #9d592e;
  color: #FFFFFF;
  text-shadow: none; }

.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
  background-color: #9a5121;
  color: #FFFFFF;
  text-shadow: none; }

.ui.brown.buttons .button:active,
.ui.brown.button:active {
  background-color: #805031;
  color: #FFFFFF;
  text-shadow: none; }

.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active,
.ui.brown.active.button,
.ui.brown.button .active.button:active {
  background-color: #a25829;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
  box-shadow: 0px 0px 0px 1px #A5673F inset !important;
  color: #A5673F !important; }

.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9d592e inset !important;
  color: #9d592e !important; }

.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9a5121 inset !important;
  color: #9d592e !important; }

.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a25829 inset !important;
  color: #805031 !important; }

.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
  box-shadow: 0px 0px 0px 1px #805031 inset !important;
  color: #805031 !important; }

.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.brown.buttons .button,
.ui.inverted.brown.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
  color: #D67C1C; }

.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover {
  background-color: #ca6f0e; }

.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus {
  background-color: #c66803; }

.ui.inverted.brown.buttons .active.button,
.ui.inverted.brown.active.button {
  background-color: #d06f09; }

.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  background-color: #a96216; }

/* Inverted Basic */
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button,
.ui.inverted.brown.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover,
.ui.inverted.brown.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ca6f0e inset !important;
  color: #D67C1C !important; }

.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #c66803 inset !important;
  color: #D67C1C !important; }

.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button,
.ui.inverted.brown.basic.active.button {
  box-shadow: 0px 0px 0px 2px #d06f09 inset !important;
  color: #D67C1C !important; }

.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active,
.ui.inverted.brown.basic.button:active {
  box-shadow: 0px 0px 0px 2px #a96216 inset !important;
  color: #D67C1C !important; }

/*--- Blue ---*/
.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #3E4297;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.blue.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #2d328e;
  color: #FFFFFF;
  text-shadow: none; }

.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
  background-color: #21268b;
  color: #FFFFFF;
  text-shadow: none; }

.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #2f3273;
  color: #FFFFFF;
  text-shadow: none; }

.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active,
.ui.blue.active.button,
.ui.blue.button .active.button:active {
  background-color: #292d93;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
  box-shadow: 0px 0px 0px 1px #3E4297 inset !important;
  color: #3E4297 !important; }

.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2d328e inset !important;
  color: #2d328e !important; }

.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #21268b inset !important;
  color: #2d328e !important; }

.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #292d93 inset !important;
  color: #2f3273 !important; }

.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
  box-shadow: 0px 0px 0px 1px #2f3273 inset !important;
  color: #2f3273 !important; }

.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.blue.buttons .button,
.ui.inverted.blue.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
  color: #54C8FF; }

.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover {
  background-color: #3bc0ff; }

.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus {
  background-color: #2bbbff; }

.ui.inverted.blue.buttons .active.button,
.ui.inverted.blue.active.button {
  background-color: #3bc0ff; }

.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  background-color: #21b8ff; }

/* Inverted Basic */
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button,
.ui.inverted.blue.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover,
.ui.inverted.blue.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #3bc0ff inset !important;
  color: #54C8FF !important; }

.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
  color: #54C8FF !important; }

.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button,
.ui.inverted.blue.basic.active.button {
  box-shadow: 0px 0px 0px 2px #3bc0ff inset !important;
  color: #54C8FF !important; }

.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active,
.ui.inverted.blue.basic.button:active {
  box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
  color: #54C8FF !important; }

/*--- Green ---*/
.ui.green.buttons .button,
.ui.green.button {
  background-color: #47973E;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.green.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.green.buttons .button:hover,
.ui.green.button:hover {
  background-color: #378e2d;
  color: #FFFFFF;
  text-shadow: none; }

.ui.green.buttons .button:focus,
.ui.green.button:focus {
  background-color: #2c8b21;
  color: #FFFFFF;
  text-shadow: none; }

.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #36732f;
  color: #FFFFFF;
  text-shadow: none; }

.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
  background-color: #339329;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
  box-shadow: 0px 0px 0px 1px #47973E inset !important;
  color: #47973E !important; }

.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #378e2d inset !important;
  color: #378e2d !important; }

.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2c8b21 inset !important;
  color: #378e2d !important; }

.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #339329 inset !important;
  color: #36732f !important; }

.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
  box-shadow: 0px 0px 0px 1px #36732f inset !important;
  color: #36732f !important; }

.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.green.buttons .button,
.ui.inverted.green.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
  color: #2ECC40; }

.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover {
  background-color: #1ec231; }

.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus {
  background-color: #12c025; }

.ui.inverted.green.buttons .active.button,
.ui.inverted.green.active.button {
  background-color: #18c82c; }

.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  background-color: #25a233; }

/* Inverted Basic */
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button,
.ui.inverted.green.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover,
.ui.inverted.green.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #1ec231 inset !important;
  color: #2ECC40 !important; }

.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #12c025 inset !important;
  color: #2ECC40 !important; }

.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button,
.ui.inverted.green.basic.active.button {
  box-shadow: 0px 0px 0px 2px #18c82c inset !important;
  color: #2ECC40 !important; }

.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active,
.ui.inverted.green.basic.button:active {
  box-shadow: 0px 0px 0px 2px #25a233 inset !important;
  color: #2ECC40 !important; }

/*--- Orange ---*/
.ui.orange.buttons .button,
.ui.orange.button {
  background-color: #F2711C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.orange.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
  background-color: #f36101;
  color: #FFFFFF;
  text-shadow: none; }

.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
  background-color: #e55b00;
  color: #FFFFFF;
  text-shadow: none; }

.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #cf590c;
  color: #FFFFFF;
  text-shadow: none; }

.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active,
.ui.orange.active.button,
.ui.orange.button .active.button:active {
  background-color: #f56100;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
  box-shadow: 0px 0px 0px 1px #F2711C inset !important;
  color: #F2711C !important; }

.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f36101 inset !important;
  color: #f36101 !important; }

.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
  color: #f36101 !important; }

.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f56100 inset !important;
  color: #cf590c !important; }

.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
  box-shadow: 0px 0px 0px 1px #cf590c inset !important;
  color: #cf590c !important; }

.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF851B inset !important;
  color: #FF851B; }

.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
  background-color: #ff7702; }

.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus {
  background-color: #f17000; }

.ui.inverted.orange.buttons .active.button,
.ui.inverted.orange.active.button {
  background-color: #ff7702; }

.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  background-color: #e76b00; }

/* Inverted Basic */
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button,
.ui.inverted.orange.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover,
.ui.inverted.orange.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff7702 inset !important;
  color: #FF851B !important; }

.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #f17000 inset !important;
  color: #FF851B !important; }

.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button,
.ui.inverted.orange.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff7702 inset !important;
  color: #FF851B !important; }

.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active,
.ui.inverted.orange.basic.button:active {
  box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
  color: #FF851B !important; }

/*--- Pink ---*/
.ui.pink.buttons .button,
.ui.pink.button {
  background-color: #E03997;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.pink.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.pink.buttons .button:hover,
.ui.pink.button:hover {
  background-color: #e9168d;
  color: #FFFFFF;
  text-shadow: none; }

.ui.pink.buttons .button:focus,
.ui.pink.button:focus {
  background-color: #e80886;
  color: #FFFFFF;
  text-shadow: none; }

.ui.pink.buttons .button:active,
.ui.pink.button:active {
  background-color: #c71f7e;
  color: #FFFFFF;
  text-shadow: none; }

.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active,
.ui.pink.active.button,
.ui.pink.button .active.button:active {
  background-color: #f0108e;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
  box-shadow: 0px 0px 0px 1px #E03997 inset !important;
  color: #E03997 !important; }

.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e9168d inset !important;
  color: #e9168d !important; }

.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e80886 inset !important;
  color: #e9168d !important; }

.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f0108e inset !important;
  color: #c71f7e !important; }

.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
  box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
  color: #c71f7e !important; }

.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.pink.buttons .button,
.ui.inverted.pink.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
  color: #FF8EDF; }

.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover {
  background-color: #ff75d8; }

.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus {
  background-color: #ff65d3; }

.ui.inverted.pink.buttons .active.button,
.ui.inverted.pink.active.button {
  background-color: #ff75d8; }

.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  background-color: #ff5bd1; }

/* Inverted Basic */
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button,
.ui.inverted.pink.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover,
.ui.inverted.pink.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff75d8 inset !important;
  color: #FF8EDF !important; }

.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
  color: #FF8EDF !important; }

.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button,
.ui.inverted.pink.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff75d8 inset !important;
  color: #FF8EDF !important; }

.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active,
.ui.inverted.pink.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
  color: #FF8EDF !important; }

/*--- Violet ---*/
.ui.violet.buttons .button,
.ui.violet.button {
  background-color: #6435C9;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.violet.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.violet.buttons .button:hover,
.ui.violet.button:hover {
  background-color: #5624c0;
  color: #FFFFFF;
  text-shadow: none; }

.ui.violet.buttons .button:focus,
.ui.violet.button:focus {
  background-color: #4c17be;
  color: #FFFFFF;
  text-shadow: none; }

.ui.violet.buttons .button:active,
.ui.violet.button:active {
  background-color: #502aa1;
  color: #FFFFFF;
  text-shadow: none; }

.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active,
.ui.violet.active.button,
.ui.violet.button .active.button:active {
  background-color: #541fc6;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
  box-shadow: 0px 0px 0px 1px #6435C9 inset !important;
  color: #6435C9 !important; }

.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #5624c0 inset !important;
  color: #5624c0 !important; }

.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #4c17be inset !important;
  color: #5624c0 !important; }

.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #541fc6 inset !important;
  color: #502aa1 !important; }

.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
  box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
  color: #502aa1 !important; }

.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.violet.buttons .button,
.ui.inverted.violet.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #A291FB inset !important;
  color: #A291FB; }

.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover {
  background-color: #8a74ff; }

.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus {
  background-color: #7d64ff; }

.ui.inverted.violet.buttons .active.button,
.ui.inverted.violet.active.button {
  background-color: #8a74ff; }

.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  background-color: #7860f9; }

/* Inverted Basic */
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button,
.ui.inverted.violet.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover,
.ui.inverted.violet.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #8a74ff inset !important;
  color: #A291FB !important; }

.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
  color: #A291FB !important; }

.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button,
.ui.inverted.violet.basic.active.button {
  box-shadow: 0px 0px 0px 2px #8a74ff inset !important;
  color: #A291FB !important; }

.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active,
.ui.inverted.violet.basic.button:active {
  box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
  color: #A291FB !important; }

/*--- Purple ---*/
.ui.purple.buttons .button,
.ui.purple.button {
  background-color: #A333C8;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.purple.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
  background-color: #9823bf;
  color: #FFFFFF;
  text-shadow: none; }

.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
  background-color: #9316bd;
  color: #FFFFFF;
  text-shadow: none; }

.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #82299f;
  color: #FFFFFF;
  text-shadow: none; }

.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active,
.ui.purple.active.button,
.ui.purple.button .active.button:active {
  background-color: #9b1dc5;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
  box-shadow: 0px 0px 0px 1px #A333C8 inset !important;
  color: #A333C8 !important; }

.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9823bf inset !important;
  color: #9823bf !important; }

.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9316bd inset !important;
  color: #9823bf !important; }

.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9b1dc5 inset !important;
  color: #82299f !important; }

.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
  box-shadow: 0px 0px 0px 1px #82299f inset !important;
  color: #82299f !important; }

.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.purple.buttons .button,
.ui.inverted.purple.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #DC73FF inset !important;
  color: #DC73FF; }

.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover {
  background-color: #d65aff; }

.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus {
  background-color: #d24aff; }

.ui.inverted.purple.buttons .active.button,
.ui.inverted.purple.active.button {
  background-color: #d65aff; }

.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  background-color: #cf40ff; }

/* Inverted Basic */
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button,
.ui.inverted.purple.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover,
.ui.inverted.purple.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #d65aff inset !important;
  color: #DC73FF !important; }

.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #d24aff inset !important;
  color: #DC73FF !important; }

.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button,
.ui.inverted.purple.basic.active.button {
  box-shadow: 0px 0px 0px 2px #d65aff inset !important;
  color: #DC73FF !important; }

.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active,
.ui.inverted.purple.basic.button:active {
  box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
  color: #DC73FF !important; }

/*--- Red ---*/
.ui.red.buttons .button,
.ui.red.button {
  background-color: #D14F4F;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.red.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.red.buttons .button:hover,
.ui.red.button:hover {
  background-color: #d82e2e;
  color: #FFFFFF;
  text-shadow: none; }

.ui.red.buttons .button:focus,
.ui.red.button:focus {
  background-color: #dd1b1b;
  color: #FFFFFF;
  text-shadow: none; }

.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: #bc3131;
  color: #FFFFFF;
  text-shadow: none; }

.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active,
.ui.red.active.button,
.ui.red.button .active.button:active {
  background-color: #de2828;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
  box-shadow: 0px 0px 0px 1px #D14F4F inset !important;
  color: #D14F4F !important; }

.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d82e2e inset !important;
  color: #d82e2e !important; }

.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #dd1b1b inset !important;
  color: #d82e2e !important; }

.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #de2828 inset !important;
  color: #bc3131 !important; }

.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
  box-shadow: 0px 0px 0px 1px #bc3131 inset !important;
  color: #bc3131 !important; }

.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.red.buttons .button,
.ui.inverted.red.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF695E inset !important;
  color: #FF695E; }

.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover {
  background-color: #ff5145; }

.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus {
  background-color: #ff4335; }

.ui.inverted.red.buttons .active.button,
.ui.inverted.red.active.button {
  background-color: #ff5145; }

.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  background-color: #ff392b; }

/* Inverted Basic */
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button,
.ui.inverted.red.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover,
.ui.inverted.red.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff5145 inset !important;
  color: #FF695E !important; }

.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
  color: #FF695E !important; }

.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button,
.ui.inverted.red.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff5145 inset !important;
  color: #FF695E !important; }

.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active,
.ui.inverted.red.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ff392b inset !important;
  color: #FF695E !important; }

/*--- Teal ---*/
.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #00B5AD;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.teal.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none; }

.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
  background-color: #008c86;
  color: #FFFFFF;
  text-shadow: none; }

.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #00827c;
  color: #FFFFFF;
  text-shadow: none; }

.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active,
.ui.teal.active.button,
.ui.teal.button .active.button:active {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
  box-shadow: 0px 0px 0px 1px #00B5AD inset !important;
  color: #00B5AD !important; }

.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #009c95 inset !important;
  color: #009c95 !important; }

.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #008c86 inset !important;
  color: #009c95 !important; }

.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #009c95 inset !important;
  color: #00827c !important; }

.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
  box-shadow: 0px 0px 0px 1px #00827c inset !important;
  color: #00827c !important; }

.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.teal.buttons .button,
.ui.inverted.teal.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;
  color: #6DFFFF; }

.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6); }

.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover {
  background-color: #54ffff; }

.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus {
  background-color: #44ffff; }

.ui.inverted.teal.buttons .active.button,
.ui.inverted.teal.active.button {
  background-color: #54ffff; }

.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  background-color: #3affff; }

/* Inverted Basic */
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button,
.ui.inverted.teal.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover,
.ui.inverted.teal.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #54ffff inset !important;
  color: #6DFFFF !important; }

.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #44ffff inset !important;
  color: #6DFFFF !important; }

.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button,
.ui.inverted.teal.basic.active.button {
  box-shadow: 0px 0px 0px 2px #54ffff inset !important;
  color: #6DFFFF !important; }

.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active,
.ui.inverted.teal.basic.button:active {
  box-shadow: 0px 0px 0px 2px #3affff inset !important;
  color: #6DFFFF !important; }

/*--- Olive ---*/
.ui.olive.buttons .button,
.ui.olive.button {
  background-color: #B5CC18;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.olive.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.olive.buttons .button:hover,
.ui.olive.button:hover {
  background-color: #a8bf0b;
  color: #FFFFFF;
  text-shadow: none; }

.ui.olive.buttons .button:focus,
.ui.olive.button:focus {
  background-color: #a3ba01;
  color: #FFFFFF;
  text-shadow: none; }

.ui.olive.buttons .button:active,
.ui.olive.button:active {
  background-color: #8d9e13;
  color: #FFFFFF;
  text-shadow: none; }

.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active,
.ui.olive.active.button,
.ui.olive.button .active.button:active {
  background-color: #acc406;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
  box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
  color: #B5CC18 !important; }

.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a8bf0b inset !important;
  color: #a8bf0b !important; }

.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a3ba01 inset !important;
  color: #a8bf0b !important; }

.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #acc406 inset !important;
  color: #8d9e13 !important; }

.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
  box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
  color: #8d9e13 !important; }

.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.olive.buttons .button,
.ui.inverted.olive.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
  color: #D9E778; }

.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6); }

.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover {
  background-color: #daec59; }

.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus {
  background-color: #def541; }

.ui.inverted.olive.buttons .active.button,
.ui.inverted.olive.active.button {
  background-color: #ddf155; }

.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  background-color: #cddf4d; }

/* Inverted Basic */
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button,
.ui.inverted.olive.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover,
.ui.inverted.olive.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #daec59 inset !important;
  color: #D9E778 !important; }

.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #def541 inset !important;
  color: #D9E778 !important; }

.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button,
.ui.inverted.olive.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ddf155 inset !important;
  color: #D9E778 !important; }

.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active,
.ui.inverted.olive.basic.button:active {
  box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
  color: #D9E778 !important; }

/*--- Yellow ---*/
.ui.yellow.buttons .button,
.ui.yellow.button {
  background-color: #F7B21A;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.yellow.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover {
  background-color: #f8aa00;
  color: #FFFFFF;
  text-shadow: none; }

.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
  background-color: #e8a000;
  color: #FFFFFF;
  text-shadow: none; }

.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
  background-color: #d79607;
  color: #FFFFFF;
  text-shadow: none; }

.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active,
.ui.yellow.active.button,
.ui.yellow.button .active.button:active {
  background-color: #f8aa00;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
  box-shadow: 0px 0px 0px 1px #F7B21A inset !important;
  color: #F7B21A !important; }

.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f8aa00 inset !important;
  color: #f8aa00 !important; }

.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e8a000 inset !important;
  color: #f8aa00 !important; }

.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f8aa00 inset !important;
  color: #d79607 !important; }

.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
  box-shadow: 0px 0px 0px 1px #d79607 inset !important;
  color: #d79607 !important; }

.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
  margin-left: -1px; }

/* Inverted */
.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
  color: #FFE21F; }

.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6); }

.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover {
  background-color: #ffdf06; }

.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus {
  background-color: #f5d500; }

.ui.inverted.yellow.buttons .active.button,
.ui.inverted.yellow.active.button {
  background-color: #ffdf06; }

.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  background-color: #ebcd00; }

/* Inverted Basic */
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button,
.ui.inverted.yellow.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important; }

.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover,
.ui.inverted.yellow.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ffdf06 inset !important;
  color: #FFE21F !important; }

.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
  color: #FFE21F !important; }

.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button,
.ui.inverted.yellow.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ffdf06 inset !important;
  color: #FFE21F !important; }

.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active,
.ui.inverted.yellow.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
  color: #FFE21F !important; }

/*-------------------
       Primary
--------------------*/
/*--- Standard ---*/
.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #3E4297;
  color: #EFEFEF;
  text-shadow: none;
  background-image: none; }

.ui.primary.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #2d328e;
  color: #EFEFEF;
  text-shadow: none; }

.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #21268b;
  color: #EFEFEF;
  text-shadow: none; }

.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #2f3273;
  color: #EFEFEF;
  text-shadow: none; }

.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
  background-color: #292d93;
  color: #EFEFEF;
  text-shadow: none; }

/* Basic */
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  box-shadow: 0px 0px 0px 1px #3E4297 inset !important;
  color: #3E4297 !important; }

.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2d328e inset !important;
  color: #2d328e !important; }

.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #21268b inset !important;
  color: #2d328e !important; }

.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #292d93 inset !important;
  color: #2f3273 !important; }

.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  box-shadow: 0px 0px 0px 1px #2f3273 inset !important;
  color: #2f3273 !important; }

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px; }

/*-------------------
      Secondary
--------------------*/
/* Standard */
.ui.secondary.buttons .button,
.ui.secondary.button {
  background-color: #212128;
  color: #3E4297;
  text-shadow: none;
  background-image: none; }

.ui.secondary.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
  background-color: #28283b;
  color: #3E4297;
  text-shadow: none; }

.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
  background-color: #28284a;
  color: #3E4297;
  text-shadow: none; }

.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: #383844;
  color: #3E4297;
  text-shadow: none; }

.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active,
.ui.secondary.active.button,
.ui.secondary.button .active.button:active {
  background-color: #25253d;
  color: #3E4297;
  text-shadow: none; }

/* Basic */
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
  box-shadow: 0px 0px 0px 1px #212128 inset !important;
  color: #212128 !important; }

.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #28283b inset !important;
  color: #28283b !important; }

.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #28284a inset !important;
  color: #28283b !important; }

.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #25253d inset !important;
  color: #383844 !important; }

.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
  box-shadow: 0px 0px 0px 1px #383844 inset !important;
  color: #383844 !important; }

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px; }

/*---------------
    Positive
----------------*/
/* Standard */
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #47973E;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.positive.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
  background-color: #378e2d;
  color: #FFFFFF;
  text-shadow: none; }

.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
  background-color: #2c8b21;
  color: #FFFFFF;
  text-shadow: none; }

.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #36732f;
  color: #FFFFFF;
  text-shadow: none; }

.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active,
.ui.positive.active.button,
.ui.positive.button .active.button:active {
  background-color: #339329;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
  box-shadow: 0px 0px 0px 1px #47973E inset !important;
  color: #47973E !important; }

.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #378e2d inset !important;
  color: #378e2d !important; }

.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2c8b21 inset !important;
  color: #378e2d !important; }

.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #339329 inset !important;
  color: #36732f !important; }

.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
  box-shadow: 0px 0px 0px 1px #36732f inset !important;
  color: #36732f !important; }

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px; }

/*---------------
     Negative
----------------*/
/* Standard */
.ui.negative.buttons .button,
.ui.negative.button {
  background-color: #D14F4F;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none; }

.ui.negative.button {
  box-shadow: 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
  background-color: #d82e2e;
  color: #FFFFFF;
  text-shadow: none; }

.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
  background-color: #dd1b1b;
  color: #FFFFFF;
  text-shadow: none; }

.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #bc3131;
  color: #FFFFFF;
  text-shadow: none; }

.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active,
.ui.negative.active.button,
.ui.negative.button .active.button:active {
  background-color: #de2828;
  color: #FFFFFF;
  text-shadow: none; }

/* Basic */
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
  box-shadow: 0px 0px 0px 1px #D14F4F inset !important;
  color: #D14F4F !important; }

.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d82e2e inset !important;
  color: #d82e2e !important; }

.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #dd1b1b inset !important;
  color: #d82e2e !important; }

.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #de2828 inset !important;
  color: #bc3131 !important; }

.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
  box-shadow: 0px 0px 0px 1px #bc3131 inset !important;
  color: #bc3131 !important; }

.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px; }

/*******************************
            Groups
*******************************/
.ui.buttons {
  display: inline-flex;
  flex-direction: row;
  font-size: 0em;
  vertical-align: baseline;
  margin: 0em 0.25em 0em 0em; }

.ui.buttons:not(.basic):not(.inverted) {
  box-shadow: none; }

/* Clearfix */
.ui.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Standard Group */
.ui.buttons .button {
  flex: 1 0 auto;
  margin: 0em;
  border-radius: 0em;
  margin: 0px 0px 0px 0px; }

.ui.buttons > .ui.button:not(.basic):not(.inverted),
.ui.buttons:not(.basic):not(.inverted) > .button {
  box-shadow: 0px 0px 0px 1px transparent inset, 0em 0em 0em rgba(34, 36, 38, 0.15) inset; }

.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0em;
  border-top-left-radius: 0.3571428571rem;
  border-bottom-left-radius: 0.3571428571rem; }

.ui.buttons .button:last-child {
  border-top-right-radius: 0.3571428571rem;
  border-bottom-right-radius: 0.3571428571rem; }

/* Vertical  Style */
.ui.vertical.buttons {
  display: inline-flex;
  flex-direction: column; }

.ui.vertical.buttons .button {
  display: block;
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
  box-shadow: none;
  border-radius: 0em; }

.ui.vertical.buttons .button:first-child {
  border-top-left-radius: 0.3571428571rem;
  border-top-right-radius: 0.3571428571rem; }

.ui.vertical.buttons .button:last-child {
  margin-bottom: 0px;
  border-bottom-left-radius: 0.3571428571rem;
  border-bottom-right-radius: 0.3571428571rem; }

.ui.vertical.buttons .button:only-child {
  border-radius: 0.3571428571rem; }

/*******************************
         Site Overrides
*******************************/
a:hover {
  background-color: #ffffff00;
  border-radius: 0.28571429rem; }

a.button:hover, input.button:hover, button:hover {
  border-radius: 0.28571429rem; }

a:hover > i {
  background-color: #ffffff00 !important; }

/* Icon Button */
.ui.icon.buttons:not(.circular) .button,
.ui.icon.button:not(.circular) {
  padding: 0.65em 1.5em; }

table .ui.button > .icon:not(.button) {
  font-size: .75em; }

.ui.button > .icon.right:not(.button) {
  margin-right: 4px !important; }

/* Basic Button */
.ui.basic.secondary.buttons .button, .ui.basic.secondary.button {
  box-shadow: 0px 0px 0px 1px #3E4297 inset !important;
  color: #3E4297 !important; }

a.ui.button.secondary.gray {
  color: #80808C !important;
  box-shadow: 0px 0px 0px 1px #80808C inset !important; }

a.ui.button.secondary.gray:hover {
  background: #80808C !important;
  color: #ffffff !important; }

/* Secondary Buttons */
.ui.secondary.buttons .button, .ui.secondary.button {
  background: transparent;
  border: none;
  box-shadow: 0px 0px 0px 1px #3E4297 inset !important; }

.ui.secondary.buttons .button:active, .ui.secondary.buttons .button:hover,
.ui.secondary.buttons .button:focus, .ui.secondary.buttons .button.active,
.ui.secondary.button:hover, .ui.secondary.button:focus, .ui.secondary.button:active {
  background: #3E4297;
  color: #efefef; }

/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Card
*******************************/
/*-------------------
         View
--------------------*/
/* Shadow */
/* Card */
/* Card Group */
/* Consecutive Cards */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Dimmer */
/* Additional Content */
/* Extra Links */
/* Buttons */
/*-------------------
      Variations
--------------------*/
/* Link */
/* Raised */
/* Card Count */
/* Stackable */
/* Sizes */
/* Colored */
/*******************************
            Standard
*******************************/
/*--------------
      Card
---------------*/
.ui.cards > .card,
.ui.card {
  max-width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 290px;
  min-height: 0px;
  background: #FFFFFF;
  padding: 0em;
  border: none;
  border-radius: 0.3571428571rem;
  box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
  transition: box-shadow 0.1s ease, 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: flex;
  margin: -1.375em;
  flex-wrap: wrap; }

.ui.cards > .card {
  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.3571428571rem 0.3571428571rem 0em 0em !important;
  border-top: none !important; }

.ui.cards > .card > :last-child,
.ui.card > :last-child {
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem !important; }

.ui.cards > .card > :only-child,
.ui.card > :only-child {
  border-radius: 0.3571428571rem !important; }

/*--------------
     Images
---------------*/
.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  display: block;
  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 {
  flex-grow: 1;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  background: none;
  margin: 0em;
  padding: 1em 1em;
  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: "Inter", Arial, 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: "";
  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: #1a1e6e; }

/* 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: #212128; }

/*--------------
     Buttons
---------------*/
.ui.cards > .card > .buttons,
.ui.card > .buttons,
.ui.cards > .card > .button,
.ui.card > .button {
  margin: -1px;
  width: calc(100% + 2px); }

/*--------------
      Dimmer
---------------*/
.ui.cards > .card .dimmer,
.ui.card .dimmer {
  background-color: "";
  z-index: 10; }

/*--------------
     Labels
---------------*/
/*-----Star----- */
/* Icon */
.ui.cards > .card > .content .star.icon,
.ui.card > .content .star.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.1s ease; }

.ui.cards > .card > .content .star.icon:hover,
.ui.card > .content .star.icon:hover {
  opacity: 1;
  color: #FFB70A; }

.ui.cards > .card > .content .active.star.icon,
.ui.card > .content .active.star.icon {
  color: #FFE623; }

/*-----Like----- */
/* Icon */
.ui.cards > .card > .content .like.icon,
.ui.card > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.1s ease; }

.ui.cards > .card > .content .like.icon:hover,
.ui.card > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733; }

.ui.cards > .card > .content .active.like.icon,
.ui.card > .content .active.like.icon {
  color: #FF2733; }

/*----------------
  Extra Content
-----------------*/
.ui.cards > .card > .extra,
.ui.card > .extra {
  max-width: 100%;
  min-height: 0em !important;
  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);
  box-shadow: none;
  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: #1a1e6e; }

/*******************************
           Variations
*******************************/
/*-------------------
       Raised
--------------------*/
.ui.raised.cards > .card,
.ui.raised.card {
  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 {
  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 {
  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 {
  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 {
  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;
  box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
  transform: translateY(-3px); }

/*-------------------
       Colors
--------------------*/
/* Red */
.ui.red.cards > .card,
.ui.cards > .red.card,
.ui.red.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #D14F4F, 0px 1px 3px 0px #D4D4D5; }

.ui.red.cards > .card:hover,
.ui.cards > .red.card:hover,
.ui.red.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d82e2e, 0px 1px 3px 0px #BCBDBD; }

/* Orange */
.ui.orange.cards > .card,
.ui.cards > .orange.card,
.ui.orange.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; }

.ui.orange.cards > .card:hover,
.ui.cards > .orange.card:hover,
.ui.orange.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f36101, 0px 1px 3px 0px #BCBDBD; }

/* Yellow */
.ui.yellow.cards > .card,
.ui.cards > .yellow.card,
.ui.yellow.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F7B21A, 0px 1px 3px 0px #D4D4D5; }

.ui.yellow.cards > .card:hover,
.ui.cards > .yellow.card:hover,
.ui.yellow.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f8aa00, 0px 1px 3px 0px #BCBDBD; }

/* Olive */
.ui.olive.cards > .card,
.ui.cards > .olive.card,
.ui.olive.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; }

.ui.olive.cards > .card:hover,
.ui.cards > .olive.card:hover,
.ui.olive.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a8bf0b, 0px 1px 3px 0px #BCBDBD; }

/* Green */
.ui.green.cards > .card,
.ui.cards > .green.card,
.ui.green.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #47973E, 0px 1px 3px 0px #D4D4D5; }

.ui.green.cards > .card:hover,
.ui.cards > .green.card:hover,
.ui.green.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #378e2d, 0px 1px 3px 0px #BCBDBD; }

/* Teal */
.ui.teal.cards > .card,
.ui.cards > .teal.card,
.ui.teal.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; }

.ui.teal.cards > .card:hover,
.ui.cards > .teal.card:hover,
.ui.teal.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; }

/* Blue */
.ui.blue.cards > .card,
.ui.cards > .blue.card,
.ui.blue.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #3E4297, 0px 1px 3px 0px #D4D4D5; }

.ui.blue.cards > .card:hover,
.ui.cards > .blue.card:hover,
.ui.blue.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2d328e, 0px 1px 3px 0px #BCBDBD; }

/* Violet */
.ui.violet.cards > .card,
.ui.cards > .violet.card,
.ui.violet.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; }

.ui.violet.cards > .card:hover,
.ui.cards > .violet.card:hover,
.ui.violet.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5624c0, 0px 1px 3px 0px #BCBDBD; }

/* Purple */
.ui.purple.cards > .card,
.ui.cards > .purple.card,
.ui.purple.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; }

.ui.purple.cards > .card:hover,
.ui.cards > .purple.card:hover,
.ui.purple.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9823bf, 0px 1px 3px 0px #BCBDBD; }

/* Pink */
.ui.pink.cards > .card,
.ui.cards > .pink.card,
.ui.pink.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; }

.ui.pink.cards > .card:hover,
.ui.cards > .pink.card:hover,
.ui.pink.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e9168d, 0px 1px 3px 0px #BCBDBD; }

/* Brown */
.ui.brown.cards > .card,
.ui.cards > .brown.card,
.ui.brown.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; }

.ui.brown.cards > .card:hover,
.ui.cards > .brown.card:hover,
.ui.brown.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9d592e, 0px 1px 3px 0px #BCBDBD; }

/* Grey */
.ui.grey.cards > .card,
.ui.cards > .grey.card,
.ui.grey.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #80808C, 0px 1px 3px 0px #D4D4D5; }

.ui.grey.cards > .card:hover,
.ui.cards > .grey.card:hover,
.ui.grey.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #8d8d98, 0px 1px 3px 0px #BCBDBD; }

/* Black */
.ui.black.cards > .card,
.ui.cards > .black.card,
.ui.black.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #212128, 0px 1px 3px 0px #D4D4D5; }

.ui.black.cards > .card:hover,
.ui.cards > .black.card:hover,
.ui.black.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2d2d36, 0px 1px 3px 0px #BCBDBD; }

/*--------------
   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.3333333333% - 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.6666666667% - 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.2857142857% - 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.1111111111% - 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.3333333333% - 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.3333333333% - 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.3333333333% - 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.3333333333% - 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.3333333333% - 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.3333333333% - 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.3333333333% - 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; }

/*******************************
    User Variable Overrides
*******************************/
.ui.horizontal.cards > .card, .ui.card.horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 270px;
  width: 400px;
  max-width: 100%; }

.ui.horizontal.cards > .card > .image, .ui.card.horizontal > .image {
  width: 60px;
  border-radius: 100px !important;
  overflow: hidden;
  margin: 0.5rem;
  height: 60px; }

/*!
 * # Semantic UI - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Checkbox
*******************************/
/* Label */
/* 26px $ 14/em */
/* Checkbox */
/* Checkmark */
/* Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Pressed */
/* Focus */
/* Active */
/* Active Focus */
/* Indeterminate */
/* Disabled */
/*-------------------
        Types
--------------------*/
/* Radio */
/* Uses px to avoid rounding issues with circles */
/* 7px as unitless value from radio size */
/* Slider & Toggle Handle */
/* Slider */
/* Slider States */
/* Toggle */
/*-------------------
      Variations
--------------------*/
/*******************************
           Checkbox
*******************************/
/*--------------
    Content
---------------*/
.ui.checkbox {
  position: relative;
  display: inline-block;
  backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1rem;
  line-height: 17px;
  min-width: 17px; }

/* HTML Checkbox */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 17px;
  height: 17px; }

/*--------------
      Box
---------------*/
.ui.checkbox .box,
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: none;
  font-size: 1em; }

.ui.checkbox .box:before,
.ui.checkbox label:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  content: '';
  background: #FFFFFF;
  border-radius: 0.21428571rem;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  border: 1px solid #D4D4D5; }

/*--------------
    Checkmark
---------------*/
.ui.checkbox .box:after,
.ui.checkbox label:after {
  position: absolute;
  font-size: 14px;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  text-align: center;
  opacity: 0;
  color: #212128;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; }

/*--------------
      Label
---------------*/
/* Inside */
.ui.checkbox label,
.ui.checkbox + label {
  color: #212128;
  transition: color 0.1s ease; }

/* Outside */
.ui.checkbox + label {
  vertical-align: middle; }

/*******************************
           States
*******************************/
/*--------------
      Hover
---------------*/
.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35); }

.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8); }

/*--------------
      Down
---------------*/
.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.35); }

.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95); }

.ui.checkbox input:active ~ label {
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Focus
---------------*/
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
  background: #FFFFFF;
  border-color: #80808C; }

.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95); }

.ui.checkbox input:focus ~ label {
  color: rgba(0, 0, 0, 0.95); }

/*--------------
     Active
---------------*/
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35); }

.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95); }

/*--------------
  Indeterminate
---------------*/
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35); }

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95); }

/*--------------
  Active Focus
---------------*/
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before {
  background: #FFFFFF;
  border-color: #80808C; }

.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95); }

/*--------------
    Read-Only
---------------*/
.ui.read-only.checkbox,
.ui.read-only.checkbox label {
  cursor: default; }

/*--------------
     Disabled
---------------*/
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label {
  cursor: default !important;
  opacity: 0.5;
  color: black; }

/*--------------
     Hidden
---------------*/
/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden {
  z-index: -1; }

/* Selectable Label */
.ui.checkbox input.hidden + label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

/*******************************
             Types
*******************************/
/*--------------
     Radio
---------------*/
.ui.radio.checkbox {
  min-height: 15px; }

.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  padding-left: 1.85714em; }

/* Box */
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  content: '';
  transform: none;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  top: 1px;
  left: 0px; }

/* Bullet */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  border: none;
  content: '' !important;
  width: 15px;
  height: 15px;
  line-height: 15px; }

/* Radio Checkbox */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  top: 1px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  transform: scale(0.4666666667);
  background-color: #212128; }

/* Focus */
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
  background-color: #FFFFFF; }

.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
  background-color: rgba(0, 0, 0, 0.95); }

/* Indeterminate */
.ui.radio.checkbox input:indeterminate ~ .box:after,
.ui.radio.checkbox input:indeterminate ~ label:after {
  opacity: 0; }

/* Active */
.ui.radio.checkbox input:checked ~ .box:before,
.ui.radio.checkbox input:checked ~ label:before {
  background-color: #FFFFFF; }

.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95); }

/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
  background-color: #FFFFFF; }

.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95); }

/*--------------
     Slider
---------------*/
.ui.slider.checkbox {
  min-height: 1.25rem; }

/* Input */
.ui.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem; }

/* Label */
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4); }

/* Line */
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  transform: none;
  border: none !important;
  left: 0em;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  transform: none;
  border-radius: 500rem;
  transition: background 0.3s ease; }

/* Handle */
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0em;
  transform: none;
  border-radius: 500rem;
  transition: left 0.3s ease; }

/* Focus */
.ui.slider.checkbox input:focus ~ .box:before,
.ui.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }

/* Hover */
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8); }

.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15); }

/* Active */
.ui.slider.checkbox input:checked ~ .box,
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.ui.slider.checkbox input:checked ~ .box:before,
.ui.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important; }

.ui.slider.checkbox input:checked ~ .box:after,
.ui.slider.checkbox input:checked ~ label:after {
  left: 2rem; }

/* Active Focus */
.ui.slider.checkbox input:focus:checked ~ .box,
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.ui.slider.checkbox input:focus:checked ~ .box:before,
.ui.slider.checkbox input:focus:checked ~ label:before {
  background-color: black !important; }

/*--------------
     Toggle
---------------*/
.ui.toggle.checkbox {
  min-height: 1.5rem; }

/* Input */
.ui.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem; }

/* Label */
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: #212128; }

.ui.toggle.checkbox label {
  padding-top: 0.15em; }

/* Switch */
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  transform: none;
  border: none;
  top: 0rem;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem; }

/* Handle */
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0rem;
  left: 0em;
  border-radius: 500rem;
  transition: background 0.3s ease, left 0.3s ease; }

.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
  left: -0.05rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Focus */
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }

/* Hover */
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none; }

/* Active */
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #3E4297 !important; }

.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  left: 2.15rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important; }

.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #21268b !important; }

/*******************************
            Variations
*******************************/
/*--------------
     Fitted
---------------*/
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
  padding-left: 0em !important; }

.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
  width: 3.5rem; }

.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
  width: 3.5rem; }

/*******************************
         Theme Overrides
*******************************/
@font-face {
  font-family: 'Checkbox';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"); }

/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after {
  font-family: 'Checkbox'; }

/* Checked */
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  content: '\e800'; }

/* Indeterminate */
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
  font-size: 12px;
  content: '\e801'; }

/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/
/*!
 * # Semantic UI - Comment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Comments
*******************************/
/*-------------------
       View
--------------------*/
/*-------------------
      Elements
--------------------*/
/* Comment */
/* Nested Comment */
/* Avatar */
/* Content */
/* Author */
/* Metadata */
/* Text */
/* Actions */
/* Reply */
/*-------------------
      Variations
--------------------*/
/* Threaded */
/* Minimal */
/*******************************
            Standard
*******************************/
/*--------------
    Comments
---------------*/
.ui.comments {
  margin: 1.5em 0em;
  max-width: 650px; }

.ui.comments:first-child {
  margin-top: 0em; }

.ui.comments:last-child {
  margin-bottom: 0em; }

/*--------------
     Comment
---------------*/
.ui.comments .comment {
  position: relative;
  background: none;
  margin: 0.5em 0em 0em;
  padding: 0.5em 0em 0em;
  border: none;
  border-top: none;
  line-height: 1.2; }

.ui.comments .comment:first-child {
  margin-top: 0em;
  padding-top: 0em; }

/*--------------------
    Nested Comments
---------------------*/
.ui.comments .comment .comments {
  margin: 0em 0em 0.5em 0.5em;
  padding: 1em 0em 1em 1em; }

.ui.comments .comment .comments:before {
  position: absolute;
  top: 0px;
  left: 0px; }

.ui.comments .comment .comments .comment {
  border: none;
  border-top: none;
  background: none; }

/*--------------
     Avatar
---------------*/
.ui.comments .comment .avatar {
  display: block;
  width: 2.5em;
  height: auto;
  float: left;
  margin: 0.2em 0em 0em; }

.ui.comments .comment img.avatar,
.ui.comments .comment .avatar img {
  display: block;
  margin: 0em auto;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem; }

/*--------------
     Content
---------------*/
.ui.comments .comment > .content {
  display: block; }

/* If there is an avatar move content over */
.ui.comments .comment > .avatar ~ .content {
  margin-left: 3.5em; }

/*--------------
     Author
---------------*/
.ui.comments .comment .author {
  font-size: 1em;
  color: #212128;
  font-weight: bold; }

.ui.comments .comment a.author {
  cursor: pointer; }

.ui.comments .comment a.author:hover {
  color: #1a1e6e; }

/*--------------
     Metadata
---------------*/
.ui.comments .comment .metadata {
  display: inline-block;
  margin-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875em; }

.ui.comments .comment .metadata > * {
  display: inline-block;
  margin: 0em 0.5em 0em 0em; }

.ui.comments .comment .metadata > :last-child {
  margin-right: 0em; }

/*--------------------
     Comment Text
---------------------*/
.ui.comments .comment .text {
  margin: 0.25em 0em 0.5em;
  font-size: 1em;
  word-wrap: break-word;
  color: #212128;
  line-height: 1.3; }

/*--------------------
     User Actions
---------------------*/
.ui.comments .comment .actions {
  font-size: 0.875em; }

.ui.comments .comment .actions a {
  cursor: pointer;
  display: inline-block;
  margin: 0em 0.75em 0em 0em;
  color: rgba(0, 0, 0, 0.4); }

.ui.comments .comment .actions a:last-child {
  margin-right: 0em; }

.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
  color: rgba(0, 0, 0, 0.8); }

/*--------------------
      Reply Form
---------------------*/
.ui.comments > .reply.form {
  margin-top: 1em; }

.ui.comments .comment .reply.form {
  width: 100%;
  margin-top: 1em; }

.ui.comments .reply.form textarea {
  font-size: 1em;
  height: 12em; }

/*******************************
            State
*******************************/
.ui.collapsed.comments,
.ui.comments .collapsed.comments,
.ui.comments .collapsed.comment {
  display: none; }

/*******************************
           Variations
*******************************/
/*--------------------
        Threaded
---------------------*/
.ui.threaded.comments .comment .comments {
  margin: -1.5em 0 -1em 1.25em;
  padding: 3em 0em 2em 2.25em;
  box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); }

/*--------------------
        Minimal
---------------------*/
.ui.minimal.comments .comment .actions {
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  transition: opacity 0.2s ease;
  transition-delay: 0.1s; }

.ui.minimal.comments .comment > .content:hover > .actions {
  opacity: 1; }

/*-------------------
        Sizes
--------------------*/
.ui.mini.comments {
  font-size: 0.78571429rem; }

.ui.tiny.comments {
  font-size: 0.85714286rem; }

.ui.small.comments {
  font-size: 0.92857143rem; }

.ui.comments {
  font-size: 1rem; }

.ui.large.comments {
  font-size: 1.14285714rem; }

.ui.big.comments {
  font-size: 1.28571429rem; }

.ui.huge.comments {
  font-size: 1.42857143rem; }

.ui.massive.comments {
  font-size: 1.71428571rem; }

/*!
 * # Semantic UI - Container
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Container
*******************************/
/*-------------------
       Element
--------------------*/
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/* Coupling (Add Negative Margin to container size) */
/*-------------------
       Types
--------------------*/
/* Text */
/*******************************
            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: "Inter", Arial, 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.container[class*="left aligned"] {
  text-align: left; }

.ui.container[class*="center aligned"] {
  text-align: center; }

.ui.container[class*="right aligned"] {
  text-align: right; }

.ui.justified.container {
  text-align: justify;
  -webkit-hyphens: auto;
          hyphens: auto; }

@media only screen and (min-width: 768px) {
  .ui.ui.ui.container.main:not(.fluid) {
    width: 100%;
    padding-right: 30px;
    padding-left: 90px;
    padding-top: 4rem; } }

@media (max-width: 768px) {
  .ui.main.container {
    padding-left: 0;
    padding-right: 0; } }

/*!
 * # Semantic UI - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Dimmer
*******************************/
/* Hidden (Default) */
/* Visible */
/*-------------------
        Types
--------------------*/
/* Page Dimmer*/
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Simple */
/*******************************
            Dimmer
*******************************/
.dimmable:not(body) {
  position: relative; }

.ui.dimmer {
  display: none;
  position: absolute;
  top: 0em !important;
  left: 0em !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  line-height: 1;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  transition: background-color 0.5s linear;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  will-change: opacity;
  z-index: 1000; }

/* Dimmer Content */
.ui.dimmer > .content {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  color: #FFFFFF; }

/* Loose Coupling */
.ui.segment > .ui.dimmer {
  border-radius: inherit !important; }

/* Scrollbars */
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1); }

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25); }

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15); }

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35); }

/*******************************
            States
*******************************/
/* Animating */
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden; }

/* Animating / Active / Visible */
.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: flex;
  opacity: 1; }

/* Disabled */
.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important; }

/*******************************
           Variations
*******************************/
/*--------------
    Alignment
---------------*/
.ui.dimmer[class*="top aligned"] {
  justify-content: flex-start; }

.ui.dimmer[class*="bottom aligned"] {
  justify-content: flex-end; }

/*--------------
      Page
---------------*/
.ui.page.dimmer {
  position: fixed;
  transform-style: "";
  perspective: 2000px;
  transform-origin: center center; }

body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden; }

body.dimmable > .dimmer {
  position: fixed; }

/*--------------
    Blurring
---------------*/
.blurring.dimmable > :not(.dimmer) {
  filter: blur(0px) grayscale(0);
  transition: 800ms filter ease; }

.blurring.dimmed.dimmable > :not(.dimmer) {
  filter: blur(5px) grayscale(0.7); }

/* Dimmer Color */
.blurring.dimmable > .dimmer {
  background-color: rgba(0, 0, 0, 0.6); }

.blurring.dimmable > .inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.6); }

/*--------------
    Aligned
---------------*/
.ui.dimmer > .top.aligned.content > * {
  vertical-align: top; }

.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom; }

/*--------------
    Inverted
---------------*/
.ui.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85); }

.ui.inverted.dimmer > .content > * {
  color: #FFFFFF; }

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dimmer {
  display: block;
  overflow: hidden;
  opacity: 1;
  width: 0%;
  height: 0%;
  z-index: -100;
  background-color: rgba(0, 0, 0, 0); }

.dimmed.dimmable > .ui.simple.dimmer {
  overflow: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1; }

.ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0); }

.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85); }

/*!
 * # Semantic UI - Divider
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Divider
*******************************/
/*-------------------
       Element
--------------------*/
/* Text */
/*-------------------
       Coupling
--------------------*/
/* Icon */
/*******************************
         Variations
*******************************/
/* Horizontal / Vertical */
/* Inverted */
/* Section */
/* Sizes */
/*******************************
            Divider
*******************************/
.ui.divider {
  margin: 1rem 0rem;
  line-height: 1;
  height: 0em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.85);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*--------------
      Basic
---------------*/
.ui.divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

/*--------------
    Coupling
---------------*/
/* Allow divider between each column row */
.ui.grid > .column + .divider,
.ui.grid > .row > .column + .divider {
  left: auto; }

/*--------------
   Horizontal
---------------*/
.ui.horizontal.divider {
  display: table;
  white-space: nowrap;
  height: auto;
  margin: "";
  line-height: 1;
  text-align: center; }

.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat; }

.ui.horizontal.divider:before {
  background-position: right 1em top 50%; }

.ui.horizontal.divider:after {
  background-position: left 1em top 50%; }

/*--------------
    Vertical
---------------*/
.ui.vertical.divider {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: 0rem;
  padding: 0em;
  width: auto;
  height: 50%;
  line-height: 0em;
  text-align: center;
  transform: translateX(-50%); }

.ui.vertical.divider:before,
.ui.vertical.divider:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  width: 0%;
  height: calc(100% - 1rem); }

.ui.vertical.divider:before {
  top: -100%; }

.ui.vertical.divider:after {
  top: auto;
  bottom: 0px; }

/* Inside grid */
@media only screen and (max-width: 767px) {
  .ui.stackable.grid .ui.vertical.divider,
  .ui.grid .stackable.row .ui.vertical.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: "";
    overflow: hidden;
    line-height: 1;
    text-align: center;
    position: static;
    top: 0;
    left: 0;
    transform: none; }
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    position: static;
    left: 0;
    border-left: none;
    border-right: none;
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat; }
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before {
    background-position: right 1em top 50%; }
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    background-position: left 1em top 50%; } }

/*--------------
      Icon
---------------*/
.ui.divider > .icon {
  margin: 0rem;
  font-size: 1rem;
  height: 1em;
  vertical-align: middle; }

/*******************************
          Variations
*******************************/
/*--------------
    Hidden
---------------*/
.ui.hidden.divider {
  border-color: transparent !important; }

.ui.hidden.divider:before,
.ui.hidden.divider:after {
  display: none; }

/*--------------
    Inverted
---------------*/
.ui.divider.inverted,
.ui.vertical.inverted.divider,
.ui.horizontal.inverted.divider {
  color: #FFFFFF; }

.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {
  border-top-color: rgba(34, 36, 38, 0.15) !important;
  border-left-color: rgba(34, 36, 38, 0.15) !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
  border-right-color: rgba(255, 255, 255, 0.15) !important; }

/*--------------
    Fitted
---------------*/
.ui.fitted.divider {
  margin: 0em; }

/*--------------
    Clearing
---------------*/
.ui.clearing.divider {
  clear: both; }

/*--------------
    Section
---------------*/
.ui.section.divider {
  margin-top: 2rem;
  margin-bottom: 2rem; }

/*--------------
     Sizes
---------------*/
.ui.divider {
  font-size: 1rem; }

/*******************************
         Theme Overrides
*******************************/
.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); }

@media only screen and (max-width: 767px) {
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); } }

/*!
 * # Semantic UI - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Dropdown
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Content
--------------------*/
/* Icon */
/* Current Text */
/* Menu */
/* Text */
/* Menu Item */
/* Sub Menu */
/* Menu Header */
/* Menu Divider */
/* Menu Input */
/* Menu Image */
/* Item Sub-Element */
/* Sub-Menu Dropdown Icon */
/* Description */
/* Message */
/* Floated Content */
/*-------------------
        Types
--------------------*/
/*------------
   Selection
--------------*/
/* <select> */
/* Responsive */
/* Derived */
/* Hover */
/* Focus */
/* Visible */
/* Visible Hover */
/*--------------
     Search
--------------*/
/* Search Selection */
/* Inline */
/*--------------
    Multiple
--------------*/
/* Split Actual Padding Between Child and Parent (allows for label spacing) */
/* Child Elements */
/* Dropdown Icon */
/* Selection Label */
/*-------------------
       States
--------------------*/
/* Hovered */
/* Default Text */
/* Loading */
/* Active Menu Item */
/* Selected */
/* Error */
/*-------------------
      Variations
--------------------*/
/* Scrolling */
/* 0px / em size */
/* Upward */
/* Flyout Direction */
/* Left */
/* Simple */
/* Floating */
/* Pointing */
/* Pointing Upward */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  transition: opacity 0.1s ease;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.3571428571rem;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity; }

.ui.dropdown .menu > * {
  white-space: nowrap; }

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important; }

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em; }

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  transition: none; }

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  font-size: 1rem;
  color: #212128;
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none; }

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px; }

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important; }

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important; }

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em; }

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase; }

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em; }

.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem; }

.ui.dropdown .menu > .header + .input {
  margin-top: 0em; }

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4); }

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal; }

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4); }

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.3571428571rem !important;
  z-index: 21 !important; }

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none; }

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em; }

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em; }

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem; }

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em; }

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none; }

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none; }

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em; }

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%; }

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em; }

.ui.button.dropdown .menu {
  min-width: 100%; }

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428572em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: #212128;
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.3571428571rem;
  transition: box-shadow 0.1s ease, width 0.1s ease; }

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10; }

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible; }

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.9166666686em;
  opacity: 0.8;
  transition: opacity 0.1s ease; }

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px; }

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: -1px;
  min-width: calc(100% + 2px);
  width: calc(100% + 2px);
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  transition: opacity 0.1s ease; }

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none; }

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem; }

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem; } }

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal; }

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none; }

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none; }

/* Active */
.ui.selection.active.dropdown {
  border-color: #80808C;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown .menu {
  border-color: #80808C;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #80808C;
  box-shadow: none; }

.ui.selection.dropdown:focus .menu {
  border-color: #80808C;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8); }

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #80808C;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown:hover .menu {
  border-color: #80808C;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3; }

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.3571428571rem !important;
  box-shadow: none !important; }

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important; }

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: ""; }

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit; }

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2; }

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3; }

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.678571435em 2.1em 0.678571435em 1em; }

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.678571435em 2.1em 0.678571435em 1em;
  display: none;
  white-space: pre; }

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto; }

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none; }

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45; }

.ui.active.search.dropdown input.search:focus + .text {
  color: #8d8da1 !important; }

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem; } }

/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.2261904783em 2.1em 0.2261904783em 0.35714286em; }

.ui.multiple.dropdown .menu {
  cursor: auto; }

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text; }

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: "";
  padding: ""; }

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.4523809567em 0em 0.4523809567em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important; }

.ui.multiple.dropdown > .label ~ .text {
  display: none; }

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.4523809567em 0em 0.4523809567em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.search.dropdown > .label ~ .text {
  display: none; }

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.4523809567em 0em 0.4523809567em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em; }

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit; }

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.21428571em;
  vertical-align: baseline; }

.ui.inline.dropdown > .text {
  font-weight: bold; }

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.3571428571rem; }

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12; }

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13; }

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important; }

.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important; }

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: dropdown-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #80808C transparent transparent;
  border-style: solid;
  border-width: 0.2em; }

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none; }

@keyframes dropdown-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: #e1e1e6; }

.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: #8d8da1; }

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  transition: none; }

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1; }

.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important; }

.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important; }

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95); }

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden; }

.ui.dropdown .filtered.item {
  display: none !important; }

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38; }

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4; }

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item {
  color: #9F3A38; }

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4; }

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2; }

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF; }

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45; }

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px; }

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.3571428571rem !important; }

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important; }

.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.3571428571rem !important; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em; }

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em; }

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important; }

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em !important; }

.ui.upward.dropdown.button.active:not(.pointing):not(.floating) {
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

.ui.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem !important; }

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem !important; }

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }

.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto; }

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important; }

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none; }

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none; }

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block; }

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px); } }

@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem; } }

@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem; } }

@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }

@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 30.85714296rem; } }

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none; }

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  transition: opacity 0.1s ease; }

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1; }

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1; }

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden; }

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block; }

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em; }

.ui.fluid.dropdown > .dropdown.icon {
  float: right; }

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.3571428571rem !important; }

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.3571428571rem !important; }

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.3571428571rem; }

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -2px 0px 0px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2; }

.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em; }

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  transform: rotate(45deg); }

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em; }

.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  transform: rotate(45deg); }

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(-45deg); }

.ui.left.pointing.dropdown:not(.top):not(.bottom) > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em; }

.ui.left.pointing.dropdown:not(.top):not(.bottom) > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg); }

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg); }

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em; }

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  transform: rotate(-135deg); }

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important; }

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto; }

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto; }

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto; }

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em; }

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.3571428571rem; }

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em; }

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -2px 0px 0px rgba(34, 36, 38, 0.15); }

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -2px 0px 0px rgba(34, 36, 38, 0.15); }

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
  font-weight: normal;
  font-style: normal; }

.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center; }

.ui.dropdown > .dropdown.icon {
  width: auto; }

.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7'; }

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: ""; }

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: ""; }

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: ""; }

/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*******************************
        User Overrides
*******************************/
.ui.buttons > .ui.dropdown.left:last-child .menu {
  left: 0;
  right: auto; }

.ui.dropdown {
  background: transparent;
  border: 1px solid #3E4297;
  color: #3E4297; }

.menu.transition.visible {
  z-index: 100; }

/*!
 * # Semantic UI - Video
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Video
*******************************/
/*-------------------
       Element
--------------------*/
/* Simple */
/* Placeholder */
/* Placeholder Overlayed Background */
/* Icon */
/*-------------------
       States
--------------------*/
/* Hover */
/*-------------------
      Variations
--------------------*/
/* Aspect Ratios */
/*******************************
            Types
*******************************/
.ui.embed {
  position: relative;
  position: relative;
  max-width: 100%;
  height: 0px;
  overflow: hidden;
  background: #DDDDE4;
  padding-bottom: 56.25%; }

/*-----------------
  Embedded Content
------------------*/
.ui.embed iframe,
.ui.embed embed,
.ui.embed object {
  position: absolute;
  border: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0em;
  padding: 0em; }

/*-----------------
      Embed
------------------*/
.ui.embed > .embed {
  display: none; }

/*--------------
   Placeholder
---------------*/
.ui.embed > .placeholder {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); }

/*--------------
      Icon
---------------*/
.ui.embed > .icon {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2; }

.ui.embed > .icon:after {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  opacity: 0.5;
  transition: opacity 0.5s ease; }

.ui.embed > .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%) translateY(-50%);
  color: #FFFFFF;
  font-size: 6rem;
  text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
  transition: opacity 0.5s ease, color 0.5s ease;
  z-index: 10; }

/*******************************
            States
*******************************/
/*--------------
     Hover
---------------*/
.ui.embed .icon:hover:after {
  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  opacity: 1; }

.ui.embed .icon:hover:before {
  color: #FFFFFF; }

/*--------------
     Active
---------------*/
.ui.active.embed > .icon,
.ui.active.embed > .placeholder {
  display: none; }

.ui.active.embed > .embed {
  display: block; }

/*******************************
          Variations
*******************************/
.ui.square.embed {
  padding-bottom: 100%; }

.ui.embed[class*="4:3"] {
  padding-bottom: 75%; }

.ui.embed[class*="16:9"] {
  padding-bottom: 56.25%; }

.ui.embed[class*="21:9"] {
  padding-bottom: 42.8571428571%; }

/*!
 * # Semantic UI - Feed
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Feed
*******************************/
/*-------------------
        Feed
--------------------*/
/*-------------------
      Elements
--------------------*/
/* Event */
/* Event Label */
/* Icon Label */
/* Image Label */
/* Content w/ Label */
/* Content */
/* Date */
/* Summary */
/* Summary Image */
/* Summary Date */
/* User */
/* Extra Summary Data */
/* Extra Images */
/* Extra Text */
/* Metadata Group */
/* Like */
/* Metadata Divider */
/*-------------------
      Variations
--------------------*/
/*******************************
         Activity Feed
*******************************/
.ui.feed {
  margin: 1em 0em; }

.ui.feed:first-child {
  margin-top: 0em; }

.ui.feed:last-child {
  margin-bottom: 0em; }

/*******************************
            Content
*******************************/
/* Event */
.ui.feed > .event {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0.21428571rem 0em;
  margin: 0em;
  background: none;
  border-top: none; }

.ui.feed > .event:first-child {
  border-top: 0px;
  padding-top: 0em; }

.ui.feed > .event:last-child {
  padding-bottom: 0em; }

/* Event Label */
.ui.feed > .event > .label {
  display: block;
  flex: 0 0 auto;
  width: 2.5em;
  height: auto;
  align-self: stretch;
  text-align: left; }

.ui.feed > .event > .label .icon {
  opacity: 1;
  font-size: 1.5em;
  width: 100%;
  padding: 0.25em;
  background: none;
  border: none;
  border-radius: none;
  color: rgba(0, 0, 0, 0.6); }

.ui.feed > .event > .label img {
  width: 100%;
  height: auto;
  border-radius: 500rem; }

.ui.feed > .event > .label + .content {
  margin: 0.5em 0em 0.35714286em 1.14285714em; }

/*--------------
     Content
---------------*/
/* Content */
.ui.feed > .event > .content {
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  text-align: left;
  word-wrap: break-word; }

.ui.feed > .event:last-child > .content {
  padding-bottom: 0em; }

/* Link */
.ui.feed > .event > .content a {
  cursor: pointer; }

/*--------------
      Date
---------------*/
.ui.feed > .event > .content .date {
  margin: -0.5rem 0em 0em;
  padding: 0em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: normal;
  font-size: 1em;
  font-style: normal;
  color: rgba(0, 0, 0, 0.4); }

/*--------------
     Summary
---------------*/
.ui.feed > .event > .content .summary {
  margin: 0em;
  font-size: 1em;
  font-weight: bold;
  color: #212128; }

/* Summary Image */
.ui.feed > .event > .content .summary img {
  display: inline-block;
  width: auto;
  height: 10em;
  margin: -0.25em 0.25em 0em 0em;
  border-radius: 0.25em;
  vertical-align: middle; }

/*--------------
      User
---------------*/
.ui.feed > .event > .content .user {
  display: inline-block;
  font-weight: bold;
  margin-right: 0em;
  vertical-align: baseline; }

.ui.feed > .event > .content .user img {
  margin: -0.25em 0.25em 0em 0em;
  width: auto;
  height: 10em;
  vertical-align: middle; }

/*--------------
   Inline Date
---------------*/
/* Date inside Summary */
.ui.feed > .event > .content .summary > .date {
  display: inline-block;
  float: none;
  font-weight: normal;
  font-size: 0.85714286em;
  font-style: normal;
  margin: 0em 0em 0em 0.5em;
  padding: 0em;
  color: rgba(0, 0, 0, 0.4); }

/*--------------
  Extra Summary
---------------*/
.ui.feed > .event > .content .extra {
  margin: 0.5em 0em 0em;
  background: none;
  padding: 0em;
  color: #212128; }

/* Images */
.ui.feed > .event > .content .extra.images img {
  display: inline-block;
  margin: 0em 0.25em 0em 0em;
  width: 6em; }

/* Text */
.ui.feed > .event > .content .extra.text {
  padding: 0em;
  border-left: none;
  font-size: 1em;
  max-width: 500px;
  line-height: 1.4285em; }

/*--------------
      Meta
---------------*/
.ui.feed > .event > .content .meta {
  display: inline-block;
  font-size: 0.85714286em;
  margin: 0.5em 0em 0em;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0em;
  color: rgba(0, 0, 0, 0.6); }

.ui.feed > .event > .content .meta > * {
  position: relative;
  margin-left: 0.75em; }

.ui.feed > .event > .content .meta > *:after {
  content: "";
  color: rgba(0, 0, 0, 0.2);
  top: 0em;
  left: -1em;
  opacity: 1;
  position: absolute;
  vertical-align: top; }

.ui.feed > .event > .content .meta .like {
  color: "";
  transition: 0.2s color ease; }

.ui.feed > .event > .content .meta .like:hover .icon {
  color: #FF2733; }

.ui.feed > .event > .content .meta .active.like .icon {
  color: #EF404A; }

/* First element */
.ui.feed > .event > .content .meta > :first-child {
  margin-left: 0em; }

.ui.feed > .event > .content .meta > :first-child::after {
  display: none; }

/* Action */
.ui.feed > .event > .content .meta a,
.ui.feed > .event > .content .meta > .icon {
  cursor: pointer;
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.1s ease; }

.ui.feed > .event > .content .meta a:hover,
.ui.feed > .event > .content .meta a:hover .icon,
.ui.feed > .event > .content .meta > .icon:hover {
  color: rgba(0, 0, 0, 0.95); }

/*******************************
            Variations
*******************************/
.ui.small.feed {
  font-size: 0.92857143rem; }

.ui.feed {
  font-size: 1rem; }

.ui.large.feed {
  font-size: 1.14285714rem; }

/*!
 * # Semantic UI - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Flag
*******************************/
/*-------------------
       Element
--------------------*/
/*******************************
             Flag
*******************************/
i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  vertical-align: baseline;
  margin: 0em 0.5em 0em 0em;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  backface-visibility: hidden; }

/* Sprite */
i.flag:not(.icon):before {
  display: inline-block;
  content: '';
  background: url(/semantic_ui/themes/default/assets/images/flags.png) no-repeat -108px -1976px;
  width: 16px;
  height: 11px; }

/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
         Theme Overrides
*******************************/
i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0px 0px; }

i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
  background-position: 0px -26px; }

i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0px -52px; }

i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0px -78px; }

i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0px -104px; }

i.flag.al:before,
i.flag.albania:before {
  background-position: 0px -130px; }

i.flag.am:before,
i.flag.armenia:before {
  background-position: 0px -156px; }

i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0px -182px; }

i.flag.ao:before,
i.flag.angola:before {
  background-position: 0px -208px; }

i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0px -234px; }

i.flag.as:before,
i.flag.american.samoa:before {
  background-position: 0px -260px; }

i.flag.at:before,
i.flag.austria:before {
  background-position: 0px -286px; }

i.flag.au:before,
i.flag.australia:before {
  background-position: 0px -312px; }

i.flag.aw:before,
i.flag.aruba:before {
  background-position: 0px -338px; }

i.flag.ax:before,
i.flag.aland.islands:before {
  background-position: 0px -364px; }

i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0px -390px; }

i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0px -416px; }

i.flag.bb:before,
i.flag.barbados:before {
  background-position: 0px -442px; }

i.flag.bd:before,
i.flag.bangladesh:before {
  background-position: 0px -468px; }

i.flag.be:before,
i.flag.belgium:before {
  background-position: 0px -494px; }

i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0px -520px; }

i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0px -546px; }

i.flag.bh:before,
i.flag.bahrain:before {
  background-position: 0px -572px; }

i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0px -598px; }

i.flag.bj:before,
i.flag.benin:before {
  background-position: 0px -624px; }

i.flag.bm:before,
i.flag.bermuda:before {
  background-position: 0px -650px; }

i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0px -676px; }

i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0px -702px; }

i.flag.br:before,
i.flag.brazil:before {
  background-position: 0px -728px; }

i.flag.bs:before,
i.flag.bahamas:before {
  background-position: 0px -754px; }

i.flag.bt:before,
i.flag.bhutan:before {
  background-position: 0px -780px; }

i.flag.bv:before,
i.flag.bouvet.island:before {
  background-position: 0px -806px; }

i.flag.bw:before,
i.flag.botswana:before {
  background-position: 0px -832px; }

i.flag.by:before,
i.flag.belarus:before {
  background-position: 0px -858px; }

i.flag.bz:before,
i.flag.belize:before {
  background-position: 0px -884px; }

i.flag.ca:before,
i.flag.canada:before {
  background-position: 0px -910px; }

i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0px -962px; }

i.flag.cd:before,
i.flag.congo:before {
  background-position: 0px -988px; }

i.flag.cf:before,
i.flag.central.african.republic:before {
  background-position: 0px -1014px; }

i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0px -1040px; }

i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0px -1066px; }

i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0px -1092px; }

i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0px -1118px; }

i.flag.cl:before,
i.flag.chile:before {
  background-position: 0px -1144px; }

i.flag.cm:before,
i.flag.cameroon:before {
  background-position: 0px -1170px; }

i.flag.cn:before,
i.flag.china:before {
  background-position: 0px -1196px; }

i.flag.co:before,
i.flag.colombia:before {
  background-position: 0px -1222px; }

i.flag.cr:before,
i.flag.costa.rica:before {
  background-position: 0px -1248px; }

i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0px -1274px; }

i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0px -1300px; }

i.flag.cv:before,
i.flag.cape.verde:before {
  background-position: 0px -1326px; }

i.flag.cx:before,
i.flag.christmas.island:before {
  background-position: 0px -1352px; }

i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0px -1378px; }

i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0px -1404px; }

i.flag.de:before,
i.flag.germany:before {
  background-position: 0px -1430px; }

i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0px -1456px; }

i.flag.dk:before,
i.flag.denmark:before {
  background-position: 0px -1482px; }

i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0px -1508px; }

i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0px -1534px; }

i.flag.dz:before,
i.flag.algeria:before {
  background-position: 0px -1560px; }

i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0px -1586px; }

i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0px -1612px; }

i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0px -1638px; }

i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0px -1664px; }

i.flag.gb.eng:before,
i.flag.england:before {
  background-position: 0px -1690px; }

i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0px -1716px; }

i.flag.es:before,
i.flag.spain:before {
  background-position: 0px -1742px; }

i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0px -1768px; }

i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0px -1794px; }

i.flag.fi:before,
i.flag.finland:before {
  background-position: 0px -1846px; }

i.flag.fj:before,
i.flag.fiji:before {
  background-position: 0px -1872px; }

i.flag.fk:before,
i.flag.falkland.islands:before {
  background-position: 0px -1898px; }

i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0px -1924px; }

i.flag.fo:before,
i.flag.faroe.islands:before {
  background-position: 0px -1950px; }

i.flag.fr:before,
i.flag.france:before {
  background-position: 0px -1976px; }

i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0px; }

i.flag.gb:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px; }

i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px; }

i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px; }

i.flag.gf:before,
i.flag.french.guiana:before {
  background-position: -36px -104px; }

i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px; }

i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px; }

i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px; }

i.flag.gm:before,
i.flag.gambia:before {
  background-position: -36px -208px; }

i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px; }

i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px; }

i.flag.gq:before,
i.flag.equatorial.guinea:before {
  background-position: -36px -286px; }

i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px; }

i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px; }

i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px; }

i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px; }

i.flag.gw:before,
i.flag.guinea-bissau:before {
  background-position: -36px -416px; }

i.flag.gy:before,
i.flag.guyana:before {
  background-position: -36px -442px; }

i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px; }

i.flag.hm:before,
i.flag.heard.island:before {
  background-position: -36px -494px; }

i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px; }

i.flag.hr:before,
i.flag.croatia:before {
  background-position: -36px -546px; }

i.flag.ht:before,
i.flag.haiti:before {
  background-position: -36px -572px; }

i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px; }

i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px; }

i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px; }

i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px; }

i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px; }

i.flag.io:before,
i.flag.indian.ocean.territory:before {
  background-position: -36px -728px; }

i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px; }

i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px; }

i.flag.is:before,
i.flag.iceland:before {
  background-position: -36px -806px; }

i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px; }

i.flag.jm:before,
i.flag.jamaica:before {
  background-position: -36px -858px; }

i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px; }

i.flag.jp:before,
i.flag.japan:before {
  background-position: -36px -910px; }

i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px; }

i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px; }

i.flag.kh:before,
i.flag.cambodia:before {
  background-position: -36px -988px; }

i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px; }

i.flag.km:before,
i.flag.comoros:before {
  background-position: -36px -1040px; }

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px; }

i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px; }

i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px; }

i.flag.kw:before,
i.flag.kuwait:before {
  background-position: -36px -1144px; }

i.flag.ky:before,
i.flag.cayman.islands:before {
  background-position: -36px -1170px; }

i.flag.kz:before,
i.flag.kazakhstan:before {
  background-position: -36px -1196px; }

i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px; }

i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px; }

i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px; }

i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px; }

i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px; }

i.flag.lr:before,
i.flag.liberia:before {
  background-position: -36px -1352px; }

i.flag.ls:before,
i.flag.lesotho:before {
  background-position: -36px -1378px; }

i.flag.lt:before,
i.flag.lithuania:before {
  background-position: -36px -1404px; }

i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px; }

i.flag.lv:before,
i.flag.latvia:before {
  background-position: -36px -1456px; }

i.flag.ly:before,
i.flag.libya:before {
  background-position: -36px -1482px; }

i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px; }

i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px; }

i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px; }

i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px; }

i.flag.mg:before,
i.flag.madagascar:before {
  background-position: -36px -1613px; }

i.flag.mh:before,
i.flag.marshall.islands:before {
  background-position: -36px -1639px; }

i.flag.mk:before,
i.flag.macedonia:before {
  background-position: -36px -1665px; }

i.flag.ml:before,
i.flag.mali:before {
  background-position: -36px -1691px; }

i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
  background-position: -73px -1821px; }

i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px; }

i.flag.mo:before,
i.flag.macau:before {
  background-position: -36px -1769px; }

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px; }

i.flag.mq:before,
i.flag.martinique:before {
  background-position: -36px -1821px; }

i.flag.mr:before,
i.flag.mauritania:before {
  background-position: -36px -1847px; }

i.flag.ms:before,
i.flag.montserrat:before {
  background-position: -36px -1873px; }

i.flag.mt:before,
i.flag.malta:before {
  background-position: -36px -1899px; }

i.flag.mu:before,
i.flag.mauritius:before {
  background-position: -36px -1925px; }

i.flag.mv:before,
i.flag.maldives:before {
  background-position: -36px -1951px; }

i.flag.mw:before,
i.flag.malawi:before {
  background-position: -36px -1977px; }

i.flag.mx:before,
i.flag.mexico:before {
  background-position: -72px 0px; }

i.flag.my:before,
i.flag.malaysia:before {
  background-position: -72px -26px; }

i.flag.mz:before,
i.flag.mozambique:before {
  background-position: -72px -52px; }

i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px; }

i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px; }

i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px; }

i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px; }

i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px; }

i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px; }

i.flag.nl:before,
i.flag.netherlands:before {
  background-position: -72px -234px; }

i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px; }

i.flag.np:before,
i.flag.nepal:before {
  background-position: -72px -286px; }

i.flag.nr:before,
i.flag.nauru:before {
  background-position: -72px -312px; }

i.flag.nu:before,
i.flag.niue:before {
  background-position: -72px -338px; }

i.flag.nz:before,
i.flag.new.zealand:before {
  background-position: -72px -364px; }

i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px; }

i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px; }

i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px; }

i.flag.pf:before,
i.flag.french.polynesia:before {
  background-position: -72px -468px; }

i.flag.pg:before,
i.flag.new.guinea:before {
  background-position: -72px -494px; }

i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px; }

i.flag.pk:before,
i.flag.pakistan:before {
  background-position: -72px -546px; }

i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px; }

i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px; }

i.flag.pn:before,
i.flag.pitcairn.islands:before {
  background-position: -72px -624px; }

i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px; }

i.flag.ps:before,
i.flag.palestine:before {
  background-position: -72px -676px; }

i.flag.pt:before,
i.flag.portugal:before {
  background-position: -72px -702px; }

i.flag.pw:before,
i.flag.palau:before {
  background-position: -72px -728px; }

i.flag.py:before,
i.flag.paraguay:before {
  background-position: -72px -754px; }

i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px; }

i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px; }

i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px; }

i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px; }

i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px; }

i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px; }

i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px; }

i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px; }

i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px; }

i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px; }

i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px; }

i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px; }

i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px; }

i.flag.sh:before,
i.flag.saint.helena:before {
  background-position: -72px -1118px; }

i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px; }

i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
  background-position: -72px -1170px; }

i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px; }

i.flag.sl:before,
i.flag.sierra.leone:before {
  background-position: -72px -1222px; }

i.flag.sm:before,
i.flag.san.marino:before {
  background-position: -72px -1248px; }

i.flag.sn:before,
i.flag.senegal:before {
  background-position: -72px -1274px; }

i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px; }

i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px; }

i.flag.st:before,
i.flag.sao.tome:before {
  background-position: -72px -1352px; }

i.flag.sv:before,
i.flag.el.salvador:before {
  background-position: -72px -1378px; }

i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px; }

i.flag.sz:before,
i.flag.swaziland:before {
  background-position: -72px -1430px; }

i.flag.tc:before,
i.flag.caicos.islands:before {
  background-position: -72px -1456px; }

i.flag.td:before,
i.flag.chad:before {
  background-position: -72px -1482px; }

i.flag.tf:before,
i.flag.french.territories:before {
  background-position: -72px -1508px; }

i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px; }

i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px; }

i.flag.tj:before,
i.flag.tajikistan:before {
  background-position: -72px -1586px; }

i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px; }

i.flag.tl:before,
i.flag.timorleste:before {
  background-position: -72px -1638px; }

i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px; }

i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px; }

i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px; }

i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px; }

i.flag.tt:before,
i.flag.trinidad:before {
  background-position: -72px -1768px; }

i.flag.tv:before,
i.flag.tuvalu:before {
  background-position: -72px -1794px; }

i.flag.tw:before,
i.flag.taiwan:before {
  background-position: -72px -1820px; }

i.flag.tz:before,
i.flag.tanzania:before {
  background-position: -72px -1846px; }

i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px; }

i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px; }

i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px; }

i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
  background-position: -72px -1950px; }

i.flag.uy:before,
i.flag.uruguay:before {
  background-position: -72px -1976px; }

i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0px; }

i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px; }

i.flag.vc:before,
i.flag.saint.vincent:before {
  background-position: -108px -52px; }

i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px; }

i.flag.vg:before,
i.flag.british.virgin.islands:before {
  background-position: -108px -104px; }

i.flag.vi:before,
i.flag.us.virgin.islands:before {
  background-position: -108px -130px; }

i.flag.vn:before,
i.flag.vietnam:before {
  background-position: -108px -156px; }

i.flag.vu:before,
i.flag.vanuatu:before {
  background-position: -108px -182px; }

i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px; }

i.flag.wf:before,
i.flag.wallis.and.futuna:before {
  background-position: -108px -234px; }

i.flag.ws:before,
i.flag.samoa:before {
  background-position: -108px -260px; }

i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px; }

i.flag.yt:before,
i.flag.mayotte:before {
  background-position: -108px -312px; }

i.flag.za:before,
i.flag.south.africa:before {
  background-position: -108px -338px; }

i.flag.zm:before,
i.flag.zambia:before {
  background-position: -108px -364px; }

i.flag.zw:before,
i.flag.zimbabwe:before {
  background-position: -108px -390px; }

/*!
 * # Semantic UI - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Form
*******************************/
/*-------------------
       Elements
--------------------*/
/* Form */
/* Text */
/* Field */
/* Fields */
/* Form Label */
/* Input */
/* Select */
/* Text Area */
/* Checkbox */
/* Errored Input */
/* Inline Validation Prompt */
/*-------------------
        States
--------------------*/
/* Focus */
/* Input Focus */
/* Text Area Focus */
/* Disabled */
/* AutoFill */
/* Input Error */
/* Dropdown Error */
/* Focused Error */
/* Placeholder Error */
/* Loading Dimmer */
/* Loading Spinner */
/*-------------------
        Types
--------------------*/
/* Required */
/* Inverted */
/*-------------------
      Variations
--------------------*/
/* Grouped Fields */
/* Inline */
/*-------------------
       Groups
--------------------*/
/*******************************
            Elements
*******************************/
/*--------------------
        Form
---------------------*/
.ui.form {
  position: relative;
  max-width: 100%; }

/*--------------------
        Content
---------------------*/
.ui.form > p {
  margin: 1em 0em; }

/*--------------------
        Field
---------------------*/
.ui.form .field {
  clear: both;
  margin: 0em 0em 1em; }

.ui.form .field:last-child,
.ui.form .fields:last-child .field {
  margin-bottom: 0em; }

.ui.form .fields .field {
  clear: both;
  margin: 0em; }

/*--------------------
        Labels
---------------------*/
.ui.form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: #212128;
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none; }

/*--------------------
    Standard Inputs
---------------------*/
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
  width: 100%;
  vertical-align: top; }

/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
  height: 1.21428571em; }

.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
  font-family: "Inter", Arial, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.21428571em;
  padding: 0.678571435em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: #212128;
  border-radius: 0.3571428571rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  transition: color 0.1s ease, border-color 0.1s ease; }

/* Text Area */
.ui.form textarea {
  margin: 0em;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: #212128;
  border-radius: 0.3571428571rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  line-height: 1.2857;
  resize: vertical; }

.ui.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em; }

.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: top; }

/*--------------------------
  Input w/ attached Button
---------------------------*/
.ui.form input.attached {
  width: auto; }

/*--------------------
     Basic Select
---------------------*/
.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.3571428571rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 1em;
  color: #212128;
  transition: color 0.1s ease, border-color 0.1s ease; }

/*--------------------
       Dropdown
---------------------*/
/* Block */
.ui.form .field > .selection.dropdown {
  width: 100%; }

.ui.form .field > .selection.dropdown > .dropdown.icon {
  float: right; }

/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
  width: auto; }

.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
  float: none; }

/*--------------------
       UI Input
---------------------*/
/* Block */
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
  width: 100%; }

/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
  width: auto;
  vertical-align: middle; }

/* Auto Input */
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
  width: auto; }

/* Full Width Input */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
  flex: 1 0 auto;
  width: 0px; }

/*--------------------
   Types of Messages
---------------------*/
.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
  display: none; }

/* Assumptions */
.ui.form .message:first-child {
  margin-top: 0px; }

/*--------------------
   Validation Prompt
---------------------*/
.ui.form .field .prompt.label {
  white-space: normal;
  background: #FFFFFF !important;
  border: 1px solid #E0B4B4 !important;
  color: #9F3A38 !important; }

.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0em -0.5em 0.5em; }

.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
  border-width: 0px 0px 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em; }

/*******************************
            States
*******************************/
/*--------------------
      Autofilled
---------------------*/
.ui.form .field.field input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #E5DFA1 !important; }

/* Focus */
.ui.form .field.field input:-webkit-autofill:focus {
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #D5C315 !important; }

/* Error */
.ui.form .error.error input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
  border-color: #E0B4B4 !important; }

/*--------------------
      Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
  color: #e1e1e6; }

.ui.form :-ms-input-placeholder {
  color: #e1e1e6; }

.ui.form ::-moz-placeholder {
  color: #e1e1e6; }

.ui.form :focus::-webkit-input-placeholder {
  color: #8d8da1; }

.ui.form :focus:-ms-input-placeholder {
  color: #8d8da1; }

.ui.form :focus::-moz-placeholder {
  color: #8d8da1; }

/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #e7bdbc; }

.ui.form .error :-ms-input-placeholder {
  color: #e7bdbc !important; }

.ui.form .error ::-moz-placeholder {
  color: #e7bdbc; }

.ui.form .error :focus::-webkit-input-placeholder {
  color: #da9796; }

.ui.form .error :focus:-ms-input-placeholder {
  color: #da9796 !important; }

.ui.form .error :focus::-moz-placeholder {
  color: #da9796; }

/*--------------------
        Focus
---------------------*/
.ui.form input:not([type]):focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #80808C;
  border-radius: 0.3571428571rem;
  background: #FFFFFF;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; }

.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #80808C;
  border-radius: 0.3571428571rem;
  background: #FFFFFF;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  -webkit-appearance: none; }

/*--------------------
        Success
---------------------*/
/* On Form */
.ui.form.success .success.message:not(:empty) {
  display: block; }

.ui.form.success .compact.success.message:not(:empty) {
  display: inline-block; }

.ui.form.success .icon.success.message:not(:empty) {
  display: flex; }

/*--------------------
        Warning
---------------------*/
/* On Form */
.ui.form.warning .warning.message:not(:empty) {
  display: block; }

.ui.form.warning .compact.warning.message:not(:empty) {
  display: inline-block; }

.ui.form.warning .icon.warning.message:not(:empty) {
  display: flex; }

/*--------------------
        Error
---------------------*/
/* On Form */
.ui.form.error .error.message:not(:empty) {
  display: block; }

.ui.form.error .compact.error.message:not(:empty) {
  display: inline-block; }

.ui.form.error .icon.error.message:not(:empty) {
  display: flex; }

/* On Field(s) */
.ui.form .fields.error .field label,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .field.error .input {
  color: #9F3A38; }

.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: #9F3A38;
  color: #FFFFFF; }

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="url"] {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  border-radius: "";
  box-shadow: none; }

.ui.form .field.error textarea:focus,
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="url"]:focus {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-appearance: none;
  box-shadow: none; }

/* Preserve Native Select Stylings */
.ui.form .field.error select {
  -webkit-appearance: menulist-button; }

/*------------------
    Dropdown Error
--------------------*/
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
  background: #FFF6F6;
  color: #9F3A38; }

.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
  border-color: #E0B4B4 !important; }

.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
  border-color: #E0B4B4 !important; }

.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #E0B4B4; }

.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: #9F3A38; }

/* Hover */
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #FBE7E7; }

/* Selected */
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item {
  background-color: #FBE7E7; }

/* Active */
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #FDCFCF !important; }

/*--------------------
    Checkbox Error
---------------------*/
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
  color: #9F3A38; }

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  background: #FFF6F6;
  border-color: #E0B4B4; }

.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
  color: #9F3A38; }

/*--------------------
       Disabled
---------------------*/
.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
  pointer-events: none;
  opacity: 0.45; }

.ui.form .field.disabled > label,
.ui.form .fields.disabled > label {
  opacity: 0.45; }

.ui.form .field.disabled :disabled {
  opacity: 1; }

/*--------------
    Loading
---------------*/
.ui.loading.form {
  position: relative;
  cursor: default;
  pointer-events: none; }

.ui.loading.form:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100; }

.ui.loading.form:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 3em;
  height: 3em;
  animation: form-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #80808C 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;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101; }

@keyframes form-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/*******************************
         Element Types
*******************************/
/*--------------------
     Required Field
---------------------*/
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: "*";
  color: #D14F4F; }

.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after {
  display: inline-block;
  vertical-align: top; }

.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  position: absolute;
  top: 0%;
  left: 100%; }

/*******************************
           Variations
*******************************/
/*--------------------
    Inverted Colors
---------------------*/
.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .inline.fields > label,
.ui.inverted.form .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
.ui.inverted.form .inline.field > label,
.ui.inverted.form .inline.field > p {
  color: rgba(255, 255, 255, 0.9); }

/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="file"],
.ui.inverted.form input[type="url"] {
  background: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
  color: #212128;
  box-shadow: none; }

/*--------------------
     Field Groups
---------------------*/
/* Grouped Vertically */
.ui.form .grouped.fields {
  display: block;
  margin: 0em 0em 1em; }

.ui.form .grouped.fields:last-child {
  margin-bottom: 0em; }

.ui.form .grouped.fields > label {
  margin: 0em 0em 0.28571429rem 0em;
  color: #212128;
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none; }

.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0em;
  padding: 0em; }

/*--------------------
        Fields
---------------------*/
/* Split fields */
.ui.form .fields {
  display: flex;
  flex-direction: row;
  margin: 0em -0.5em 1em; }

.ui.form .fields > .field {
  flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em; }

.ui.form .fields > .field:first-child {
  border-left: none;
  box-shadow: none; }

/* Other Combinations */
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
  width: 50%; }

.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
  width: 33.3333333333%; }

.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
  width: 25%; }

.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
  width: 20%; }

.ui.form .six.fields > .fields,
.ui.form .six.fields > .field {
  width: 16.6666666667%; }

.ui.form .seven.fields > .fields,
.ui.form .seven.fields > .field {
  width: 14.2857142857%; }

.ui.form .eight.fields > .fields,
.ui.form .eight.fields > .field {
  width: 12.5%; }

.ui.form .nine.fields > .fields,
.ui.form .nine.fields > .field {
  width: 11.1111111111%; }

.ui.form .ten.fields > .fields,
.ui.form .ten.fields > .field {
  width: 10%; }

/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form .fields {
    flex-wrap: wrap; }
  .ui.form[class*="equal width"]:not(.unstackable) .fields > .field,
  .ui.form:not(.unstackable) .fields[class*="equal width"]:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field {
    width: 100% !important;
    margin: 0em 0em 1em; } }

/* Sizing Combinations */
.ui.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em; }

.ui.form .one.wide.field {
  width: 6.25% !important; }

.ui.form .two.wide.field {
  width: 12.5% !important; }

.ui.form .three.wide.field {
  width: 18.75% !important; }

.ui.form .four.wide.field {
  width: 25% !important; }

.ui.form .five.wide.field {
  width: 31.25% !important; }

.ui.form .six.wide.field {
  width: 37.5% !important; }

.ui.form .seven.wide.field {
  width: 43.75% !important; }

.ui.form .eight.wide.field {
  width: 50% !important; }

.ui.form .nine.wide.field {
  width: 56.25% !important; }

.ui.form .ten.wide.field {
  width: 62.5% !important; }

.ui.form .eleven.wide.field {
  width: 68.75% !important; }

.ui.form .twelve.wide.field {
  width: 75% !important; }

.ui.form .thirteen.wide.field {
  width: 81.25% !important; }

.ui.form .fourteen.wide.field {
  width: 87.5% !important; }

.ui.form .fifteen.wide.field {
  width: 93.75% !important; }

.ui.form .sixteen.wide.field {
  width: 100% !important; }

/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field {
    width: 100% !important; }
  .ui.form .fields {
    margin-bottom: 0em; } }

/*--------------------
     Equal Width
---------------------*/
.ui.form[class*="equal width"] .fields > .field,
.ui.form .fields[class*="equal width"] > .field {
  width: 100%;
  flex: 1 1 auto; }

/*--------------------
    Inline Fields
---------------------*/
.ui.form .inline.fields {
  margin: 0em 0em 1em;
  align-items: center; }

.ui.form .inline.fields .field {
  margin: 0em;
  padding: 0em 1em 0em 0em; }

/* Inline Label */
.ui.form .inline.fields > label,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.field > label,
.ui.form .inline.field > p {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: baseline;
  font-size: 0.92857143em;
  font-weight: bold;
  color: #212128;
  text-transform: none; }

/* Grouped Inline Label */
.ui.form .inline.fields > label {
  margin: 0.035714em 1em 0em 0em; }

/* Inline Input */
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.field > input,
.ui.form .inline.field > select {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: middle;
  font-size: 1em; }

/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0em 0.85714286em 0em 0em; }

.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0em; }

/* Wide */
.ui.form .inline.fields .wide.field {
  display: flex;
  align-items: center; }

.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select {
  width: 100%; }

/*--------------------
        Sizes
---------------------*/
.ui.mini.form {
  font-size: 0.78571429rem; }

.ui.tiny.form {
  font-size: 0.85714286rem; }

.ui.small.form {
  font-size: 0.92857143rem; }

.ui.form {
  font-size: 1rem; }

.ui.large.form {
  font-size: 1.14285714rem; }

.ui.big.form {
  font-size: 1.28571429rem; }

.ui.huge.form {
  font-size: 1.42857143rem; }

.ui.massive.form {
  font-size: 1.71428571rem; }

/*!
 * # Semantic UI - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Grid
*******************************/
/* Inherited From Site */
/*******************************
            Grid
*******************************/
/*******************************
           Variations
*******************************/
/*--------------
     Relaxed
---------------*/
/*--------------
     Divided
---------------*/
/*--------------
    Celled
---------------*/
/*--------------
    Stackable
---------------*/
/*******************************
             Legacy
*******************************/
/*--------------
     Page
---------------*/
/* Legacy (DO NOT USE)
 */
/*******************************
            Standard
*******************************/
.ui.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  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.grid[class*="very relaxed"] {
  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: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: inherit;
  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 {
  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 {
  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.grid[class*="one column"] > .row > .column,
.ui.grid[class*="one column"] > .column:not(.row) {
  width: 100%; }

.ui.grid[class*="two column"] > .row > .column,
.ui.grid[class*="two column"] > .column:not(.row) {
  width: 50%; }

.ui.grid[class*="three column"] > .row > .column,
.ui.grid[class*="three column"] > .column:not(.row) {
  width: 33.3333333333%; }

.ui.grid[class*="four column"] > .row > .column,
.ui.grid[class*="four column"] > .column:not(.row) {
  width: 25%; }

.ui.grid[class*="five column"] > .row > .column,
.ui.grid[class*="five column"] > .column:not(.row) {
  width: 20%; }

.ui.grid[class*="six column"] > .row > .column,
.ui.grid[class*="six column"] > .column:not(.row) {
  width: 16.6666666667%; }

.ui.grid[class*="seven column"] > .row > .column,
.ui.grid[class*="seven column"] > .column:not(.row) {
  width: 14.2857142857%; }

.ui.grid[class*="eight column"] > .row > .column,
.ui.grid[class*="eight column"] > .column:not(.row) {
  width: 12.5%; }

.ui.grid[class*="nine column"] > .row > .column,
.ui.grid[class*="nine column"] > .column:not(.row) {
  width: 11.1111111111%; }

.ui.grid[class*="ten column"] > .row > .column,
.ui.grid[class*="ten column"] > .column:not(.row) {
  width: 10%; }

.ui.grid[class*="eleven column"] > .row > .column,
.ui.grid[class*="eleven column"] > .column:not(.row) {
  width: 9.0909090909%; }

.ui.grid[class*="twelve column"] > .row > .column,
.ui.grid[class*="twelve column"] > .column:not(.row) {
  width: 8.3333333333%; }

.ui.grid[class*="thirteen column"] > .row > .column,
.ui.grid[class*="thirteen column"] > .column:not(.row) {
  width: 7.6923076923%; }

.ui.grid[class*="fourteen column"] > .row > .column,
.ui.grid[class*="fourteen column"] > .column:not(.row) {
  width: 7.1428571429%; }

.ui.grid[class*="fifteen column"] > .row > .column,
.ui.grid[class*="fifteen column"] > .column:not(.row) {
  width: 6.6666666667%; }

.ui.grid[class*="sixteen column"] > .row > .column,
.ui.grid[class*="sixteen column"] > .column:not(.row) {
  width: 6.25%; }

/* Row Based Overrides */
.ui.grid > .row[class*="one column"] > .column {
  width: 100% !important; }

.ui.grid > .row[class*="two column"] > .column {
  width: 50% !important; }

.ui.grid > .row[class*="three column"] > .column {
  width: 33.3333333333% !important; }

.ui.grid > .row[class*="four column"] > .column {
  width: 25% !important; }

.ui.grid > .row[class*="five column"] > .column {
  width: 20% !important; }

.ui.grid > .row[class*="six column"] > .column {
  width: 16.6666666667% !important; }

.ui.grid > .row[class*="seven column"] > .column {
  width: 14.2857142857% !important; }

.ui.grid > .row[class*="eight column"] > .column {
  width: 12.5% !important; }

.ui.grid > .row[class*="nine column"] > .column {
  width: 11.1111111111% !important; }

.ui.grid > .row[class*="ten column"] > .column {
  width: 10% !important; }

.ui.grid > .row[class*="eleven column"] > .column {
  width: 9.0909090909% !important; }

.ui.grid > .row[class*="twelve column"] > .column {
  width: 8.3333333333% !important; }

.ui.grid > .row[class*="thirteen column"] > .column {
  width: 7.6923076923% !important; }

.ui.grid > .row[class*="fourteen column"] > .column {
  width: 7.1428571429% !important; }

.ui.grid > .row[class*="fifteen column"] > .column {
  width: 6.6666666667% !important; }

.ui.grid > .row[class*="sixteen column"] > .column {
  width: 6.25% !important; }

/* Celled Page */
.ui.celled.page.grid {
  box-shadow: none; }

/*-------------------
    Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > .column[class*="one wide"],
.ui.grid > .column.row > .column[class*="one wide"],
.ui.grid > .column[class*="one wide"],
.ui.column.grid > .column[class*="one wide"] {
  width: 6.25% !important; }

.ui.grid > .row > .column[class*="two wide"],
.ui.grid > .column.row > .column[class*="two wide"],
.ui.grid > .column[class*="two wide"],
.ui.column.grid > .column[class*="two wide"] {
  width: 12.5% !important; }

.ui.grid > .row > .column[class*="three wide"],
.ui.grid > .column.row > .column[class*="three wide"],
.ui.grid > .column[class*="three wide"],
.ui.column.grid > .column[class*="three wide"] {
  width: 18.75% !important; }

.ui.grid > .row > .column[class*="four wide"],
.ui.grid > .column.row > .column[class*="four wide"],
.ui.grid > .column[class*="four wide"],
.ui.column.grid > .column[class*="four wide"] {
  width: 25% !important; }

.ui.grid > .row > .column[class*="five wide"],
.ui.grid > .column.row > .column[class*="five wide"],
.ui.grid > .column[class*="five wide"],
.ui.column.grid > .column[class*="five wide"] {
  width: 31.25% !important; }

.ui.grid > .row > .column[class*="six wide"],
.ui.grid > .column.row > .column[class*="six wide"],
.ui.grid > .column[class*="six wide"],
.ui.column.grid > .column[class*="six wide"] {
  width: 37.5% !important; }

.ui.grid > .row > .column[class*="seven wide"],
.ui.grid > .column.row > .column[class*="seven wide"],
.ui.grid > .column[class*="seven wide"],
.ui.column.grid > .column[class*="seven wide"] {
  width: 43.75% !important; }

.ui.grid > .row > .column[class*="eight wide"],
.ui.grid > .column.row > .column[class*="eight wide"],
.ui.grid > .column[class*="eight wide"],
.ui.column.grid > .column[class*="eight wide"] {
  width: 50% !important; }

.ui.grid > .row > .column[class*="nine wide"],
.ui.grid > .column.row > .column[class*="nine wide"],
.ui.grid > .column[class*="nine wide"],
.ui.column.grid > .column[class*="nine wide"] {
  width: 56.25% !important; }

.ui.grid > .row > .column[class*="ten wide"],
.ui.grid > .column.row > .column[class*="ten wide"],
.ui.grid > .column[class*="ten wide"],
.ui.column.grid > .column[class*="ten wide"] {
  width: 62.5% !important; }

.ui.grid > .row > .column[class*="eleven wide"],
.ui.grid > .column.row > .column[class*="eleven wide"],
.ui.grid > .column[class*="eleven wide"],
.ui.column.grid > .column[class*="eleven wide"] {
  width: 68.75% !important; }

.ui.grid > .row > .column[class*="twelve wide"],
.ui.grid > .column.row > .column[class*="twelve wide"],
.ui.grid > .column[class*="twelve wide"],
.ui.column.grid > .column[class*="twelve wide"] {
  width: 75% !important; }

.ui.grid > .row > .column[class*="thirteen wide"],
.ui.grid > .column.row > .column[class*="thirteen wide"],
.ui.grid > .column[class*="thirteen wide"],
.ui.column.grid > .column[class*="thirteen wide"] {
  width: 81.25% !important; }

.ui.grid > .row > .column[class*="fourteen wide"],
.ui.grid > .column.row > .column[class*="fourteen wide"],
.ui.grid > .column[class*="fourteen wide"],
.ui.column.grid > .column[class*="fourteen wide"] {
  width: 87.5% !important; }

.ui.grid > .row > .column[class*="fifteen wide"],
.ui.grid > .column.row > .column[class*="fifteen wide"],
.ui.grid > .column[class*="fifteen wide"],
.ui.column.grid > .column[class*="fifteen wide"] {
  width: 93.75% !important; }

.ui.grid > .row > .column[class*="sixteen wide"],
.ui.grid > .column.row > .column[class*="sixteen wide"],
.ui.grid > .column[class*="sixteen wide"],
.ui.column.grid > .column[class*="sixteen wide"] {
  width: 100% !important; }

/*----------------------
    Width per Device
-----------------------*/
/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ui.grid > .row > .column[class*="one wide mobile"],
  .ui.grid > .column.row > .column[class*="one wide mobile"],
  .ui.grid > .column[class*="one wide mobile"],
  .ui.column.grid > .column[class*="one wide mobile"] {
    width: 6.25% !important; }
  .ui.grid > .row > .column[class*="two wide mobile"],
  .ui.grid > .column.row > .column[class*="two wide mobile"],
  .ui.grid > .column[class*="two wide mobile"],
  .ui.column.grid > .column[class*="two wide mobile"] {
    width: 12.5% !important; }
  .ui.grid > .row > .column[class*="three wide mobile"],
  .ui.grid > .column.row > .column[class*="three wide mobile"],
  .ui.grid > .column[class*="three wide mobile"],
  .ui.column.grid > .column[class*="three wide mobile"] {
    width: 18.75% !important; }
  .ui.grid > .row > .column[class*="four wide mobile"],
  .ui.grid > .column.row > .column[class*="four wide mobile"],
  .ui.grid > .column[class*="four wide mobile"],
  .ui.column.grid > .column[class*="four wide mobile"] {
    width: 25% !important; }
  .ui.grid > .row > .column[class*="five wide mobile"],
  .ui.grid > .column.row > .column[class*="five wide mobile"],
  .ui.grid > .column[class*="five wide mobile"],
  .ui.column.grid > .column[class*="five wide mobile"] {
    width: 31.25% !important; }
  .ui.grid > .row > .column[class*="six wide mobile"],
  .ui.grid > .column.row > .column[class*="six wide mobile"],
  .ui.grid > .column[class*="six wide mobile"],
  .ui.column.grid > .column[class*="six wide mobile"] {
    width: 37.5% !important; }
  .ui.grid > .row > .column[class*="seven wide mobile"],
  .ui.grid > .column.row > .column[class*="seven wide mobile"],
  .ui.grid > .column[class*="seven wide mobile"],
  .ui.column.grid > .column[class*="seven wide mobile"] {
    width: 43.75% !important; }
  .ui.grid > .row > .column[class*="eight wide mobile"],
  .ui.grid > .column.row > .column[class*="eight wide mobile"],
  .ui.grid > .column[class*="eight wide mobile"],
  .ui.column.grid > .column[class*="eight wide mobile"] {
    width: 50% !important; }
  .ui.grid > .row > .column[class*="nine wide mobile"],
  .ui.grid > .column.row > .column[class*="nine wide mobile"],
  .ui.grid > .column[class*="nine wide mobile"],
  .ui.column.grid > .column[class*="nine wide mobile"] {
    width: 56.25% !important; }
  .ui.grid > .row > .column[class*="ten wide mobile"],
  .ui.grid > .column.row > .column[class*="ten wide mobile"],
  .ui.grid > .column[class*="ten wide mobile"],
  .ui.column.grid > .column[class*="ten wide mobile"] {
    width: 62.5% !important; }
  .ui.grid > .row > .column[class*="eleven wide mobile"],
  .ui.grid > .column.row > .column[class*="eleven wide mobile"],
  .ui.grid > .column[class*="eleven wide mobile"],
  .ui.column.grid > .column[class*="eleven wide mobile"] {
    width: 68.75% !important; }
  .ui.grid > .row > .column[class*="twelve wide mobile"],
  .ui.grid > .column.row > .column[class*="twelve wide mobile"],
  .ui.grid > .column[class*="twelve wide mobile"],
  .ui.column.grid > .column[class*="twelve wide mobile"] {
    width: 75% !important; }
  .ui.grid > .row > .column[class*="thirteen wide mobile"],
  .ui.grid > .column.row > .column[class*="thirteen wide mobile"],
  .ui.grid > .column[class*="thirteen wide mobile"],
  .ui.column.grid > .column[class*="thirteen wide mobile"] {
    width: 81.25% !important; }
  .ui.grid > .row > .column[class*="fourteen wide mobile"],
  .ui.grid > .column.row > .column[class*="fourteen wide mobile"],
  .ui.grid > .column[class*="fourteen wide mobile"],
  .ui.column.grid > .column[class*="fourteen wide mobile"] {
    width: 87.5% !important; }
  .ui.grid > .row > .column[class*="fifteen wide mobile"],
  .ui.grid > .column.row > .column[class*="fifteen wide mobile"],
  .ui.grid > .column[class*="fifteen wide mobile"],
  .ui.column.grid > .column[class*="fifteen wide mobile"] {
    width: 93.75% !important; }
  .ui.grid > .row > .column[class*="sixteen wide mobile"],
  .ui.grid > .column.row > .column[class*="sixteen wide mobile"],
  .ui.grid > .column[class*="sixteen wide mobile"],
  .ui.column.grid > .column[class*="sixteen wide mobile"] {
    width: 100% !important; } }

/* Tablet Sizing Combinations */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid > .row > .column[class*="one wide tablet"],
  .ui.grid > .column.row > .column[class*="one wide tablet"],
  .ui.grid > .column[class*="one wide tablet"],
  .ui.column.grid > .column[class*="one wide tablet"] {
    width: 6.25% !important; }
  .ui.grid > .row > .column[class*="two wide tablet"],
  .ui.grid > .column.row > .column[class*="two wide tablet"],
  .ui.grid > .column[class*="two wide tablet"],
  .ui.column.grid > .column[class*="two wide tablet"] {
    width: 12.5% !important; }
  .ui.grid > .row > .column[class*="three wide tablet"],
  .ui.grid > .column.row > .column[class*="three wide tablet"],
  .ui.grid > .column[class*="three wide tablet"],
  .ui.column.grid > .column[class*="three wide tablet"] {
    width: 18.75% !important; }
  .ui.grid > .row > .column[class*="four wide tablet"],
  .ui.grid > .column.row > .column[class*="four wide tablet"],
  .ui.grid > .column[class*="four wide tablet"],
  .ui.column.grid > .column[class*="four wide tablet"] {
    width: 25% !important; }
  .ui.grid > .row > .column[class*="five wide tablet"],
  .ui.grid > .column.row > .column[class*="five wide tablet"],
  .ui.grid > .column[class*="five wide tablet"],
  .ui.column.grid > .column[class*="five wide tablet"] {
    width: 31.25% !important; }
  .ui.grid > .row > .column[class*="six wide tablet"],
  .ui.grid > .column.row > .column[class*="six wide tablet"],
  .ui.grid > .column[class*="six wide tablet"],
  .ui.column.grid > .column[class*="six wide tablet"] {
    width: 37.5% !important; }
  .ui.grid > .row > .column[class*="seven wide tablet"],
  .ui.grid > .column.row > .column[class*="seven wide tablet"],
  .ui.grid > .column[class*="seven wide tablet"],
  .ui.column.grid > .column[class*="seven wide tablet"] {
    width: 43.75% !important; }
  .ui.grid > .row > .column[class*="eight wide tablet"],
  .ui.grid > .column.row > .column[class*="eight wide tablet"],
  .ui.grid > .column[class*="eight wide tablet"],
  .ui.column.grid > .column[class*="eight wide tablet"] {
    width: 50% !important; }
  .ui.grid > .row > .column[class*="nine wide tablet"],
  .ui.grid > .column.row > .column[class*="nine wide tablet"],
  .ui.grid > .column[class*="nine wide tablet"],
  .ui.column.grid > .column[class*="nine wide tablet"] {
    width: 56.25% !important; }
  .ui.grid > .row > .column[class*="ten wide tablet"],
  .ui.grid > .column.row > .column[class*="ten wide tablet"],
  .ui.grid > .column[class*="ten wide tablet"],
  .ui.column.grid > .column[class*="ten wide tablet"] {
    width: 62.5% !important; }
  .ui.grid > .row > .column[class*="eleven wide tablet"],
  .ui.grid > .column.row > .column[class*="eleven wide tablet"],
  .ui.grid > .column[class*="eleven wide tablet"],
  .ui.column.grid > .column[class*="eleven wide tablet"] {
    width: 68.75% !important; }
  .ui.grid > .row > .column[class*="twelve wide tablet"],
  .ui.grid > .column.row > .column[class*="twelve wide tablet"],
  .ui.grid > .column[class*="twelve wide tablet"],
  .ui.column.grid > .column[class*="twelve wide tablet"] {
    width: 75% !important; }
  .ui.grid > .row > .column[class*="thirteen wide tablet"],
  .ui.grid > .column.row > .column[class*="thirteen wide tablet"],
  .ui.grid > .column[class*="thirteen wide tablet"],
  .ui.column.grid > .column[class*="thirteen wide tablet"] {
    width: 81.25% !important; }
  .ui.grid > .row > .column[class*="fourteen wide tablet"],
  .ui.grid > .column.row > .column[class*="fourteen wide tablet"],
  .ui.grid > .column[class*="fourteen wide tablet"],
  .ui.column.grid > .column[class*="fourteen wide tablet"] {
    width: 87.5% !important; }
  .ui.grid > .row > .column[class*="fifteen wide tablet"],
  .ui.grid > .column.row > .column[class*="fifteen wide tablet"],
  .ui.grid > .column[class*="fifteen wide tablet"],
  .ui.column.grid > .column[class*="fifteen wide tablet"] {
    width: 93.75% !important; }
  .ui.grid > .row > .column[class*="sixteen wide tablet"],
  .ui.grid > .column.row > .column[class*="sixteen wide tablet"],
  .ui.grid > .column[class*="sixteen wide tablet"],
  .ui.column.grid > .column[class*="sixteen wide tablet"] {
    width: 100% !important; } }

/* Computer/Desktop Sizing Combinations */
@media only screen and (min-width: 992px) {
  .ui.grid > .row > .column[class*="one wide computer"],
  .ui.grid > .column.row > .column[class*="one wide computer"],
  .ui.grid > .column[class*="one wide computer"],
  .ui.column.grid > .column[class*="one wide computer"] {
    width: 6.25% !important; }
  .ui.grid > .row > .column[class*="two wide computer"],
  .ui.grid > .column.row > .column[class*="two wide computer"],
  .ui.grid > .column[class*="two wide computer"],
  .ui.column.grid > .column[class*="two wide computer"] {
    width: 12.5% !important; }
  .ui.grid > .row > .column[class*="three wide computer"],
  .ui.grid > .column.row > .column[class*="three wide computer"],
  .ui.grid > .column[class*="three wide computer"],
  .ui.column.grid > .column[class*="three wide computer"] {
    width: 18.75% !important; }
  .ui.grid > .row > .column[class*="four wide computer"],
  .ui.grid > .column.row > .column[class*="four wide computer"],
  .ui.grid > .column[class*="four wide computer"],
  .ui.column.grid > .column[class*="four wide computer"] {
    width: 25% !important; }
  .ui.grid > .row > .column[class*="five wide computer"],
  .ui.grid > .column.row > .column[class*="five wide computer"],
  .ui.grid > .column[class*="five wide computer"],
  .ui.column.grid > .column[class*="five wide computer"] {
    width: 31.25% !important; }
  .ui.grid > .row > .column[class*="six wide computer"],
  .ui.grid > .column.row > .column[class*="six wide computer"],
  .ui.grid > .column[class*="six wide computer"],
  .ui.column.grid > .column[class*="six wide computer"] {
    width: 37.5% !important; }
  .ui.grid > .row > .column[class*="seven wide computer"],
  .ui.grid > .column.row > .column[class*="seven wide computer"],
  .ui.grid > .column[class*="seven wide computer"],
  .ui.column.grid > .column[class*="seven wide computer"] {
    width: 43.75% !important; }
  .ui.grid > .row > .column[class*="eight wide computer"],
  .ui.grid > .column.row > .column[class*="eight wide computer"],
  .ui.grid > .column[class*="eight wide computer"],
  .ui.column.grid > .column[class*="eight wide computer"] {
    width: 50% !important; }
  .ui.grid > .row > .column[class*="nine wide computer"],
  .ui.grid > .column.row > .column[class*="nine wide computer"],
  .ui.grid > .column[class*="nine wide computer"],
  .ui.column.grid > .column[class*="nine wide computer"] {
    width: 56.25% !important; }
  .ui.grid > .row > .column[class*="ten wide computer"],
  .ui.grid > .column.row > .column[class*="ten wide computer"],
  .ui.grid > .column[class*="ten wide computer"],
  .ui.column.grid > .column[class*="ten wide computer"] {
    width: 62.5% !important; }
  .ui.grid > .row > .column[class*="eleven wide computer"],
  .ui.grid > .column.row > .column[class*="eleven wide computer"],
  .ui.grid > .column[class*="eleven wide computer"],
  .ui.column.grid > .column[class*="eleven wide computer"] {
    width: 68.75% !important; }
  .ui.grid > .row > .column[class*="twelve wide computer"],
  .ui.grid > .column.row > .column[class*="twelve wide computer"],
  .ui.grid > .column[class*="twelve wide computer"],
  .ui.column.grid > .column[class*="twelve wide computer"] {
    width: 75% !important; }
  .ui.grid > .row > .column[class*="thirteen wide computer"],
  .ui.grid > .column.row > .column[class*="thirteen wide computer"],
  .ui.grid > .column[class*="thirteen wide computer"],
  .ui.column.grid > .column[class*="thirteen wide computer"] {
    width: 81.25% !important; }
  .ui.grid > .row > .column[class*="fourteen wide computer"],
  .ui.grid > .column.row > .column[class*="fourteen wide computer"],
  .ui.grid > .column[class*="fourteen wide computer"],
  .ui.column.grid > .column[class*="fourteen wide computer"] {
    width: 87.5% !important; }
  .ui.grid > .row > .column[class*="fifteen wide computer"],
  .ui.grid > .column.row > .column[class*="fifteen wide computer"],
  .ui.grid > .column[class*="fifteen wide computer"],
  .ui.column.grid > .column[class*="fifteen wide computer"] {
    width: 93.75% !important; }
  .ui.grid > .row > .column[class*="sixteen wide computer"],
  .ui.grid > .column.row > .column[class*="sixteen wide computer"],
  .ui.grid > .column[class*="sixteen wide computer"],
  .ui.column.grid > .column[class*="sixteen wide computer"] {
    width: 100% !important; } }

/* Large Monitor Sizing Combinations */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.grid > .row > .column[class*="one wide large screen"],
  .ui.grid > .column.row > .column[class*="one wide large screen"],
  .ui.grid > .column[class*="one wide large screen"],
  .ui.column.grid > .column[class*="one wide large screen"] {
    width: 6.25% !important; }
  .ui.grid > .row > .column[class*="two wide large screen"],
  .ui.grid > .column.row > .column[class*="two wide large screen"],
  .ui.grid > .column[class*="two wide large screen"],
  .ui.column.grid > .column[class*="two wide large screen"] {
    width: 12.5% !important; }
  .ui.grid > .row > .column[class*="three wide large screen"],
  .ui.grid > .column.row > .column[class*="three wide large screen"],
  .ui.grid > .column[class*="three wide large screen"],
  .ui.column.grid > .column[class*="three wide large screen"] {
    width: 18.75% !important; }
  .ui.grid > .row > .column[class*="four wide large screen"],
  .ui.grid > .column.row > .column[class*="four wide large screen"],
  .ui.grid > .column[class*="four wide large screen"],
  .ui.column.grid > .column[class*="four wide large screen"] {
    width: 25% !important; }
  .ui.grid > .row > .column[class*="five wide large screen"],
  .ui.grid > .column.row > .column[class*="five wide large screen"],
  .ui.grid > .column[class*="five wide large screen"],
  .ui.column.grid > .column[class*="five wide large screen"] {
    width: 31.25% !important; }
  .ui.grid > .row > .column[class*="six wide large screen"],
  .ui.grid > .column.row > .column[class*="six wide large screen"],
  .ui.grid > .column[class*="six wide large screen"],
  .ui.column.grid > .column[class*="six wide large screen"] {
    width: 37.5% !important; }
  .ui.grid > .row > .column[class*="seven wide large screen"],
  .ui.grid > .column.row > .column[class*="seven wide large screen"],
  .ui.grid > .column[class*="seven wide large screen"],
  .ui.column.grid > .column[class*="seven wide large screen"] {
    width: 43.75% !important; }
  .ui.grid > .row > .column[class*="eight wide large screen"],
  .ui.grid > .column.row > .column[class*="eight wide large screen"],
  .ui.grid > .column[class*="eight wide large screen"],
  .ui.column.grid > .column[class*="eight wide large screen"] {
    width: 50% !important; }
  .ui.grid > .row > .column[class*="nine wide large screen"],
  .ui.grid > .column.row > .column[class*="nine wide large screen"],
  .ui.grid > .column[class*="nine wide large screen"],
  .ui.column.grid > .column[class*="nine wide large screen"] {
    width: 56.25% !important; }
  .ui.grid > .row > .column[class*="ten wide large screen"],
  .ui.grid > .column.row > .column[class*="ten wide large screen"],
  .ui.grid > .column[class*="ten wide large screen"],
  .ui.column.grid > .column[class*="ten wide large screen"] {
    width: 62.5% !important; }
  .ui.grid > .row > .column[class*="eleven wide large screen"],
  .ui.grid > .column.row > .column[class*="eleven wide large screen"],
  .ui.grid > .column[class*="eleven wide large screen"],
  .ui.column.grid > .column[class*="eleven wide large screen"] {
    width: 68.75% !important; }
  .ui.grid > .row > .column[class*="twelve wide large screen"],
  .ui.grid > .column.row > .column[class*="twelve wide large screen"],
  .ui.grid > .column[class*="twelve wide large screen"],
  .ui.column.grid > .column[class*="twelve wide large screen"] {
    width: 75% !important; }
  .ui.grid > .row > .column[class*="thirteen wide large screen"],
  .ui.grid > .column.row > .column[class*="thirteen wide large screen"],
  .ui.grid > .column[class*="thirteen wide large screen"],
  .ui.column.grid > .column[class*="thirteen wide large screen"] {
    width: 81.25% !important; }
  .ui.grid > .row > .column[class*="fourteen wide large screen"],
  .ui.grid > .column.row > .column[class*="fourteen wide large screen"],
  .ui.grid > .column[class*="fourteen wide large screen"],
  .ui.column.grid > .column[class*="fourteen wide large screen"] {
    width: 87.5% !important; }
  .ui.grid > .row > .column[class*="fifteen wide large screen"],
  .ui.grid > .column.row > .column[class*="fifteen wide large screen"],
  .ui.grid > .column[class*="fifteen wide large screen"],
  .ui.column.grid > .column[class*="fifteen wide large screen"] {
    width: 93.75% !important; }
  .ui.grid > .row > .column[class*="sixteen wide large screen"],
  .ui.grid > .column.row > .column[class*="sixteen wide large screen"],
  .ui.grid > .column[class*="sixteen wide large screen"],
  .ui.column.grid > .column[class*="sixteen wide large screen"] {
    width: 100% !important; } }

/* Widescreen Sizing Combinations */
@media only screen and (min-width: 1920px) {
  .ui.grid > .row > .column[class*="one wide widescreen"],
  .ui.grid > .column.row > .column[class*="one wide widescreen"],
  .ui.grid > .column[class*="one wide widescreen"],
  .ui.column.grid > .column[class*="one wide widescreen"] {
    width: 6.25% !important; }
  .ui.grid > .row > .column[class*="two wide widescreen"],
  .ui.grid > .column.row > .column[class*="two wide widescreen"],
  .ui.grid > .column[class*="two wide widescreen"],
  .ui.column.grid > .column[class*="two wide widescreen"] {
    width: 12.5% !important; }
  .ui.grid > .row > .column[class*="three wide widescreen"],
  .ui.grid > .column.row > .column[class*="three wide widescreen"],
  .ui.grid > .column[class*="three wide widescreen"],
  .ui.column.grid > .column[class*="three wide widescreen"] {
    width: 18.75% !important; }
  .ui.grid > .row > .column[class*="four wide widescreen"],
  .ui.grid > .column.row > .column[class*="four wide widescreen"],
  .ui.grid > .column[class*="four wide widescreen"],
  .ui.column.grid > .column[class*="four wide widescreen"] {
    width: 25% !important; }
  .ui.grid > .row > .column[class*="five wide widescreen"],
  .ui.grid > .column.row > .column[class*="five wide widescreen"],
  .ui.grid > .column[class*="five wide widescreen"],
  .ui.column.grid > .column[class*="five wide widescreen"] {
    width: 31.25% !important; }
  .ui.grid > .row > .column[class*="six wide widescreen"],
  .ui.grid > .column.row > .column[class*="six wide widescreen"],
  .ui.grid > .column[class*="six wide widescreen"],
  .ui.column.grid > .column[class*="six wide widescreen"] {
    width: 37.5% !important; }
  .ui.grid > .row > .column[class*="seven wide widescreen"],
  .ui.grid > .column.row > .column[class*="seven wide widescreen"],
  .ui.grid > .column[class*="seven wide widescreen"],
  .ui.column.grid > .column[class*="seven wide widescreen"] {
    width: 43.75% !important; }
  .ui.grid > .row > .column[class*="eight wide widescreen"],
  .ui.grid > .column.row > .column[class*="eight wide widescreen"],
  .ui.grid > .column[class*="eight wide widescreen"],
  .ui.column.grid > .column[class*="eight wide widescreen"] {
    width: 50% !important; }
  .ui.grid > .row > .column[class*="nine wide widescreen"],
  .ui.grid > .column.row > .column[class*="nine wide widescreen"],
  .ui.grid > .column[class*="nine wide widescreen"],
  .ui.column.grid > .column[class*="nine wide widescreen"] {
    width: 56.25% !important; }
  .ui.grid > .row > .column[class*="ten wide widescreen"],
  .ui.grid > .column.row > .column[class*="ten wide widescreen"],
  .ui.grid > .column[class*="ten wide widescreen"],
  .ui.column.grid > .column[class*="ten wide widescreen"] {
    width: 62.5% !important; }
  .ui.grid > .row > .column[class*="eleven wide widescreen"],
  .ui.grid > .column.row > .column[class*="eleven wide widescreen"],
  .ui.grid > .column[class*="eleven wide widescreen"],
  .ui.column.grid > .column[class*="eleven wide widescreen"] {
    width: 68.75% !important; }
  .ui.grid > .row > .column[class*="twelve wide widescreen"],
  .ui.grid > .column.row > .column[class*="twelve wide widescreen"],
  .ui.grid > .column[class*="twelve wide widescreen"],
  .ui.column.grid > .column[class*="twelve wide widescreen"] {
    width: 75% !important; }
  .ui.grid > .row > .column[class*="thirteen wide widescreen"],
  .ui.grid > .column.row > .column[class*="thirteen wide widescreen"],
  .ui.grid > .column[class*="thirteen wide widescreen"],
  .ui.column.grid > .column[class*="thirteen wide widescreen"] {
    width: 81.25% !important; }
  .ui.grid > .row > .column[class*="fourteen wide widescreen"],
  .ui.grid > .column.row > .column[class*="fourteen wide widescreen"],
  .ui.grid > .column[class*="fourteen wide widescreen"],
  .ui.column.grid > .column[class*="fourteen wide widescreen"] {
    width: 87.5% !important; }
  .ui.grid > .row > .column[class*="fifteen wide widescreen"],
  .ui.grid > .column.row > .column[class*="fifteen wide widescreen"],
  .ui.grid > .column[class*="fifteen wide widescreen"],
  .ui.column.grid > .column[class*="fifteen wide widescreen"] {
    width: 93.75% !important; }
  .ui.grid > .row > .column[class*="sixteen wide widescreen"],
  .ui.grid > .column.row > .column[class*="sixteen wide widescreen"],
  .ui.grid > .column[class*="sixteen wide widescreen"],
  .ui.column.grid > .column[class*="sixteen wide widescreen"] {
    width: 100% !important; } }

/*----------------------
        Centered
-----------------------*/
.ui.centered.grid,
.ui.centered.grid > .row,
.ui.grid > .centered.row {
  text-align: 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.grid[class*="very relaxed"] > .column:not(.row),
.ui.grid[class*="very relaxed"] > .row > .column,
.ui.grid > .row[class*="very relaxed"] > .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.grid[class*="very relaxed"] .row + .ui.divider,
.ui.grid .row[class*="very relaxed"] + .ui.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

/*----------------------
        Padded
-----------------------*/
.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important; }

.ui.grid[class*="horizontally padded"] {
  margin-left: 0em !important;
  margin-right: 0em !important; }

.ui.grid[class*="vertically padded"] {
  margin-top: 0em !important;
  margin-bottom: 0em !important; }

/*----------------------
       "Floated"
-----------------------*/
.ui.grid .column[class*="left floated"] {
  margin-right: auto; }

.ui.grid .column[class*="right floated"] {
  margin-left: auto; }

/*----------------------
        Divided
-----------------------*/
.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }

/* Swap from padding to margin on columns to have dividers align */
.ui.grid[class*="vertically divided"] > .column:not(.row),
.ui.grid[class*="vertically divided"] > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem; }

.ui.grid[class*="vertically divided"] > .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 {
  box-shadow: none; }

/* No space on top of first row */
.ui.grid[class*="vertically divided"] > .row:first-child > .column {
  margin-top: 0em; }

/* Divided Row */
.ui.grid > .divided.row > .column {
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }

.ui.grid > .divided.row > .column:first-child {
  box-shadow: none; }

/* Vertically Divided */
.ui.grid[class*="vertically divided"] > .row {
  position: relative; }

.ui.grid[class*="vertically divided"] > .row:before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% - 2rem);
  height: 1px;
  margin: 0% 1rem;
  box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); }

/* Padded Horizontally Divided */
.ui.divided.grid[class*="horizontally padded"],
.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%; }

/* First Row Vertically Divided */
.ui.grid[class*="vertically divided"] > .row:first-child:before {
  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 {
  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 {
  box-shadow: none; }

.ui.inverted.grid[class*="vertically divided"] > .row:before {
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); }

/* Relaxed */
.ui.relaxed.grid[class*="vertically divided"] > .row:before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem); }

.ui.grid[class*="very relaxed"][class*="vertically divided"] > .row:before {
  margin-left: 5rem;
  margin-right: 5rem;
  width: calc(100% - 5rem); }

/*----------------------
         Celled
-----------------------*/
.ui.celled.grid {
  width: 100%;
  margin: 1em 0em;
  box-shadow: 0px 0px 0px 1px #D4D4D5; }

.ui.celled.grid > .row {
  width: 100% !important;
  margin: 0em;
  padding: 0em;
  box-shadow: 0px -1px 0px 0px #D4D4D5; }

.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  box-shadow: -1px 0px 0px 0px #D4D4D5; }

.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  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.celled.grid[class*="very relaxed"] > .column:not(.row),
.ui.celled.grid[class*="very relaxed"] > .row > .column {
  padding: 2em; }

/* Internally Celled */
.ui.grid[class*="internally celled"] {
  box-shadow: none;
  margin: 0em; }

.ui.grid[class*="internally celled"] > .row:first-child {
  box-shadow: none; }

.ui.grid[class*="internally celled"] > .row > .column:first-child {
  box-shadow: none; }

/*----------------------
   Vertically Aligned
-----------------------*/
/* Top Aligned */
.ui.grid[class*="top aligned"] > .column:not(.row),
.ui.grid[class*="top aligned"] > .row > .column,
.ui.grid > .row[class*="top aligned"] > .column,
.ui.grid > .column[class*="top aligned"]:not(.row),
.ui.grid > .row > .column[class*="top aligned"] {
  flex-direction: column;
  vertical-align: top;
  align-self: flex-start !important; }

/* Middle Aligned */
.ui.grid[class*="middle aligned"] > .column:not(.row),
.ui.grid[class*="middle aligned"] > .row > .column,
.ui.grid > .row[class*="middle aligned"] > .column,
.ui.grid > .column[class*="middle aligned"]:not(.row),
.ui.grid > .row > .column[class*="middle aligned"] {
  flex-direction: column;
  vertical-align: middle;
  align-self: center !important; }

/* Bottom Aligned */
.ui.grid[class*="bottom aligned"] > .column:not(.row),
.ui.grid[class*="bottom aligned"] > .row > .column,
.ui.grid > .row[class*="bottom aligned"] > .column,
.ui.grid > .column[class*="bottom aligned"]:not(.row),
.ui.grid > .row > .column[class*="bottom aligned"] {
  flex-direction: column;
  vertical-align: bottom;
  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: inline-flex !important;
  align-self: stretch;
  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 > * {
  flex-grow: 1; }

/*----------------------
  Horizontally Centered
-----------------------*/
/* Left Aligned */
.ui.grid[class*="left aligned"] > .column,
.ui.grid[class*="left aligned"] > .row > .column,
.ui.grid > .row[class*="left aligned"] > .column,
.ui.grid > .column.column[class*="left aligned"],
.ui.grid > .row > .column.column[class*="left aligned"] {
  text-align: left;
  align-self: inherit; }

/* Center Aligned */
.ui.grid[class*="center aligned"] > .column,
.ui.grid[class*="center aligned"] > .row > .column,
.ui.grid > .row[class*="center aligned"] > .column,
.ui.grid > .column.column[class*="center aligned"],
.ui.grid > .row > .column.column[class*="center aligned"] {
  text-align: center;
  align-self: inherit; }

.ui.grid[class*="center aligned"] {
  justify-content: center; }

/* Right Aligned */
.ui.grid[class*="right aligned"] > .column,
.ui.grid[class*="right aligned"] > .row > .column,
.ui.grid > .row[class*="right aligned"] > .column,
.ui.grid > .column.column[class*="right aligned"],
.ui.grid > .row > .column.column[class*="right aligned"] {
  text-align: right;
  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;
          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: #D14F4F !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: #F7B21A !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: #47973E !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: #3E4297 !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: #80808C !important;
  color: #FFFFFF; }

/* Black */
.ui.grid > .black.row,
.ui.grid > .black.column,
.ui.grid > .row > .black.column {
  background-color: #212128 !important;
  color: #FFFFFF; }

/*----------------------
      Equal Width
-----------------------*/
.ui.grid[class*="equal width"] > .column:not(.row),
.ui.grid[class*="equal width"] > .row > .column,
.ui.grid > .row[class*="equal width"] > .column {
  display: inline-block;
  flex-grow: 1; }

.ui.grid[class*="equal width"] > .wide.column,
.ui.grid[class*="equal width"] > .row > .wide.column,
.ui.grid > .row[class*="equal width"] > .wide.column {
  flex-grow: 0; }

/*----------------------
        Reverse
-----------------------*/
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui.grid[class*="mobile reversed"],
  .ui.grid[class*="mobile reversed"] > .row,
  .ui.grid > .row[class*="mobile reversed"] {
    flex-direction: row-reverse; }
  .ui.grid[class*="mobile vertically reversed"],
  .ui.stackable[class*="mobile reversed"] {
    flex-direction: column-reverse; }
  /* Divided Reversed */
  .ui.divided.grid[class*="mobile reversed"]:not([class*="vertically divided"]) > .column:first-child,
  .ui.divided.grid[class*="mobile reversed"]:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
  .ui.divided.grid[class*="mobile reversed"]:not([class*="vertically divided"]) > .column:last-child,
  .ui.divided.grid[class*="mobile reversed"]:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none; }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
    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 {
    box-shadow: none; }
  /* Celled Reversed */
  .ui.celled.grid[class*="mobile reversed"] > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5; }
  .ui.celled.grid[class*="mobile reversed"] > .row > .column:last-child {
    box-shadow: none; } }

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid[class*="tablet reversed"],
  .ui.grid[class*="tablet reversed"] > .row,
  .ui.grid > .row[class*="tablet reversed"] {
    flex-direction: row-reverse; }
  .ui.grid[class*="tablet vertically reversed"] {
    flex-direction: column-reverse; }
  /* Divided Reversed */
  .ui.divided.grid[class*="tablet reversed"]:not([class*="vertically divided"]) > .column:first-child,
  .ui.divided.grid[class*="tablet reversed"]:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
  .ui.divided.grid[class*="tablet reversed"]:not([class*="vertically divided"]) > .column:last-child,
  .ui.divided.grid[class*="tablet reversed"]:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none; }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
    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 {
    box-shadow: none; }
  /* Celled Reversed */
  .ui.celled.grid[class*="tablet reversed"] > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5; }
  .ui.celled.grid[class*="tablet reversed"] > .row > .column:last-child {
    box-shadow: none; } }

/* Computer */
@media only screen and (min-width: 992px) {
  .ui.grid[class*="computer reversed"],
  .ui.grid[class*="computer reversed"] > .row,
  .ui.grid > .row[class*="computer reversed"] {
    flex-direction: row-reverse; }
  .ui.grid[class*="computer vertically reversed"] {
    flex-direction: column-reverse; }
  /* Divided Reversed */
  .ui.divided.grid[class*="computer reversed"]:not([class*="vertically divided"]) > .column:first-child,
  .ui.divided.grid[class*="computer reversed"]:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); }
  .ui.divided.grid[class*="computer reversed"]:not([class*="vertically divided"]) > .column:last-child,
  .ui.divided.grid[class*="computer reversed"]:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none; }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
    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 {
    box-shadow: none; }
  /* Celled Reversed */
  .ui.celled.grid[class*="computer reversed"] > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5; }
  .ui.celled.grid[class*="computer reversed"] > .row > .column:last-child {
    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;
    box-shadow: none !important;
    margin: 0em; }
  .ui.doubling.grid[class*="two column"] > .row > .column,
  .ui.doubling.grid[class*="two column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="two column"] > .column {
    width: 100% !important; }
  .ui.doubling.grid[class*="three column"] > .row > .column,
  .ui.doubling.grid[class*="three column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="three column"] > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="four column"] > .row > .column,
  .ui.doubling.grid[class*="four column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="four column"] > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="five column"] > .row > .column,
  .ui.doubling.grid[class*="five column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="five column"] > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="six column"] > .row > .column,
  .ui.doubling.grid[class*="six column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="six column"] > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="seven column"] > .row > .column,
  .ui.doubling.grid[class*="seven column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="seven column"] > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="eight column"] > .row > .column,
  .ui.doubling.grid[class*="eight column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="eight column"] > .column {
    width: 25% !important; }
  .ui.doubling.grid[class*="nine column"] > .row > .column,
  .ui.doubling.grid[class*="nine column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="nine column"] > .column {
    width: 25% !important; }
  .ui.doubling.grid[class*="ten column"] > .row > .column,
  .ui.doubling.grid[class*="ten column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="ten column"] > .column {
    width: 20% !important; }
  .ui.doubling.grid[class*="eleven column"] > .row > .column,
  .ui.doubling.grid[class*="eleven column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="eleven column"] > .column {
    width: 20% !important; }
  .ui.doubling.grid[class*="twelve column"] > .row > .column,
  .ui.doubling.grid[class*="twelve column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="twelve column"] > .column {
    width: 16.6666666667% !important; }
  .ui.doubling.grid[class*="thirteen column"] > .row > .column,
  .ui.doubling.grid[class*="thirteen column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="thirteen column"] > .column {
    width: 16.6666666667% !important; }
  .ui.doubling.grid[class*="fourteen column"] > .row > .column,
  .ui.doubling.grid[class*="fourteen column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="fourteen column"] > .column {
    width: 14.2857142857% !important; }
  .ui.doubling.grid[class*="fifteen column"] > .row > .column,
  .ui.doubling.grid[class*="fifteen column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="fifteen column"] > .column {
    width: 14.2857142857% !important; }
  .ui.doubling.grid[class*="sixteen column"] > .row > .column,
  .ui.doubling.grid[class*="sixteen column"] > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="sixteen column"] > .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;
    box-shadow: none !important; }
  .ui.doubling.grid[class*="two column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="two column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="two column"]:not(.stackable) > .column {
    width: 100% !important; }
  .ui.doubling.grid[class*="three column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="three column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="three column"]:not(.stackable) > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="four column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="four column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="four column"]:not(.stackable) > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="five column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="five column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="five column"]:not(.stackable) > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="six column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="six column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="six column"]:not(.stackable) > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="seven column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="seven column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="seven column"]:not(.stackable) > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="eight column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="eight column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="eight column"]:not(.stackable) > .column {
    width: 50% !important; }
  .ui.doubling.grid[class*="nine column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="nine column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="nine column"]:not(.stackable) > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="ten column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="ten column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="ten column"]:not(.stackable) > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="eleven column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="eleven column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="eleven column"]:not(.stackable) > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="twelve column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="twelve column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="twelve column"]:not(.stackable) > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="thirteen column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="thirteen column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="thirteen column"]:not(.stackable) > .column {
    width: 33.3333333333% !important; }
  .ui.doubling.grid[class*="fourteen column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="fourteen column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="fourteen column"]:not(.stackable) > .column {
    width: 25% !important; }
  .ui.doubling.grid[class*="fifteen column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="fifteen column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="fifteen column"]:not(.stackable) > .column {
    width: 25% !important; }
  .ui.doubling.grid[class*="sixteen column"]:not(.stackable) > .row > .column,
  .ui.doubling.grid[class*="sixteen column"]:not(.stackable) > .column:not(.row),
  .ui.grid > .doubling.row.row[class*="sixteen column"]:not(.stackable) > .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;
    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.grid:not(.vertically) > .column:not(.row),
  .ui.stackable.celled.grid > .row > .column,
  .ui.stackable.divided.grid:not(.vertically) > .row > .column {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .ui.stackable.celled.grid > .row {
    box-shadow: none !important; }
  .ui.stackable.divided.grid:not(.vertically) > .column:not(.row),
  .ui.stackable.divided.grid:not(.vertically) > .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.grid.grid.grid[class*="tablet only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="tablet only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="tablet only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="tablet only"]:not(.mobile) {
    display: none !important; }
  .ui.grid.grid.grid[class*="computer only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="computer only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="computer only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="computer only"]:not(.mobile) {
    display: none !important; }
  .ui.grid.grid.grid[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="large screen only"]:not(.mobile) {
    display: none !important; }
  .ui.grid.grid.grid[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="widescreen only"]:not(.mobile) {
    display: none !important; } }

/* Tablet Only Hide */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid.grid.grid[class*="mobile only"]:not(.tablet),
  .ui.grid.grid.grid > .row[class*="mobile only"]:not(.tablet),
  .ui.grid.grid.grid > .column[class*="mobile only"]:not(.tablet),
  .ui.grid.grid.grid > .row > .column[class*="mobile only"]:not(.tablet) {
    display: none !important; }
  .ui.grid.grid.grid[class*="computer only"]:not(.tablet),
  .ui.grid.grid.grid > .row[class*="computer only"]:not(.tablet),
  .ui.grid.grid.grid > .column[class*="computer only"]:not(.tablet),
  .ui.grid.grid.grid > .row > .column[class*="computer only"]:not(.tablet) {
    display: none !important; }
  .ui.grid.grid.grid[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="large screen only"]:not(.mobile) {
    display: none !important; }
  .ui.grid.grid.grid[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="widescreen only"]:not(.mobile) {
    display: none !important; } }

/* Computer Only Hide */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.grid.grid.grid[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .row[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .column[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .row > .column[class*="mobile only"]:not(.computer) {
    display: none !important; }
  .ui.grid.grid.grid[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .row[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .column[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .row > .column[class*="tablet only"]:not(.computer) {
    display: none !important; }
  .ui.grid.grid.grid[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="large screen only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="large screen only"]:not(.mobile) {
    display: none !important; }
  .ui.grid.grid.grid[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="widescreen only"]:not(.mobile) {
    display: none !important; } }

/* Large Screen Only Hide */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.grid.grid.grid[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .row[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .column[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .row > .column[class*="mobile only"]:not(.computer) {
    display: none !important; }
  .ui.grid.grid.grid[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .row[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .column[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .row > .column[class*="tablet only"]:not(.computer) {
    display: none !important; }
  .ui.grid.grid.grid[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .column[class*="widescreen only"]:not(.mobile),
  .ui.grid.grid.grid > .row > .column[class*="widescreen only"]:not(.mobile) {
    display: none !important; } }

/* Widescreen Only Hide */
@media only screen and (min-width: 1920px) {
  .ui.grid.grid.grid[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .row[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .column[class*="mobile only"]:not(.computer),
  .ui.grid.grid.grid > .row > .column[class*="mobile only"]:not(.computer) {
    display: none !important; }
  .ui.grid.grid.grid[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .row[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .column[class*="tablet only"]:not(.computer),
  .ui.grid.grid.grid > .row > .column[class*="tablet only"]:not(.computer) {
    display: none !important; } }

/*******************************
         Site Overrides
*******************************/
@media (max-width: 1108px) {
  .ui.grid > .row.doubling[class*="two column"] > .column {
    width: auto !important; } }

/*!
 * # Semantic UI - Header
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Header
*******************************/
/*-------------------
       Element
--------------------*/
/* Sub Heading */
/* Sub Header */
/* Icon */
/* Image */
/* Label */
/* Content */
/* Paragraph after Header */
/*-------------------
      Variations
--------------------*/
/* Sizing */
/* Sub Header */
/* Icon Header */
/* No Line Height Offset */
/* Divided */
/* Block */
/* Attached */
/* Inverted */
/* Floated */
/*******************************
            Header
*******************************/
/* Standard */
.ui.header {
  border: none;
  margin: calc(2rem - 0.142857145em) 0em 1rem;
  padding: 0em 0em;
  font-family: "Inter", Arial, sans-serif;
  font-weight: bold;
  line-height: 1.28571429em;
  text-transform: none;
  color: #212128; }

.ui.header:first-child {
  margin-top: -0.142857145em; }

.ui.header:last-child {
  margin-bottom: 0em; }

/*--------------
   Sub Header
---------------*/
.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0em;
  margin: 0em;
  font-size: 1rem;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.6); }

/*--------------
      Icon
---------------*/
.ui.header > .icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0em;
  vertical-align: middle; }

/* With Text Node */
.ui.header .icon:only-child {
  display: inline-block;
  padding: 0em;
  margin-right: 0.75rem; }

/*-------------------
        Image
--------------------*/
.ui.header > .image:not(.icon),
.ui.header > img {
  display: inline-block;
  margin-top: 0.142857145em;
  width: 2.5em;
  height: auto;
  vertical-align: middle; }

.ui.header > .image:not(.icon):only-child,
.ui.header > img:only-child {
  margin-right: 0.75rem; }

/*--------------
     Content
---------------*/
.ui.header .content {
  display: inline-block;
  vertical-align: top; }

/* After Image */
.ui.header > img + .content,
.ui.header > .image + .content {
  padding-left: 0.75rem;
  vertical-align: middle; }

/* After Icon */
.ui.header > .icon + .content {
  padding-left: 0.75rem;
  display: table-cell;
  vertical-align: middle; }

/*--------------
 Loose Coupling
---------------*/
.ui.header .ui.label {
  font-size: "";
  margin-left: 0.5rem;
  vertical-align: middle; }

/* Positioning */
.ui.header + p {
  margin-top: 0em; }

/*******************************
            Types
*******************************/
/*--------------
     Page
---------------*/
h1.ui.header {
  font-size: 1.1428571429rem; }

h2.ui.header {
  font-size: 1.71428571rem; }

h3.ui.header {
  font-size: 1.28571429rem; }

h4.ui.header {
  font-size: 1.07142857rem; }

h5.ui.header {
  font-size: 1rem; }

/* Sub Header */
h1.ui.header .sub.header {
  font-size: 1.14285714rem; }

h2.ui.header .sub.header {
  font-size: 1.14285714rem; }

h3.ui.header .sub.header {
  font-size: 1rem; }

h4.ui.header .sub.header {
  font-size: 1rem; }

h5.ui.header .sub.header {
  font-size: 0.92857143rem; }

/*--------------
 Content Heading
---------------*/
.ui.huge.header {
  min-height: 1em;
  font-size: 1.1428571429em; }

.ui.large.header {
  font-size: 1.71428571em; }

.ui.medium.header {
  font-size: 1.28571429em; }

.ui.small.header {
  font-size: 1.07142857em; }

.ui.tiny.header {
  font-size: 1em; }

/* Sub Header */
.ui.huge.header .sub.header {
  font-size: 1.14285714rem; }

.ui.large.header .sub.header {
  font-size: 1.14285714rem; }

.ui.header .sub.header {
  font-size: 1rem; }

.ui.small.header .sub.header {
  font-size: 1rem; }

.ui.tiny.header .sub.header {
  font-size: 0.92857143rem; }

/*--------------
   Sub Heading
---------------*/
.ui.sub.header {
  padding: 0em;
  margin-bottom: 0.14285714rem;
  font-weight: bold;
  font-size: 0.85714286em;
  text-transform: uppercase;
  color: ""; }

.ui.small.sub.header {
  font-size: 0.78571429em; }

.ui.sub.header {
  font-size: 0.85714286em; }

.ui.large.sub.header {
  font-size: 0.92857143em; }

.ui.huge.sub.header {
  font-size: 1em; }

/*-------------------
        Icon
--------------------*/
.ui.icon.header {
  display: inline-block;
  text-align: center;
  margin: 2rem 0em 1rem; }

.ui.icon.header:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden; }

.ui.icon.header:first-child {
  margin-top: 0em; }

.ui.icon.header .icon {
  float: none;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 0em;
  font-size: 3em;
  margin: 0em auto 0.5rem;
  opacity: 1; }

.ui.icon.header .content {
  display: block;
  padding: 0em; }

.ui.icon.header .circular.icon {
  font-size: 2em; }

.ui.icon.header .square.icon {
  font-size: 2em; }

.ui.block.icon.header .icon {
  margin-bottom: 0em; }

.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block; }

/*******************************
            States
*******************************/
.ui.disabled.header {
  opacity: 0.45; }

/*******************************
           Variations
*******************************/
/*-------------------
      Inverted
--------------------*/
.ui.inverted.header {
  color: #FFFFFF; }

.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.8); }

.ui.inverted.attached.header {
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
  border-color: transparent; }

.ui.inverted.block.header {
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none; }

.ui.inverted.block.header {
  border-bottom: none; }

/*-------------------
       Colors
--------------------*/
/*--- Red ---*/
.ui.red.header {
  color: #D14F4F !important; }

a.ui.red.header:hover {
  color: #d82e2e !important; }

.ui.red.dividing.header {
  border-bottom: 2px solid #D14F4F; }

/* Inverted */
.ui.inverted.red.header {
  color: #FF695E !important; }

a.ui.inverted.red.header:hover {
  color: #ff5145 !important; }

/*--- Orange ---*/
.ui.orange.header {
  color: #F2711C !important; }

a.ui.orange.header:hover {
  color: #f36101 !important; }

.ui.orange.dividing.header {
  border-bottom: 2px solid #F2711C; }

/* Inverted */
.ui.inverted.orange.header {
  color: #FF851B !important; }

a.ui.inverted.orange.header:hover {
  color: #ff7702 !important; }

/*--- Olive ---*/
.ui.olive.header {
  color: #B5CC18 !important; }

a.ui.olive.header:hover {
  color: #a8bf0b !important; }

.ui.olive.dividing.header {
  border-bottom: 2px solid #B5CC18; }

/* Inverted */
.ui.inverted.olive.header {
  color: #D9E778 !important; }

a.ui.inverted.olive.header:hover {
  color: #daec59 !important; }

/*--- Yellow ---*/
.ui.yellow.header {
  color: #F7B21A !important; }

a.ui.yellow.header:hover {
  color: #f8aa00 !important; }

.ui.yellow.dividing.header {
  border-bottom: 2px solid #F7B21A; }

/* Inverted */
.ui.inverted.yellow.header {
  color: #FFE21F !important; }

a.ui.inverted.yellow.header:hover {
  color: #ffdf06 !important; }

/*--- Green ---*/
.ui.green.header {
  color: #47973E !important; }

a.ui.green.header:hover {
  color: #378e2d !important; }

.ui.green.dividing.header {
  border-bottom: 2px solid #47973E; }

/* Inverted */
.ui.inverted.green.header {
  color: #2ECC40 !important; }

a.ui.inverted.green.header:hover {
  color: #1ec231 !important; }

/*--- Teal ---*/
.ui.teal.header {
  color: #00B5AD !important; }

a.ui.teal.header:hover {
  color: #009c95 !important; }

.ui.teal.dividing.header {
  border-bottom: 2px solid #00B5AD; }

/* Inverted */
.ui.inverted.teal.header {
  color: #6DFFFF !important; }

a.ui.inverted.teal.header:hover {
  color: #54ffff !important; }

/*--- Blue ---*/
.ui.blue.header {
  color: #3E4297 !important; }

a.ui.blue.header:hover {
  color: #2d328e !important; }

.ui.blue.dividing.header {
  border-bottom: 2px solid #3E4297; }

/* Inverted */
.ui.inverted.blue.header {
  color: #54C8FF !important; }

a.ui.inverted.blue.header:hover {
  color: #3bc0ff !important; }

/*--- Violet ---*/
.ui.violet.header {
  color: #6435C9 !important; }

a.ui.violet.header:hover {
  color: #5624c0 !important; }

.ui.violet.dividing.header {
  border-bottom: 2px solid #6435C9; }

/* Inverted */
.ui.inverted.violet.header {
  color: #A291FB !important; }

a.ui.inverted.violet.header:hover {
  color: #8a74ff !important; }

/*--- Purple ---*/
.ui.purple.header {
  color: #A333C8 !important; }

a.ui.purple.header:hover {
  color: #9823bf !important; }

.ui.purple.dividing.header {
  border-bottom: 2px solid #A333C8; }

/* Inverted */
.ui.inverted.purple.header {
  color: #DC73FF !important; }

a.ui.inverted.purple.header:hover {
  color: #d65aff !important; }

/*--- Pink ---*/
.ui.pink.header {
  color: #E03997 !important; }

a.ui.pink.header:hover {
  color: #e9168d !important; }

.ui.pink.dividing.header {
  border-bottom: 2px solid #E03997; }

/* Inverted */
.ui.inverted.pink.header {
  color: #FF8EDF !important; }

a.ui.inverted.pink.header:hover {
  color: #ff75d8 !important; }

/*--- Brown ---*/
.ui.brown.header {
  color: #A5673F !important; }

a.ui.brown.header:hover {
  color: #9d592e !important; }

.ui.brown.dividing.header {
  border-bottom: 2px solid #A5673F; }

/* Inverted */
.ui.inverted.brown.header {
  color: #D67C1C !important; }

a.ui.inverted.brown.header:hover {
  color: #ca6f0e !important; }

/*--- Grey ---*/
.ui.grey.header {
  color: #80808C !important; }

a.ui.grey.header:hover {
  color: #8d8d98 !important; }

.ui.grey.dividing.header {
  border-bottom: 2px solid #80808C; }

/* Inverted */
.ui.inverted.grey.header {
  color: #DDDDE4 !important; }

a.ui.inverted.grey.header:hover {
  color: #cacadd !important; }

/*-------------------
       Aligned
--------------------*/
.ui.left.aligned.header {
  text-align: left; }

.ui.right.aligned.header {
  text-align: right; }

.ui.centered.header,
.ui.center.aligned.header {
  text-align: center; }

.ui.justified.header {
  text-align: justify; }

.ui.justified.header:after {
  display: inline-block;
  content: '';
  width: 100%; }

/*-------------------
       Floated
--------------------*/
.ui.floated.header,
.ui.header[class*="left floated"] {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em; }

.ui.header[class*="right floated"] {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em; }

/*-------------------
       Fitted
--------------------*/
.ui.fitted.header {
  padding: 0em; }

/*-------------------
      Dividing
--------------------*/
.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15); }

.ui.dividing.header .sub.header {
  padding-bottom: 0.21428571rem; }

.ui.dividing.header .icon {
  margin-bottom: 0em; }

.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.1); }

/*-------------------
        Block
--------------------*/
.ui.block.header {
  background: #F3F4F5;
  padding: 0.78571429rem 1rem;
  box-shadow: none;
  border: 1px solid #D4D4D5;
  border-radius: 0.3571428571rem; }

.ui.tiny.block.header {
  font-size: 0.85714286rem; }

.ui.small.block.header {
  font-size: 0.92857143rem; }

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1rem; }

.ui.large.block.header {
  font-size: 1.14285714rem; }

.ui.huge.block.header {
  font-size: 1.42857143rem; }

/*-------------------
       Attached
--------------------*/
.ui.attached.header {
  background: #FFFFFF;
  padding: 0.78571429rem 1rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #D4D4D5; }

.ui.attached.block.header {
  background: #F3F4F5; }

.ui.attached.header:not(.top):not(.bottom) {
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: none;
  border-radius: 0em; }

.ui.top.attached.header {
  margin-bottom: 0em;
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

.ui.bottom.attached.header {
  margin-top: 0em;
  border-top: none;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

/* Attached Sizes */
.ui.tiny.attached.header {
  font-size: 0.85714286em; }

.ui.small.attached.header {
  font-size: 0.92857143em; }

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em; }

.ui.large.attached.header {
  font-size: 1.14285714em; }

.ui.huge.attached.header {
  font-size: 1.42857143em; }

/*-------------------
        Sizing
--------------------*/
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28571429em; }

/*!
 * # Semantic UI - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Icon
*******************************/
/*--------------
   Font Files
---------------*/
/*--------------
 Optional Files
---------------*/
/* Outline Icons */
/* Brand Icons */
/*--------------
   Definition
---------------*/
/* Icon Variables */
/* Variations */
/*******************************
             Icon
*******************************/
@font-face {
  font-family: 'Icons';
  src: url(/assets/semantic_ui/themes/default/assets/fonts/icons-6fc2f463d2b71a8d2610ef9a5b1fbece5d68ba6b924b3a1edf304c35250f76d9.eot);
  src: url(/assets/semantic_ui/themes/default/assets/fonts/icons-6fc2f463d2b71a8d2610ef9a5b1fbece5d68ba6b924b3a1edf304c35250f76d9.eot?#iefix) format("embedded-opentype"), url(/assets/semantic_ui/themes/default/assets/fonts/icons-ef4727ad5a79d3037e694d5ba84958f7298f306e328b2fb8e5cfb4f09faac6d6.woff2) format("woff2"), url(/assets/semantic_ui/themes/default/assets/fonts/icons-81cb969fb10b64a60d64319e19a9232bb4e76d9d431ecf0feeaef9bab1abc28e.woff) format("woff"), url(/assets/semantic_ui/themes/default/assets/fonts/icons-73cf0f72377fc5fe407727444c4ce1ee693e13ae2ad320cefc059625d2f7af5e.ttf) format("truetype"), url(/assets/semantic_ui/themes/default/assets/fonts/icons-dbe08711d4844fef7ecb969248a42e4cbdc5064cd51dc21be34ae8addaecaab0.svg#icons) format("svg");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none; }

i.icon {
  display: inline-block;
  opacity: 1;
  margin: 0em 0.25rem 0em 0em;
  width: 1.18em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden; }

i.icon:before {
  background: none !important; }

/*******************************
             Types
*******************************/
/*--------------
    Loading
---------------*/
i.icon.loading {
  height: 1em;
  line-height: 1;
  animation: icon-loading 2s linear infinite; }

@keyframes icon-loading {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/*******************************
             States
*******************************/
i.icon.hover {
  opacity: 1 !important; }

i.icon.active {
  opacity: 1 !important; }

i.emphasized.icon {
  opacity: 1 !important; }

i.disabled.icon {
  opacity: 0.45 !important; }

/*******************************
           Variations
*******************************/
/*-------------------
        Fitted
--------------------*/
i.fitted.icon {
  width: auto;
  margin: 0em !important; }

/*-------------------
         Link
--------------------*/
i.link.icon, i.link.icons {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.1s ease; }

i.link.icon:hover, i.link.icons:hover {
  opacity: 1 !important; }

/*-------------------
      Circular
--------------------*/
i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important; }

i.circular.inverted.icon {
  border: none;
  box-shadow: none; }

/*-------------------
      Flipped
--------------------*/
i.flipped.icon,
i.horizontally.flipped.icon {
  transform: scale(-1, 1); }

i.vertically.flipped.icon {
  transform: scale(1, -1); }

/*-------------------
      Rotated
--------------------*/
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  transform: rotate(90deg); }

i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  transform: rotate(-90deg); }

/*-------------------
      Bordered
--------------------*/
i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; }

i.bordered.inverted.icon {
  border: none;
  box-shadow: none; }

/*-------------------
      Inverted
--------------------*/
/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #212128 !important;
  color: #FFFFFF !important; }

i.inverted.icon {
  color: #FFFFFF; }

/*-------------------
       Colors
--------------------*/
/* Red */
i.red.icon {
  color: #D14F4F !important; }

i.inverted.red.icon {
  color: #FF695E !important; }

i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
  background-color: #D14F4F !important;
  color: #FFFFFF !important; }

/* Orange */
i.orange.icon {
  color: #F2711C !important; }

i.inverted.orange.icon {
  color: #FF851B !important; }

i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
  background-color: #F2711C !important;
  color: #FFFFFF !important; }

/* Yellow */
i.yellow.icon {
  color: #F7B21A !important; }

i.inverted.yellow.icon {
  color: #FFE21F !important; }

i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
  background-color: #F7B21A !important;
  color: #FFFFFF !important; }

/* Olive */
i.olive.icon {
  color: #B5CC18 !important; }

i.inverted.olive.icon {
  color: #D9E778 !important; }

i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important; }

/* Green */
i.green.icon {
  color: #47973E !important; }

i.inverted.green.icon {
  color: #2ECC40 !important; }

i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
  background-color: #47973E !important;
  color: #FFFFFF !important; }

/* Teal */
i.teal.icon {
  color: #00B5AD !important; }

i.inverted.teal.icon {
  color: #6DFFFF !important; }

i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
  background-color: #00B5AD !important;
  color: #FFFFFF !important; }

/* Blue */
i.blue.icon {
  color: #3E4297 !important; }

i.inverted.blue.icon {
  color: #54C8FF !important; }

i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
  background-color: #3E4297 !important;
  color: #FFFFFF !important; }

/* Violet */
i.violet.icon {
  color: #6435C9 !important; }

i.inverted.violet.icon {
  color: #A291FB !important; }

i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
  background-color: #6435C9 !important;
  color: #FFFFFF !important; }

/* Purple */
i.purple.icon {
  color: #A333C8 !important; }

i.inverted.purple.icon {
  color: #DC73FF !important; }

i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
  background-color: #A333C8 !important;
  color: #FFFFFF !important; }

/* Pink */
i.pink.icon {
  color: #E03997 !important; }

i.inverted.pink.icon {
  color: #FF8EDF !important; }

i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
  background-color: #E03997 !important;
  color: #FFFFFF !important; }

/* Brown */
i.brown.icon {
  color: #A5673F !important; }

i.inverted.brown.icon {
  color: #D67C1C !important; }

i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
  background-color: #A5673F !important;
  color: #FFFFFF !important; }

/* Grey */
i.grey.icon {
  color: #80808C !important; }

i.inverted.grey.icon {
  color: #DDDDE4 !important; }

i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
  background-color: #80808C !important;
  color: #FFFFFF !important; }

/* Black */
i.black.icon {
  color: #212128 !important; }

i.inverted.black.icon {
  color: #545454 !important; }

i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
  background-color: #212128 !important;
  color: #FFFFFF !important; }

/*-------------------
        Sizes
--------------------*/
i.mini.icon,
i.mini.icons {
  line-height: 1;
  font-size: 0.4em; }

i.tiny.icon,
i.tiny.icons {
  line-height: 1;
  font-size: 0.5em; }

i.small.icon,
i.small.icons {
  line-height: 1;
  font-size: 0.75em; }

i.icon,
i.icons {
  font-size: 1em; }

i.large.icon,
i.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em; }

i.big.icon,
i.big.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 2em; }

i.huge.icon,
i.huge.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 4em; }

i.massive.icon,
i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 8em; }

/*******************************
            Groups
*******************************/
i.icons {
  display: inline-block;
  position: relative;
  line-height: 1; }

i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0em;
  margin: 0; }

i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  transform: none;
  margin-right: 0.25rem; }

/* Corner Icon */
i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  transform: none;
  font-size: 0.45em;
  text-shadow: -2px 0 #FFFFFF, 0px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; }

i.icons .top.right.corner.icon {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto; }

i.icons .top.left.corner.icon {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto; }

i.icons .bottom.left.corner.icon {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0; }

i.icons .bottom.right.corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0; }

i.icons .inverted.corner.icon {
  text-shadow: -2px 0 #212128, 0px 0 #212128, -1px 1px 0 #212128, 1px 1px 0 #212128; }

/*
 * Font Awesome 5.0.8 by $fontawesome - http://fontawesome.io - $fontawesome
 * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
 */
/*******************************

Semantic-UI integration of font-awesome :

///class names are separated
i.icon.circle => i.icon.circle
i.icon.circle-o => i.icon.circle.outline

//abbreviation are replaced by full letters:
i.icon.ellipsis-h => i.icon.ellipsis.horizontal
i.icon.ellipsis-v => i.icon.ellipsis.vertical
.alpha => .i.icon.alphabet
.asc => .i.icon.ascending
.desc => .i.icon.descending
.alt =>.alternate

ASCII order is conserved for easier maintenance.

Icons that only have one style 'outline', 'square' etc do not require this class
for instance `lemon icon` not `lemon outline icon` since there is only one lemon

*******************************/
/*******************************
            Icons
*******************************/
/* Icons */
i.icon.\35 00px:before {
  content: "\f26e"; }

i.icon.accessible.icon:before {
  content: "\f368"; }

i.icon.accusoft:before {
  content: "\f369"; }

i.icon.address.book:before {
  content: "\f2b9"; }

i.icon.address.card:before {
  content: "\f2bb"; }

i.icon.adjust:before {
  content: "\f042"; }

i.icon.adn:before {
  content: "\f170"; }

i.icon.adversal:before {
  content: "\f36a"; }

i.icon.affiliatetheme:before {
  content: "\f36b"; }

i.icon.algolia:before {
  content: "\f36c"; }

i.icon.align.center:before {
  content: "\f037"; }

i.icon.align.justify:before {
  content: "\f039"; }

i.icon.align.left:before {
  content: "\f036"; }

i.icon.align.right:before {
  content: "\f038"; }

i.icon.amazon:before {
  content: "\f270"; }

i.icon.amazon.pay:before {
  content: "\f42c"; }

i.icon.ambulance:before {
  content: "\f0f9"; }

i.icon.american.sign.language.interpreting:before {
  content: "\f2a3"; }

i.icon.amilia:before {
  content: "\f36d"; }

i.icon.anchor:before {
  content: "\f13d"; }

i.icon.android:before {
  content: "\f17b"; }

i.icon.angellist:before {
  content: "\f209"; }

i.icon.angle.double.down:before {
  content: "\f103"; }

i.icon.angle.double.left:before {
  content: "\f100"; }

i.icon.angle.double.right:before {
  content: "\f101"; }

i.icon.angle.double.up:before {
  content: "\f102"; }

i.icon.angle.down:before {
  content: "\f107"; }

i.icon.angle.left:before {
  content: "\f104"; }

i.icon.angle.right:before {
  content: "\f105"; }

i.icon.angle.up:before {
  content: "\f106"; }

i.icon.angrycreative:before {
  content: "\f36e"; }

i.icon.angular:before {
  content: "\f420"; }

i.icon.app.store:before {
  content: "\f36f"; }

i.icon.app.store.ios:before {
  content: "\f370"; }

i.icon.apper:before {
  content: "\f371"; }

i.icon.apple:before {
  content: "\f179"; }

i.icon.apple.pay:before {
  content: "\f415"; }

i.icon.archive:before {
  content: "\f187"; }

i.icon.arrow.alternate.circle.down:before {
  content: "\f358"; }

i.icon.arrow.alternate.circle.left:before {
  content: "\f359"; }

i.icon.arrow.alternate.circle.right:before {
  content: "\f35a"; }

i.icon.arrow.alternate.circle.up:before {
  content: "\f35b"; }

i.icon.arrow.circle.down:before {
  content: "\f0ab"; }

i.icon.arrow.circle.left:before {
  content: "\f0a8"; }

i.icon.arrow.circle.right:before {
  content: "\f0a9"; }

i.icon.arrow.circle.up:before {
  content: "\f0aa"; }

i.icon.arrow.down:before {
  content: "\f063"; }

i.icon.arrow.left:before {
  content: "\f060"; }

i.icon.arrow.right:before {
  content: "\f061"; }

i.icon.arrow.up:before {
  content: "\f062"; }

i.icon.arrows.alternate:before {
  content: "\f0b2"; }

i.icon.arrows.alternate.horizontal:before {
  content: "\f337"; }

i.icon.arrows.alternate.vertical:before {
  content: "\f338"; }

i.icon.assistive.listening.systems:before {
  content: "\f2a2"; }

i.icon.asterisk:before {
  content: "\f069"; }

i.icon.asymmetrik:before {
  content: "\f372"; }

i.icon.at:before {
  content: "\f1fa"; }

i.icon.audible:before {
  content: "\f373"; }

i.icon.audio.description:before {
  content: "\f29e"; }

i.icon.autoprefixer:before {
  content: "\f41c"; }

i.icon.avianex:before {
  content: "\f374"; }

i.icon.aviato:before {
  content: "\f421"; }

i.icon.aws:before {
  content: "\f375"; }

i.icon.backward:before {
  content: "\f04a"; }

i.icon.balance.scale:before {
  content: "\f24e"; }

i.icon.ban:before {
  content: "\f05e"; }

i.icon.band.aid:before {
  content: "\f462"; }

i.icon.bandcamp:before {
  content: "\f2d5"; }

i.icon.barcode:before {
  content: "\f02a"; }

i.icon.bars:before {
  content: "\f0c9"; }

i.icon.baseball.ball:before {
  content: "\f433"; }

i.icon.basketball.ball:before {
  content: "\f434"; }

i.icon.bath:before {
  content: "\f2cd"; }

i.icon.battery.empty:before {
  content: "\f244"; }

i.icon.battery.full:before {
  content: "\f240"; }

i.icon.battery.half:before {
  content: "\f242"; }

i.icon.battery.quarter:before {
  content: "\f243"; }

i.icon.battery.three.quarters:before {
  content: "\f241"; }

i.icon.bed:before {
  content: "\f236"; }

i.icon.beer:before {
  content: "\f0fc"; }

i.icon.behance:before {
  content: "\f1b4"; }

i.icon.behance.square:before {
  content: "\f1b5"; }

i.icon.bell:before {
  content: "\f0f3"; }

i.icon.bell.slash:before {
  content: "\f1f6"; }

i.icon.bicycle:before {
  content: "\f206"; }

i.icon.bimobject:before {
  content: "\f378"; }

i.icon.binoculars:before {
  content: "\f1e5"; }

i.icon.birthday.cake:before {
  content: "\f1fd"; }

i.icon.bitbucket:before {
  content: "\f171"; }

i.icon.bitcoin:before {
  content: "\f379"; }

i.icon.bity:before {
  content: "\f37a"; }

i.icon.black.tie:before {
  content: "\f27e"; }

i.icon.blackberry:before {
  content: "\f37b"; }

i.icon.blind:before {
  content: "\f29d"; }

i.icon.blogger:before {
  content: "\f37c"; }

i.icon.blogger.b:before {
  content: "\f37d"; }

i.icon.bluetooth:before {
  content: "\f293"; }

i.icon.bluetooth.b:before {
  content: "\f294"; }

i.icon.bold:before {
  content: "\f032"; }

i.icon.bolt:before {
  content: "\f0e7"; }

i.icon.bomb:before {
  content: "\f1e2"; }

i.icon.book:before {
  content: "\f02d"; }

i.icon.bookmark:before {
  content: "\f02e"; }

i.icon.bowling.ball:before {
  content: "\f436"; }

i.icon.box:before {
  content: "\f466"; }

i.icon.boxes:before {
  content: "\f468"; }

i.icon.braille:before {
  content: "\f2a1"; }

i.icon.briefcase:before {
  content: "\f0b1"; }

i.icon.btc:before {
  content: "\f15a"; }

i.icon.bug:before {
  content: "\f188"; }

i.icon.building:before {
  content: "\f1ad"; }

i.icon.bullhorn:before {
  content: "\f0a1"; }

i.icon.bullseye:before {
  content: "\f140"; }

i.icon.buromobelexperte:before {
  content: "\f37f"; }

i.icon.bus:before {
  content: "\f207"; }

i.icon.buysellads:before {
  content: "\f20d"; }

i.icon.calculator:before {
  content: "\f1ec"; }

i.icon.calendar:before {
  content: "\f133"; }

i.icon.calendar.alternate:before {
  content: "\f073"; }

i.icon.calendar.check:before {
  content: "\f274"; }

i.icon.calendar.minus:before {
  content: "\f272"; }

i.icon.calendar.plus:before {
  content: "\f271"; }

i.icon.calendar.times:before {
  content: "\f273"; }

i.icon.camera:before {
  content: "\f030"; }

i.icon.camera.retro:before {
  content: "\f083"; }

i.icon.car:before {
  content: "\f1b9"; }

i.icon.caret.down:before {
  content: "\f0d7"; }

i.icon.caret.left:before {
  content: "\f0d9"; }

i.icon.caret.right:before {
  content: "\f0da"; }

i.icon.caret.square.down:before {
  content: "\f150"; }

i.icon.caret.square.left:before {
  content: "\f191"; }

i.icon.caret.square.right:before {
  content: "\f152"; }

i.icon.caret.square.up:before {
  content: "\f151"; }

i.icon.caret.up:before {
  content: "\f0d8"; }

i.icon.cart.arrow.down:before {
  content: "\f218"; }

i.icon.cart.plus:before {
  content: "\f217"; }

i.icon.cc.amazon.pay:before {
  content: "\f42d"; }

i.icon.cc.amex:before {
  content: "\f1f3"; }

i.icon.cc.apple.pay:before {
  content: "\f416"; }

i.icon.cc.diners.club:before {
  content: "\f24c"; }

i.icon.cc.discover:before {
  content: "\f1f2"; }

i.icon.cc.jcb:before {
  content: "\f24b"; }

i.icon.cc.mastercard:before {
  content: "\f1f1"; }

i.icon.cc.paypal:before {
  content: "\f1f4"; }

i.icon.cc.stripe:before {
  content: "\f1f5"; }

i.icon.cc.visa:before {
  content: "\f1f0"; }

i.icon.centercode:before {
  content: "\f380"; }

i.icon.certificate:before {
  content: "\f0a3"; }

i.icon.chart.area:before {
  content: "\f1fe"; }

i.icon.chart.bar:before {
  content: "\f080"; }

i.icon.chart.line:before {
  content: "\f201"; }

i.icon.chart.pie:before {
  content: "\f200"; }

i.icon.check:before {
  content: "\f00c"; }

i.icon.check.circle:before {
  content: "\f058"; }

i.icon.check.square:before {
  content: "\f14a"; }

i.icon.chess:before {
  content: "\f439"; }

i.icon.chess.bishop:before {
  content: "\f43a"; }

i.icon.chess.board:before {
  content: "\f43c"; }

i.icon.chess.king:before {
  content: "\f43f"; }

i.icon.chess.knight:before {
  content: "\f441"; }

i.icon.chess.pawn:before {
  content: "\f443"; }

i.icon.chess.queen:before {
  content: "\f445"; }

i.icon.chess.rook:before {
  content: "\f447"; }

i.icon.chevron.circle.down:before {
  content: "\f13a"; }

i.icon.chevron.circle.left:before {
  content: "\f137"; }

i.icon.chevron.circle.right:before {
  content: "\f138"; }

i.icon.chevron.circle.up:before {
  content: "\f139"; }

i.icon.chevron.down:before {
  content: "\f078"; }

i.icon.chevron.left:before {
  content: "\f053"; }

i.icon.chevron.right:before {
  content: "\f054"; }

i.icon.chevron.up:before {
  content: "\f077"; }

i.icon.child:before {
  content: "\f1ae"; }

i.icon.chrome:before {
  content: "\f268"; }

i.icon.circle:before {
  content: "\f111"; }

i.icon.circle.notch:before {
  content: "\f1ce"; }

i.icon.clipboard:before {
  content: "\f328"; }

i.icon.clipboard.check:before {
  content: "\f46c"; }

i.icon.clipboard.list:before {
  content: "\f46d"; }

i.icon.clock:before {
  content: "\f017"; }

i.icon.clone:before {
  content: "\f24d"; }

i.icon.closed.captioning:before {
  content: "\f20a"; }

i.icon.cloud:before {
  content: "\f0c2"; }

i.icon.cloudscale:before {
  content: "\f383"; }

i.icon.cloudsmith:before {
  content: "\f384"; }

i.icon.cloudversify:before {
  content: "\f385"; }

i.icon.code:before {
  content: "\f121"; }

i.icon.code.branch:before {
  content: "\f126"; }

i.icon.codepen:before {
  content: "\f1cb"; }

i.icon.codiepie:before {
  content: "\f284"; }

i.icon.coffee:before {
  content: "\f0f4"; }

i.icon.cog:before {
  content: "\f013"; }

i.icon.cogs:before {
  content: "\f085"; }

i.icon.columns:before {
  content: "\f0db"; }

i.icon.comment:before {
  content: "\f075"; }

i.icon.comment.alternate:before {
  content: "\f27a"; }

i.icon.comments:before {
  content: "\f086"; }

i.icon.compass:before {
  content: "\f14e"; }

i.icon.compress:before {
  content: "\f066"; }

i.icon.connectdevelop:before {
  content: "\f20e"; }

i.icon.contao:before {
  content: "\f26d"; }

i.icon.copy:before {
  content: "\f0c5"; }

i.icon.copyright:before {
  content: "\f1f9"; }

i.icon.cpanel:before {
  content: "\f388"; }

i.icon.creative.commons:before {
  content: "\f25e"; }

i.icon.credit.card:before {
  content: "\f09d"; }

i.icon.crop:before {
  content: "\f125"; }

i.icon.crosshairs:before {
  content: "\f05b"; }

i.icon.css3:before {
  content: "\f13c"; }

i.icon.css3.alternate:before {
  content: "\f38b"; }

i.icon.cube:before {
  content: "\f1b2"; }

i.icon.cubes:before {
  content: "\f1b3"; }

i.icon.cut:before {
  content: "\f0c4"; }

i.icon.cuttlefish:before {
  content: "\f38c"; }

i.icon.d.and.d:before {
  content: "\f38d"; }

i.icon.dashcube:before {
  content: "\f210"; }

i.icon.database:before {
  content: "\f1c0"; }

i.icon.deaf:before {
  content: "\f2a4"; }

i.icon.delicious:before {
  content: "\f1a5"; }

i.icon.deploydog:before {
  content: "\f38e"; }

i.icon.deskpro:before {
  content: "\f38f"; }

i.icon.desktop:before {
  content: "\f108"; }

i.icon.deviantart:before {
  content: "\f1bd"; }

i.icon.digg:before {
  content: "\f1a6"; }

i.icon.digital.ocean:before {
  content: "\f391"; }

i.icon.discord:before {
  content: "\f392"; }

i.icon.discourse:before {
  content: "\f393"; }

i.icon.dna:before {
  content: "\f471"; }

i.icon.dochub:before {
  content: "\f394"; }

i.icon.docker:before {
  content: "\f395"; }

i.icon.dollar.sign:before {
  content: "\f155"; }

i.icon.dolly:before {
  content: "\f472"; }

i.icon.dolly.flatbed:before {
  content: "\f474"; }

i.icon.dot.circle:before {
  content: "\f192"; }

i.icon.download:before {
  content: "\f019"; }

i.icon.draft2digital:before {
  content: "\f396"; }

i.icon.dribbble:before {
  content: "\f17d"; }

i.icon.dribbble.square:before {
  content: "\f397"; }

i.icon.dropbox:before {
  content: "\f16b"; }

i.icon.drupal:before {
  content: "\f1a9"; }

i.icon.dyalog:before {
  content: "\f399"; }

i.icon.earlybirds:before {
  content: "\f39a"; }

i.icon.edge:before {
  content: "\f282"; }

i.icon.edit:before {
  content: "\f044"; }

i.icon.eject:before {
  content: "\f052"; }

i.icon.elementor:before {
  content: "\f430"; }

i.icon.ellipsis.horizontal:before {
  content: "\f141"; }

i.icon.ellipsis.vertical:before {
  content: "\f142"; }

i.icon.ember:before {
  content: "\f423"; }

i.icon.empire:before {
  content: "\f1d1"; }

i.icon.envelope:before {
  content: "\f0e0"; }

i.icon.envelope.open:before {
  content: "\f2b6"; }

i.icon.envelope.square:before {
  content: "\f199"; }

i.icon.envira:before {
  content: "\f299"; }

i.icon.eraser:before {
  content: "\f12d"; }

i.icon.erlang:before {
  content: "\f39d"; }

i.icon.ethereum:before {
  content: "\f42e"; }

i.icon.etsy:before {
  content: "\f2d7"; }

i.icon.euro.sign:before {
  content: "\f153"; }

i.icon.exchange.alternate:before {
  content: "\f362"; }

i.icon.exclamation:before {
  content: "\f12a"; }

i.icon.exclamation.circle:before {
  content: "\f06a"; }

i.icon.exclamation.triangle:before {
  content: "\f071"; }

i.icon.expand:before {
  content: "\f065"; }

i.icon.expand.arrows.alternate:before {
  content: "\f31e"; }

i.icon.expeditedssl:before {
  content: "\f23e"; }

i.icon.external.alternate:before {
  content: "\f35d"; }

i.icon.external.square.alternate:before {
  content: "\f360"; }

i.icon.eye:before {
  content: "\f06e"; }

i.icon.eye.dropper:before {
  content: "\f1fb"; }

i.icon.eye.slash:before {
  content: "\f070"; }

i.icon.facebook:before {
  content: "\f09a"; }

i.icon.facebook.f:before {
  content: "\f39e"; }

i.icon.facebook.messenger:before {
  content: "\f39f"; }

i.icon.facebook.square:before {
  content: "\f082"; }

i.icon.fast.backward:before {
  content: "\f049"; }

i.icon.fast.forward:before {
  content: "\f050"; }

i.icon.fax:before {
  content: "\f1ac"; }

i.icon.female:before {
  content: "\f182"; }

i.icon.fighter.jet:before {
  content: "\f0fb"; }

i.icon.file:before {
  content: "\f15b"; }

i.icon.file.alternate:before {
  content: "\f15c"; }

i.icon.file.archive:before {
  content: "\f1c6"; }

i.icon.file.audio:before {
  content: "\f1c7"; }

i.icon.file.code:before {
  content: "\f1c9"; }

i.icon.file.excel:before {
  content: "\f1c3"; }

i.icon.file.image:before {
  content: "\f1c5"; }

i.icon.file.pdf:before {
  content: "\f1c1"; }

i.icon.file.powerpoint:before {
  content: "\f1c4"; }

i.icon.file.video:before {
  content: "\f1c8"; }

i.icon.file.word:before {
  content: "\f1c2"; }

i.icon.film:before {
  content: "\f008"; }

i.icon.filter:before {
  content: "\f0b0"; }

i.icon.fire:before {
  content: "\f06d"; }

i.icon.fire.extinguisher:before {
  content: "\f134"; }

i.icon.firefox:before {
  content: "\f269"; }

i.icon.first.aid:before {
  content: "\f479"; }

i.icon.first.order:before {
  content: "\f2b0"; }

i.icon.firstdraft:before {
  content: "\f3a1"; }

i.icon.flag:before {
  content: "\f024"; }

i.icon.flag.checkered:before {
  content: "\f11e"; }

i.icon.flask:before {
  content: "\f0c3"; }

i.icon.flickr:before {
  content: "\f16e"; }

i.icon.flipboard:before {
  content: "\f44d"; }

i.icon.fly:before {
  content: "\f417"; }

i.icon.folder:before {
  content: "\f07b"; }

i.icon.folder.open:before {
  content: "\f07c"; }

i.icon.font:before {
  content: "\f031"; }

i.icon.font.awesome:before {
  content: "\f2b4"; }

i.icon.font.awesome.alternate:before {
  content: "\f35c"; }

i.icon.font.awesome.flag:before {
  content: "\f425"; }

i.icon.fonticons:before {
  content: "\f280"; }

i.icon.fonticons.fi:before {
  content: "\f3a2"; }

i.icon.football.ball:before {
  content: "\f44e"; }

i.icon.fort.awesome:before {
  content: "\f286"; }

i.icon.fort.awesome.alternate:before {
  content: "\f3a3"; }

i.icon.forumbee:before {
  content: "\f211"; }

i.icon.forward:before {
  content: "\f04e"; }

i.icon.foursquare:before {
  content: "\f180"; }

i.icon.free.code.camp:before {
  content: "\f2c5"; }

i.icon.freebsd:before {
  content: "\f3a4"; }

i.icon.frown:before {
  content: "\f119"; }

i.icon.futbol:before {
  content: "\f1e3"; }

i.icon.gamepad:before {
  content: "\f11b"; }

i.icon.gavel:before {
  content: "\f0e3"; }

i.icon.gem:before {
  content: "\f3a5"; }

i.icon.genderless:before {
  content: "\f22d"; }

i.icon.get.pocket:before {
  content: "\f265"; }

i.icon.gg:before {
  content: "\f260"; }

i.icon.gg.circle:before {
  content: "\f261"; }

i.icon.gift:before {
  content: "\f06b"; }

i.icon.git:before {
  content: "\f1d3"; }

i.icon.git.square:before {
  content: "\f1d2"; }

i.icon.github:before {
  content: "\f09b"; }

i.icon.github.alternate:before {
  content: "\f113"; }

i.icon.github.square:before {
  content: "\f092"; }

i.icon.gitkraken:before {
  content: "\f3a6"; }

i.icon.gitlab:before {
  content: "\f296"; }

i.icon.gitter:before {
  content: "\f426"; }

i.icon.glass.martini:before {
  content: "\f000"; }

i.icon.glide:before {
  content: "\f2a5"; }

i.icon.glide.g:before {
  content: "\f2a6"; }

i.icon.globe:before {
  content: "\f0ac"; }

i.icon.gofore:before {
  content: "\f3a7"; }

i.icon.golf.ball:before {
  content: "\f450"; }

i.icon.goodreads:before {
  content: "\f3a8"; }

i.icon.goodreads.g:before {
  content: "\f3a9"; }

i.icon.google:before {
  content: "\f1a0"; }

i.icon.google.drive:before {
  content: "\f3aa"; }

i.icon.google.play:before {
  content: "\f3ab"; }

i.icon.google.plus:before {
  content: "\f2b3"; }

i.icon.google.plus.g:before {
  content: "\f0d5"; }

i.icon.google.plus.square:before {
  content: "\f0d4"; }

i.icon.google.wallet:before {
  content: "\f1ee"; }

i.icon.graduation.cap:before {
  content: "\f19d"; }

i.icon.gratipay:before {
  content: "\f184"; }

i.icon.grav:before {
  content: "\f2d6"; }

i.icon.gripfire:before {
  content: "\f3ac"; }

i.icon.grunt:before {
  content: "\f3ad"; }

i.icon.gulp:before {
  content: "\f3ae"; }

i.icon.h.square:before {
  content: "\f0fd"; }

i.icon.hacker.news:before {
  content: "\f1d4"; }

i.icon.hacker.news.square:before {
  content: "\f3af"; }

i.icon.hand.lizard:before {
  content: "\f258"; }

i.icon.hand.paper:before {
  content: "\f256"; }

i.icon.hand.peace:before {
  content: "\f25b"; }

i.icon.hand.point.down:before {
  content: "\f0a7"; }

i.icon.hand.point.left:before {
  content: "\f0a5"; }

i.icon.hand.point.right:before {
  content: "\f0a4"; }

i.icon.hand.point.up:before {
  content: "\f0a6"; }

i.icon.hand.pointer:before {
  content: "\f25a"; }

i.icon.hand.rock:before {
  content: "\f255"; }

i.icon.hand.scissors:before {
  content: "\f257"; }

i.icon.hand.spock:before {
  content: "\f259"; }

i.icon.handshake:before {
  content: "\f2b5"; }

i.icon.hashtag:before {
  content: "\f292"; }

i.icon.hdd:before {
  content: "\f0a0"; }

i.icon.heading:before {
  content: "\f1dc"; }

i.icon.headphones:before {
  content: "\f025"; }

i.icon.heart:before {
  content: "\f004"; }

i.icon.heartbeat:before {
  content: "\f21e"; }

i.icon.hips:before {
  content: "\f452"; }

i.icon.hire.a.helper:before {
  content: "\f3b0"; }

i.icon.history:before {
  content: "\f1da"; }

i.icon.hockey.puck:before {
  content: "\f453"; }

i.icon.home:before {
  content: "\f015"; }

i.icon.hooli:before {
  content: "\f427"; }

i.icon.hospital:before {
  content: "\f0f8"; }

i.icon.hospital.symbol:before {
  content: "\f47e"; }

i.icon.hotjar:before {
  content: "\f3b1"; }

i.icon.hourglass:before {
  content: "\f254"; }

i.icon.hourglass.end:before {
  content: "\f253"; }

i.icon.hourglass.half:before {
  content: "\f252"; }

i.icon.hourglass.start:before {
  content: "\f251"; }

i.icon.houzz:before {
  content: "\f27c"; }

i.icon.html5:before {
  content: "\f13b"; }

i.icon.hubspot:before {
  content: "\f3b2"; }

i.icon.i.cursor:before {
  content: "\f246"; }

i.icon.id.badge:before {
  content: "\f2c1"; }

i.icon.id.card:before {
  content: "\f2c2"; }

i.icon.image:before {
  content: "\f03e"; }

i.icon.images:before {
  content: "\f302"; }

i.icon.imdb:before {
  content: "\f2d8"; }

i.icon.inbox:before {
  content: "\f01c"; }

i.icon.indent:before {
  content: "\f03c"; }

i.icon.industry:before {
  content: "\f275"; }

i.icon.info:before {
  content: "\f129"; }

i.icon.info.circle:before {
  content: "\f05a"; }

i.icon.instagram:before {
  content: "\f16d"; }

i.icon.internet.explorer:before {
  content: "\f26b"; }

i.icon.ioxhost:before {
  content: "\f208"; }

i.icon.italic:before {
  content: "\f033"; }

i.icon.itunes:before {
  content: "\f3b4"; }

i.icon.itunes.note:before {
  content: "\f3b5"; }

i.icon.jenkins:before {
  content: "\f3b6"; }

i.icon.joget:before {
  content: "\f3b7"; }

i.icon.joomla:before {
  content: "\f1aa"; }

i.icon.js:before {
  content: "\f3b8"; }

i.icon.js.square:before {
  content: "\f3b9"; }

i.icon.jsfiddle:before {
  content: "\f1cc"; }

i.icon.key:before {
  content: "\f084"; }

i.icon.keyboard:before {
  content: "\f11c"; }

i.icon.keycdn:before {
  content: "\f3ba"; }

i.icon.kickstarter:before {
  content: "\f3bb"; }

i.icon.kickstarter.k:before {
  content: "\f3bc"; }

i.icon.korvue:before {
  content: "\f42f"; }

i.icon.language:before {
  content: "\f1ab"; }

i.icon.laptop:before {
  content: "\f109"; }

i.icon.laravel:before {
  content: "\f3bd"; }

i.icon.lastfm:before {
  content: "\f202"; }

i.icon.lastfm.square:before {
  content: "\f203"; }

i.icon.leaf:before {
  content: "\f06c"; }

i.icon.leanpub:before {
  content: "\f212"; }

i.icon.lemon:before {
  content: "\f094"; }

i.icon.scss:before {
  content: "\f41d"; }

i.icon.level.down.alternate:before {
  content: "\f3be"; }

i.icon.level.up.alternate:before {
  content: "\f3bf"; }

i.icon.life.ring:before {
  content: "\f1cd"; }

i.icon.lightbulb:before {
  content: "\f0eb"; }

i.icon.linechat:before {
  content: "\f3c0"; }

i.icon.linkify:before {
  content: "\f0c1"; }

i.icon.linkedin:before {
  content: "\f08c"; }

i.icon.linkedin.in:before {
  content: "\f0e1"; }

i.icon.linode:before {
  content: "\f2b8"; }

i.icon.linux:before {
  content: "\f17c"; }

i.icon.lira.sign:before {
  content: "\f195"; }

i.icon.list:before {
  content: "\f03a"; }

i.icon.list.alternate:before {
  content: "\f022"; }

i.icon.list.ol:before {
  content: "\f0cb"; }

i.icon.list.ul:before {
  content: "\f0ca"; }

i.icon.location.arrow:before {
  content: "\f124"; }

i.icon.lock:before {
  content: "\f023"; }

i.icon.lock.open:before {
  content: "\f3c1"; }

i.icon.long.arrow.alternate.down:before {
  content: "\f309"; }

i.icon.long.arrow.alternate.left:before {
  content: "\f30a"; }

i.icon.long.arrow.alternate.right:before {
  content: "\f30b"; }

i.icon.long.arrow.alternate.up:before {
  content: "\f30c"; }

i.icon.low.vision:before {
  content: "\f2a8"; }

i.icon.lyft:before {
  content: "\f3c3"; }

i.icon.magento:before {
  content: "\f3c4"; }

i.icon.magic:before {
  content: "\f0d0"; }

i.icon.magnet:before {
  content: "\f076"; }

i.icon.male:before {
  content: "\f183"; }

i.icon.map:before {
  content: "\f279"; }

i.icon.map.marker:before {
  content: "\f041"; }

i.icon.map.marker.alternate:before {
  content: "\f3c5"; }

i.icon.map.pin:before {
  content: "\f276"; }

i.icon.map.signs:before {
  content: "\f277"; }

i.icon.mars:before {
  content: "\f222"; }

i.icon.mars.double:before {
  content: "\f227"; }

i.icon.mars.stroke:before {
  content: "\f229"; }

i.icon.mars.stroke.horizontal:before {
  content: "\f22b"; }

i.icon.mars.stroke.vertical:before {
  content: "\f22a"; }

i.icon.maxcdn:before {
  content: "\f136"; }

i.icon.medapps:before {
  content: "\f3c6"; }

i.icon.medium:before {
  content: "\f23a"; }

i.icon.medium.m:before {
  content: "\f3c7"; }

i.icon.medkit:before {
  content: "\f0fa"; }

i.icon.medrt:before {
  content: "\f3c8"; }

i.icon.meetup:before {
  content: "\f2e0"; }

i.icon.meh:before {
  content: "\f11a"; }

i.icon.mercury:before {
  content: "\f223"; }

i.icon.microchip:before {
  content: "\f2db"; }

i.icon.microphone:before {
  content: "\f130"; }

i.icon.microphone.slash:before {
  content: "\f131"; }

i.icon.microsoft:before {
  content: "\f3ca"; }

i.icon.minus:before {
  content: "\f068"; }

i.icon.minus.circle:before {
  content: "\f056"; }

i.icon.minus.square:before {
  content: "\f146"; }

i.icon.mix:before {
  content: "\f3cb"; }

i.icon.mixcloud:before {
  content: "\f289"; }

i.icon.mizuni:before {
  content: "\f3cc"; }

i.icon.mobile:before {
  content: "\f10b"; }

i.icon.mobile.alternate:before {
  content: "\f3cd"; }

i.icon.modx:before {
  content: "\f285"; }

i.icon.monero:before {
  content: "\f3d0"; }

i.icon.money.bill.alternate:before {
  content: "\f3d1"; }

i.icon.moon:before {
  content: "\f186"; }

i.icon.motorcycle:before {
  content: "\f21c"; }

i.icon.mouse.pointer:before {
  content: "\f245"; }

i.icon.music:before {
  content: "\f001"; }

i.icon.napster:before {
  content: "\f3d2"; }

i.icon.neuter:before {
  content: "\f22c"; }

i.icon.newspaper:before {
  content: "\f1ea"; }

i.icon.nintendo.switch:before {
  content: "\f418"; }

i.icon.node:before {
  content: "\f419"; }

i.icon.node.js:before {
  content: "\f3d3"; }

i.icon.npm:before {
  content: "\f3d4"; }

i.icon.ns8:before {
  content: "\f3d5"; }

i.icon.nutritionix:before {
  content: "\f3d6"; }

i.icon.object.group:before {
  content: "\f247"; }

i.icon.object.ungroup:before {
  content: "\f248"; }

i.icon.odnoklassniki:before {
  content: "\f263"; }

i.icon.odnoklassniki.square:before {
  content: "\f264"; }

i.icon.opencart:before {
  content: "\f23d"; }

i.icon.openid:before {
  content: "\f19b"; }

i.icon.opera:before {
  content: "\f26a"; }

i.icon.optin.monster:before {
  content: "\f23c"; }

i.icon.osi:before {
  content: "\f41a"; }

i.icon.outdent:before {
  content: "\f03b"; }

i.icon.page4:before {
  content: "\f3d7"; }

i.icon.pagelines:before {
  content: "\f18c"; }

i.icon.paint.brush:before {
  content: "\f1fc"; }

i.icon.palfed:before {
  content: "\f3d8"; }

i.icon.pallet:before {
  content: "\f482"; }

i.icon.paper.plane:before {
  content: "\f1d8"; }

i.icon.paperclip:before {
  content: "\f0c6"; }

i.icon.paragraph:before {
  content: "\f1dd"; }

i.icon.paste:before {
  content: "\f0ea"; }

i.icon.patreon:before {
  content: "\f3d9"; }

i.icon.pause:before {
  content: "\f04c"; }

i.icon.pause.circle:before {
  content: "\f28b"; }

i.icon.paw:before {
  content: "\f1b0"; }

i.icon.paypal:before {
  content: "\f1ed"; }

i.icon.pen.square:before {
  content: "\f14b"; }

i.icon.pencil.alternate:before {
  content: "\f303"; }

i.icon.percent:before {
  content: "\f295"; }

i.icon.periscope:before {
  content: "\f3da"; }

i.icon.phabricator:before {
  content: "\f3db"; }

i.icon.phoenix.framework:before {
  content: "\f3dc"; }

i.icon.phone:before {
  content: "\f095"; }

i.icon.phone.square:before {
  content: "\f098"; }

i.icon.phone.volume:before {
  content: "\f2a0"; }

i.icon.php:before {
  content: "\f457"; }

i.icon.pied.piper:before {
  content: "\f2ae"; }

i.icon.pied.piper.alternate:before {
  content: "\f1a8"; }

i.icon.pied.piper.pp:before {
  content: "\f1a7"; }

i.icon.pills:before {
  content: "\f484"; }

i.icon.pinterest:before {
  content: "\f0d2"; }

i.icon.pinterest.p:before {
  content: "\f231"; }

i.icon.pinterest.square:before {
  content: "\f0d3"; }

i.icon.plane:before {
  content: "\f072"; }

i.icon.play:before {
  content: "\f04b"; }

i.icon.play.circle:before {
  content: "\f144"; }

i.icon.playstation:before {
  content: "\f3df"; }

i.icon.plug:before {
  content: "\f1e6"; }

i.icon.plus:before {
  content: "\f067"; }

i.icon.plus.circle:before {
  content: "\f055"; }

i.icon.plus.square:before {
  content: "\f0fe"; }

i.icon.podcast:before {
  content: "\f2ce"; }

i.icon.pound.sign:before {
  content: "\f154"; }

i.icon.power.off:before {
  content: "\f011"; }

i.icon.print:before {
  content: "\f02f"; }

i.icon.product.hunt:before {
  content: "\f288"; }

i.icon.pushed:before {
  content: "\f3e1"; }

i.icon.puzzle.piece:before {
  content: "\f12e"; }

i.icon.python:before {
  content: "\f3e2"; }

i.icon.qq:before {
  content: "\f1d6"; }

i.icon.qrcode:before {
  content: "\f029"; }

i.icon.question:before {
  content: "\f128"; }

i.icon.question.circle:before {
  content: "\f059"; }

i.icon.quidditch:before {
  content: "\f458"; }

i.icon.quinscape:before {
  content: "\f459"; }

i.icon.quora:before {
  content: "\f2c4"; }

i.icon.quote.left:before {
  content: "\f10d"; }

i.icon.quote.right:before {
  content: "\f10e"; }

i.icon.random:before {
  content: "\f074"; }

i.icon.ravelry:before {
  content: "\f2d9"; }

i.icon.react:before {
  content: "\f41b"; }

i.icon.rebel:before {
  content: "\f1d0"; }

i.icon.recycle:before {
  content: "\f1b8"; }

i.icon.redriver:before {
  content: "\f3e3"; }

i.icon.reddit:before {
  content: "\f1a1"; }

i.icon.reddit.alien:before {
  content: "\f281"; }

i.icon.reddit.square:before {
  content: "\f1a2"; }

i.icon.redo:before {
  content: "\f01e"; }

i.icon.redo.alternate:before {
  content: "\f2f9"; }

i.icon.registered:before {
  content: "\f25d"; }

i.icon.rendact:before {
  content: "\f3e4"; }

i.icon.renren:before {
  content: "\f18b"; }

i.icon.reply:before {
  content: "\f3e5"; }

i.icon.reply.all:before {
  content: "\f122"; }

i.icon.replyd:before {
  content: "\f3e6"; }

i.icon.resolving:before {
  content: "\f3e7"; }

i.icon.retweet:before {
  content: "\f079"; }

i.icon.road:before {
  content: "\f018"; }

i.icon.rocket:before {
  content: "\f135"; }

i.icon.rocketchat:before {
  content: "\f3e8"; }

i.icon.rockrms:before {
  content: "\f3e9"; }

i.icon.rss:before {
  content: "\f09e"; }

i.icon.rss.square:before {
  content: "\f143"; }

i.icon.ruble.sign:before {
  content: "\f158"; }

i.icon.rupee.sign:before {
  content: "\f156"; }

i.icon.safari:before {
  content: "\f267"; }

i.icon.sass:before {
  content: "\f41e"; }

i.icon.save:before {
  content: "\f0c7"; }

i.icon.schlix:before {
  content: "\f3ea"; }

i.icon.scribd:before {
  content: "\f28a"; }

i.icon.search:before {
  content: "\f002"; }

i.icon.search.minus:before {
  content: "\f010"; }

i.icon.search.plus:before {
  content: "\f00e"; }

i.icon.searchengin:before {
  content: "\f3eb"; }

i.icon.sellcast:before {
  content: "\f2da"; }

i.icon.sellsy:before {
  content: "\f213"; }

i.icon.server:before {
  content: "\f233"; }

i.icon.servicestack:before {
  content: "\f3ec"; }

i.icon.share:before {
  content: "\f064"; }

i.icon.share.alternate:before {
  content: "\f1e0"; }

i.icon.share.alternate.square:before {
  content: "\f1e1"; }

i.icon.share.square:before {
  content: "\f14d"; }

i.icon.shekel.sign:before {
  content: "\f20b"; }

i.icon.shield.alternate:before {
  content: "\f3ed"; }

i.icon.ship:before {
  content: "\f21a"; }

i.icon.shipping.fast:before {
  content: "\f48b"; }

i.icon.shirtsinbulk:before {
  content: "\f214"; }

i.icon.shopping.bag:before {
  content: "\f290"; }

i.icon.shopping.basket:before {
  content: "\f291"; }

i.icon.shopping.cart:before {
  content: "\f07a"; }

i.icon.shower:before {
  content: "\f2cc"; }

i.icon.sign.in.alternate:before {
  content: "\f2f6"; }

i.icon.sign.language:before {
  content: "\f2a7"; }

i.icon.sign.out.alternate:before {
  content: "\f2f5"; }

i.icon.signal:before {
  content: "\f012"; }

i.icon.simplybuilt:before {
  content: "\f215"; }

i.icon.sistrix:before {
  content: "\f3ee"; }

i.icon.sitemap:before {
  content: "\f0e8"; }

i.icon.skyatlas:before {
  content: "\f216"; }

i.icon.skype:before {
  content: "\f17e"; }

i.icon.slack:before {
  content: "\f198"; }

i.icon.slack.hash:before {
  content: "\f3ef"; }

i.icon.sliders.horizontal:before {
  content: "\f1de"; }

i.icon.slideshare:before {
  content: "\f1e7"; }

i.icon.smile:before {
  content: "\f118"; }

i.icon.snapchat:before {
  content: "\f2ab"; }

i.icon.snapchat.ghost:before {
  content: "\f2ac"; }

i.icon.snapchat.square:before {
  content: "\f2ad"; }

i.icon.snowflake:before {
  content: "\f2dc"; }

i.icon.sort:before {
  content: "\f0dc"; }

i.icon.sort.alphabet.down:before {
  content: "\f15d"; }

i.icon.sort.alphabet.up:before {
  content: "\f15e"; }

i.icon.sort.amount.down:before {
  content: "\f160"; }

i.icon.sort.amount.up:before {
  content: "\f161"; }

i.icon.sort.down:before {
  content: "\f0dd"; }

i.icon.sort.numeric.down:before {
  content: "\f162"; }

i.icon.sort.numeric.up:before {
  content: "\f163"; }

i.icon.sort.up:before {
  content: "\f0de"; }

i.icon.soundcloud:before {
  content: "\f1be"; }

i.icon.space.shuttle:before {
  content: "\f197"; }

i.icon.speakap:before {
  content: "\f3f3"; }

i.icon.spinner:before {
  content: "\f110"; }

i.icon.spotify:before {
  content: "\f1bc"; }

i.icon.square:before {
  content: "\f0c8"; }

i.icon.square.full:before {
  content: "\f45c"; }

i.icon.stack.exchange:before {
  content: "\f18d"; }

i.icon.stack.overflow:before {
  content: "\f16c"; }

i.icon.star:before {
  content: "\f005"; }

i.icon.star.half:before {
  content: "\f089"; }

i.icon.staylinked:before {
  content: "\f3f5"; }

i.icon.steam:before {
  content: "\f1b6"; }

i.icon.steam.square:before {
  content: "\f1b7"; }

i.icon.steam.symbol:before {
  content: "\f3f6"; }

i.icon.step.backward:before {
  content: "\f048"; }

i.icon.step.forward:before {
  content: "\f051"; }

i.icon.stethoscope:before {
  content: "\f0f1"; }

i.icon.sticker.mule:before {
  content: "\f3f7"; }

i.icon.sticky.note:before {
  content: "\f249"; }

i.icon.stop:before {
  content: "\f04d"; }

i.icon.stop.circle:before {
  content: "\f28d"; }

i.icon.stopwatch:before {
  content: "\f2f2"; }

i.icon.strava:before {
  content: "\f428"; }

i.icon.street.view:before {
  content: "\f21d"; }

i.icon.strikethrough:before {
  content: "\f0cc"; }

i.icon.stripe:before {
  content: "\f429"; }

i.icon.stripe.s:before {
  content: "\f42a"; }

i.icon.studiovinari:before {
  content: "\f3f8"; }

i.icon.stumbleupon:before {
  content: "\f1a4"; }

i.icon.stumbleupon.circle:before {
  content: "\f1a3"; }

i.icon.subscript:before {
  content: "\f12c"; }

i.icon.subway:before {
  content: "\f239"; }

i.icon.suitcase:before {
  content: "\f0f2"; }

i.icon.sun:before {
  content: "\f185"; }

i.icon.superpowers:before {
  content: "\f2dd"; }

i.icon.superscript:before {
  content: "\f12b"; }

i.icon.supple:before {
  content: "\f3f9"; }

i.icon.sync:before {
  content: "\f021"; }

i.icon.sync.alternate:before {
  content: "\f2f1"; }

i.icon.syringe:before {
  content: "\f48e"; }

i.icon.table:before {
  content: "\f0ce"; }

i.icon.table.tennis:before {
  content: "\f45d"; }

i.icon.tablet:before {
  content: "\f10a"; }

i.icon.tablet.alternate:before {
  content: "\f3fa"; }

i.icon.tachometer.alternate:before {
  content: "\f3fd"; }

i.icon.tag:before {
  content: "\f02b"; }

i.icon.tags:before {
  content: "\f02c"; }

i.icon.tasks:before {
  content: "\f0ae"; }

i.icon.taxi:before {
  content: "\f1ba"; }

i.icon.telegram:before {
  content: "\f2c6"; }

i.icon.telegram.plane:before {
  content: "\f3fe"; }

i.icon.tencent.weibo:before {
  content: "\f1d5"; }

i.icon.terminal:before {
  content: "\f120"; }

i.icon.text.height:before {
  content: "\f034"; }

i.icon.text.width:before {
  content: "\f035"; }

i.icon.th:before {
  content: "\f00a"; }

i.icon.th.large:before {
  content: "\f009"; }

i.icon.th.list:before {
  content: "\f00b"; }

i.icon.themeisle:before {
  content: "\f2b2"; }

i.icon.thermometer:before {
  content: "\f491"; }

i.icon.thermometer.empty:before {
  content: "\f2cb"; }

i.icon.thermometer.full:before {
  content: "\f2c7"; }

i.icon.thermometer.half:before {
  content: "\f2c9"; }

i.icon.thermometer.quarter:before {
  content: "\f2ca"; }

i.icon.thermometer.three.quarters:before {
  content: "\f2c8"; }

i.icon.thumbs.down:before {
  content: "\f165"; }

i.icon.thumbs.up:before {
  content: "\f164"; }

i.icon.thumbtack:before {
  content: "\f08d"; }

i.icon.ticket.alternate:before {
  content: "\f3ff"; }

i.icon.times:before {
  content: "\f00d"; }

i.icon.times.circle:before {
  content: "\f057"; }

i.icon.tint:before {
  content: "\f043"; }

i.icon.toggle.off:before {
  content: "\f204"; }

i.icon.toggle.on:before {
  content: "\f205"; }

i.icon.trademark:before {
  content: "\f25c"; }

i.icon.train:before {
  content: "\f238"; }

i.icon.transgender:before {
  content: "\f224"; }

i.icon.transgender.alternate:before {
  content: "\f225"; }

i.icon.trash:before {
  content: "\f1f8"; }

i.icon.trash.alternate:before {
  content: "\f2ed"; }

i.icon.tree:before {
  content: "\f1bb"; }

i.icon.trello:before {
  content: "\f181"; }

i.icon.tripadvisor:before {
  content: "\f262"; }

i.icon.trophy:before {
  content: "\f091"; }

i.icon.truck:before {
  content: "\f0d1"; }

i.icon.tty:before {
  content: "\f1e4"; }

i.icon.tumblr:before {
  content: "\f173"; }

i.icon.tumblr.square:before {
  content: "\f174"; }

i.icon.tv:before {
  content: "\f26c"; }

i.icon.twitch:before {
  content: "\f1e8"; }

i.icon.twitter:before {
  content: "\f099"; }

i.icon.twitter.square:before {
  content: "\f081"; }

i.icon.typo3:before {
  content: "\f42b"; }

i.icon.uber:before {
  content: "\f402"; }

i.icon.uikit:before {
  content: "\f403"; }

i.icon.umbrella:before {
  content: "\f0e9"; }

i.icon.underline:before {
  content: "\f0cd"; }

i.icon.undo:before {
  content: "\f0e2"; }

i.icon.undo.alternate:before {
  content: "\f2ea"; }

i.icon.uniregistry:before {
  content: "\f404"; }

i.icon.universal.access:before {
  content: "\f29a"; }

i.icon.university:before {
  content: "\f19c"; }

i.icon.unlink:before {
  content: "\f127"; }

i.icon.unlock:before {
  content: "\f09c"; }

i.icon.unlock.alternate:before {
  content: "\f13e"; }

i.icon.untappd:before {
  content: "\f405"; }

i.icon.upload:before {
  content: "\f093"; }

i.icon.usb:before {
  content: "\f287"; }

i.icon.user:before {
  content: "\f007"; }

i.icon.user.circle:before {
  content: "\f2bd"; }

i.icon.user.md:before {
  content: "\f0f0"; }

i.icon.user.plus:before {
  content: "\f234"; }

i.icon.user.secret:before {
  content: "\f21b"; }

i.icon.user.times:before {
  content: "\f235"; }

i.icon.users:before {
  content: "\f0c0"; }

i.icon.ussunnah:before {
  content: "\f407"; }

i.icon.utensil.spoon:before {
  content: "\f2e5"; }

i.icon.utensils:before {
  content: "\f2e7"; }

i.icon.vaadin:before {
  content: "\f408"; }

i.icon.venus:before {
  content: "\f221"; }

i.icon.venus.double:before {
  content: "\f226"; }

i.icon.venus.mars:before {
  content: "\f228"; }

i.icon.viacoin:before {
  content: "\f237"; }

i.icon.viadeo:before {
  content: "\f2a9"; }

i.icon.viadeo.square:before {
  content: "\f2aa"; }

i.icon.viber:before {
  content: "\f409"; }

i.icon.video:before {
  content: "\f03d"; }

i.icon.vimeo:before {
  content: "\f40a"; }

i.icon.vimeo.square:before {
  content: "\f194"; }

i.icon.vimeo.v:before {
  content: "\f27d"; }

i.icon.vine:before {
  content: "\f1ca"; }

i.icon.vk:before {
  content: "\f189"; }

i.icon.vnv:before {
  content: "\f40b"; }

i.icon.volleyball.ball:before {
  content: "\f45f"; }

i.icon.volume.down:before {
  content: "\f027"; }

i.icon.volume.off:before {
  content: "\f026"; }

i.icon.volume.up:before {
  content: "\f028"; }

i.icon.vuejs:before {
  content: "\f41f"; }

i.icon.warehouse:before {
  content: "\f494"; }

i.icon.weibo:before {
  content: "\f18a"; }

i.icon.weight:before {
  content: "\f496"; }

i.icon.weixin:before {
  content: "\f1d7"; }

i.icon.whatsapp:before {
  content: "\f232"; }

i.icon.whatsapp.square:before {
  content: "\f40c"; }

i.icon.wheelchair:before {
  content: "\f193"; }

i.icon.whmcs:before {
  content: "\f40d"; }

i.icon.wifi:before {
  content: "\f1eb"; }

i.icon.wikipedia.w:before {
  content: "\f266"; }

i.icon.window.close:before {
  content: "\f410"; }

i.icon.window.maximize:before {
  content: "\f2d0"; }

i.icon.window.minimize:before {
  content: "\f2d1"; }

i.icon.window.restore:before {
  content: "\f2d2"; }

i.icon.windows:before {
  content: "\f17a"; }

i.icon.won.sign:before {
  content: "\f159"; }

i.icon.wordpress:before {
  content: "\f19a"; }

i.icon.wordpress.simple:before {
  content: "\f411"; }

i.icon.wpbeginner:before {
  content: "\f297"; }

i.icon.wpexplorer:before {
  content: "\f2de"; }

i.icon.wpforms:before {
  content: "\f298"; }

i.icon.wrench:before {
  content: "\f0ad"; }

i.icon.xbox:before {
  content: "\f412"; }

i.icon.xing:before {
  content: "\f168"; }

i.icon.xing.square:before {
  content: "\f169"; }

i.icon.y.combinator:before {
  content: "\f23b"; }

i.icon.yahoo:before {
  content: "\f19e"; }

i.icon.yandex:before {
  content: "\f413"; }

i.icon.yandex.international:before {
  content: "\f414"; }

i.icon.yelp:before {
  content: "\f1e9"; }

i.icon.yen.sign:before {
  content: "\f157"; }

i.icon.yoast:before {
  content: "\f2b1"; }

i.icon.youtube:before {
  content: "\f167"; }

i.icon.youtube.square:before {
  content: "\f431"; }

/* Aliases */
i.icon.chess.rock:before {
  content: "\f447"; }

i.icon.ordered.list:before {
  content: "\f0cb"; }

i.icon.unordered.list:before {
  content: "\f0ca"; }

i.icon.user.doctor:before {
  content: "\f0f0"; }

i.icon.shield:before {
  content: "\f3ed"; }

i.icon.puzzle:before {
  content: "\f12e"; }

i.icon.credit.card.amazon.pay:before {
  content: "\f42d"; }

i.icon.credit.card.american.express:before {
  content: "\f1f3"; }

i.icon.credit.card.diners.club:before {
  content: "\f24c"; }

i.icon.credit.card.discover:before {
  content: "\f1f2"; }

i.icon.credit.card.jcb:before {
  content: "\f24b"; }

i.icon.credit.card.mastercard:before {
  content: "\f1f1"; }

i.icon.credit.card.paypal:before {
  content: "\f1f4"; }

i.icon.credit.card.stripe:before {
  content: "\f1f5"; }

i.icon.credit.card.visa:before {
  content: "\f1f0"; }

i.icon.add.circle:before {
  content: "\f055"; }

i.icon.add.square:before {
  content: "\f0fe"; }

i.icon.add.to.calendar:before {
  content: "\f271"; }

i.icon.add.to.cart:before {
  content: "\f217"; }

i.icon.add.user:before {
  content: "\f234"; }

i.icon.add:before {
  content: "\f067"; }

i.icon.alarm.mute:before {
  content: "\f1f6"; }

i.icon.alarm:before {
  content: "\f0f3"; }

i.icon.ald:before {
  content: "\f2a2"; }

i.icon.als:before {
  content: "\f2a2"; }

i.icon.american.express.card:before {
  content: "\f1f3"; }

i.icon.american.express:before {
  content: "\f1f3"; }

i.icon.amex:before {
  content: "\f1f3"; }

i.icon.announcement:before {
  content: "\f0a1"; }

i.icon.area.chart:before {
  content: "\f1fe"; }

i.icon.area.graph:before {
  content: "\f1fe"; }

i.icon.arrow.down.cart:before {
  content: "\f218"; }

i.icon.asexual:before {
  content: "\f22d"; }

i.icon.asl.interpreting:before {
  content: "\f2a3"; }

i.icon.asl:before {
  content: "\f2a3"; }

i.icon.assistive.listening.devices:before {
  content: "\f2a2"; }

i.icon.attach:before {
  content: "\f0c6"; }

i.icon.attention:before {
  content: "\f06a"; }

i.icon.balance:before {
  content: "\f24e"; }

i.icon.bar:before {
  content: "\f0fc"; }

i.icon.bathtub:before {
  content: "\f2cd"; }

i.icon.battery.four:before {
  content: "\f240"; }

i.icon.battery.high:before {
  content: "\f241"; }

i.icon.battery.low:before {
  content: "\f243"; }

i.icon.battery.medium:before {
  content: "\f242"; }

i.icon.battery.one:before {
  content: "\f243"; }

i.icon.battery.three:before {
  content: "\f241"; }

i.icon.battery.two:before {
  content: "\f242"; }

i.icon.battery.zero:before {
  content: "\f244"; }

i.icon.birthday:before {
  content: "\f1fd"; }

i.icon.block.layout:before {
  content: "\f009"; }

i.icon.bluetooth.alternative:before {
  content: "\f294"; }

i.icon.broken.chain:before {
  content: "\f127"; }

i.icon.browser:before {
  content: "\f022"; }

i.icon.call.square:before {
  content: "\f098"; }

i.icon.call:before {
  content: "\f095"; }

i.icon.cancel:before {
  content: "\f00d"; }

i.icon.cart:before {
  content: "\f07a"; }

i.icon.cc:before {
  content: "\f20a"; }

i.icon.chain:before {
  content: "\f0c1"; }

i.icon.chat:before {
  content: "\f075"; }

i.icon.checked.calendar:before {
  content: "\f274"; }

i.icon.checkmark:before {
  content: "\f00c"; }

i.icon.circle.notched:before {
  content: "\f1ce"; }

i.icon.close:before {
  content: "\f00d"; }

i.icon.cny:before {
  content: "\f157"; }

i.icon.cocktail:before {
  content: "\f000"; }

i.icon.commenting:before {
  content: "\f27a"; }

i.icon.computer:before {
  content: "\f108"; }

i.icon.configure:before {
  content: "\f0ad"; }

i.icon.content:before {
  content: "\f0c9"; }

i.icon.deafness:before {
  content: "\f2a4"; }

i.icon.delete.calendar:before {
  content: "\f273"; }

i.icon.delete:before {
  content: "\f00d"; }

i.icon.detective:before {
  content: "\f21b"; }

i.icon.diners.club.card:before {
  content: "\f24c"; }

i.icon.diners.club:before {
  content: "\f24c"; }

i.icon.discover.card:before {
  content: "\f1f2"; }

i.icon.discover:before {
  content: "\f1f2"; }

i.icon.discussions:before {
  content: "\f086"; }

i.icon.doctor:before {
  content: "\f0f0"; }

i.icon.dollar:before {
  content: "\f155"; }

i.icon.dont:before {
  content: "\f05e"; }

i.icon.dribble:before {
  content: "\f17d"; }

i.icon.drivers.license:before {
  content: "\f2c2"; }

i.icon.dropdown:before {
  content: "\f0d7"; }

i.icon.eercast:before {
  content: "\f2da"; }

i.icon.emergency:before {
  content: "\f0f9"; }

i.icon.envira.gallery:before {
  content: "\f299"; }

i.icon.erase:before {
  content: "\f12d"; }

i.icon.eur:before {
  content: "\f153"; }

i.icon.euro:before {
  content: "\f153"; }

i.icon.eyedropper:before {
  content: "\f1fb"; }

i.icon.fa:before {
  content: "\f2b4"; }

i.icon.factory:before {
  content: "\f275"; }

i.icon.favorite:before {
  content: "\f005"; }

i.icon.feed:before {
  content: "\f09e"; }

i.icon.female.homosexual:before {
  content: "\f226"; }

i.icon.file.text:before {
  content: "\f15c"; }

i.icon.find:before {
  content: "\f1e5"; }

i.icon.first.aid:before {
  content: "\f0fa"; }

i.icon.five.hundred.pixels:before {
  content: "\f26e"; }

i.icon.fork:before {
  content: "\f126"; }

i.icon.game:before {
  content: "\f11b"; }

i.icon.gay:before {
  content: "\f227"; }

i.icon.gbp:before {
  content: "\f154"; }

i.icon.gittip:before {
  content: "\f184"; }

i.icon.google.plus.circle:before {
  content: "\f2b3"; }

i.icon.google.plus.official:before {
  content: "\f2b3"; }

i.icon.grab:before {
  content: "\f255"; }

i.icon.graduation:before {
  content: "\f19d"; }

i.icon.grid.layout:before {
  content: "\f00a"; }

i.icon.group:before {
  content: "\f0c0"; }

i.icon.h:before {
  content: "\f0fd"; }

i.icon.hand.victory:before {
  content: "\f25b"; }

i.icon.handicap:before {
  content: "\f193"; }

i.icon.hard.of.hearing:before {
  content: "\f2a4"; }

i.icon.header:before {
  content: "\f1dc"; }

i.icon.help.circle:before {
  content: "\f059"; }

i.icon.help:before {
  content: "\f128"; }

i.icon.heterosexual:before {
  content: "\f228"; }

i.icon.hide:before {
  content: "\f070"; }

i.icon.hotel:before {
  content: "\f236"; }

i.icon.hourglass.four:before {
  content: "\f254"; }

i.icon.hourglass.full:before {
  content: "\f254"; }

i.icon.hourglass.one:before {
  content: "\f251"; }

i.icon.hourglass.three:before {
  content: "\f253"; }

i.icon.hourglass.two:before {
  content: "\f252"; }

i.icon.idea:before {
  content: "\f0eb"; }

i.icon.ils:before {
  content: "\f20b"; }

i.icon.in.cart:before {
  content: "\f218"; }

i.icon.inr:before {
  content: "\f156"; }

i.icon.intergender:before {
  content: "\f224"; }

i.icon.intersex:before {
  content: "\f224"; }

i.icon.japan.credit.bureau.card:before {
  content: "\f24b"; }

i.icon.japan.credit.bureau:before {
  content: "\f24b"; }

i.icon.jcb:before {
  content: "\f24b"; }

i.icon.jpy:before {
  content: "\f157"; }

i.icon.krw:before {
  content: "\f159"; }

i.icon.lab:before {
  content: "\f0c3"; }

i.icon.law:before {
  content: "\f24e"; }

i.icon.legal:before {
  content: "\f0e3"; }

i.icon.lesbian:before {
  content: "\f226"; }

i.icon.lightning:before {
  content: "\f0e7"; }

i.icon.like:before {
  content: "\f004"; }

i.icon.line.graph:before {
  content: "\f201"; }

i.icon.linkedin.square:before {
  content: "\f08c"; }

i.icon.linkify:before {
  content: "\f0c1"; }

i.icon.lira:before {
  content: "\f195"; }

i.icon.list.layout:before {
  content: "\f00b"; }

i.icon.magnify:before {
  content: "\f00e"; }

i.icon.mail.forward:before {
  content: "\f064"; }

i.icon.mail.square:before {
  content: "\f199"; }

i.icon.mail:before {
  content: "\f0e0"; }

i.icon.male.homosexual:before {
  content: "\f227"; }

i.icon.man:before {
  content: "\f222"; }

i.icon.marker:before {
  content: "\f041"; }

i.icon.mars.alternate:before {
  content: "\f229"; }

i.icon.mars.horizontal:before {
  content: "\f22b"; }

i.icon.mars.vertical:before {
  content: "\f22a"; }

i.icon.mastercard.card:before {
  content: "\f1f1"; }

i.icon.mastercard:before {
  content: "\f1f1"; }

i.icon.microsoft.edge:before {
  content: "\f282"; }

i.icon.military:before {
  content: "\f0fb"; }

i.icon.ms.edge:before {
  content: "\f282"; }

i.icon.mute:before {
  content: "\f131"; }

i.icon.new.pied.piper:before {
  content: "\f2ae"; }

i.icon.non.binary.transgender:before {
  content: "\f223"; }

i.icon.numbered.list:before {
  content: "\f0cb"; }

i.icon.optinmonster:before {
  content: "\f23c"; }

i.icon.options:before {
  content: "\f1de"; }

i.icon.other.gender.horizontal:before {
  content: "\f22b"; }

i.icon.other.gender.vertical:before {
  content: "\f22a"; }

i.icon.other.gender:before {
  content: "\f229"; }

i.icon.payment:before {
  content: "\f09d"; }

i.icon.paypal.card:before {
  content: "\f1f4"; }

i.icon.pencil.square:before {
  content: "\f14b"; }

i.icon.photo:before {
  content: "\f030"; }

i.icon.picture:before {
  content: "\f03e"; }

i.icon.pie.chart:before {
  content: "\f200"; }

i.icon.pie.graph:before {
  content: "\f200"; }

i.icon.pied.piper.hat:before {
  content: "\f2ae"; }

i.icon.pin:before {
  content: "\f08d"; }

i.icon.plus.cart:before {
  content: "\f217"; }

i.icon.pocket:before {
  content: "\f265"; }

i.icon.point:before {
  content: "\f041"; }

i.icon.pointing.down:before {
  content: "\f0a7"; }

i.icon.pointing.left:before {
  content: "\f0a5"; }

i.icon.pointing.right:before {
  content: "\f0a4"; }

i.icon.pointing.up:before {
  content: "\f0a6"; }

i.icon.pound:before {
  content: "\f154"; }

i.icon.power.cord:before {
  content: "\f1e6"; }

i.icon.power:before {
  content: "\f011"; }

i.icon.privacy:before {
  content: "\f084"; }

i.icon.r.circle:before {
  content: "\f25d"; }

i.icon.rain:before {
  content: "\f0e9"; }

i.icon.record:before {
  content: "\f03d"; }

i.icon.refresh:before {
  content: "\f021"; }

i.icon.remove.circle:before {
  content: "\f057"; }

i.icon.remove.from.calendar:before {
  content: "\f272"; }

i.icon.remove.user:before {
  content: "\f235"; }

i.icon.remove:before {
  content: "\f00d"; }

i.icon.repeat:before {
  content: "\f01e"; }

i.icon.rmb:before {
  content: "\f157"; }

i.icon.rouble:before {
  content: "\f158"; }

i.icon.rub:before {
  content: "\f158"; }

i.icon.ruble:before {
  content: "\f158"; }

i.icon.rupee:before {
  content: "\f156"; }

i.icon.s15:before {
  content: "\f2cd"; }

i.icon.selected.radio:before {
  content: "\f192"; }

i.icon.send:before {
  content: "\f1d8"; }

i.icon.setting:before {
  content: "\f013"; }

i.icon.settings:before {
  content: "\f085"; }

i.icon.shekel:before {
  content: "\f20b"; }

i.icon.sheqel:before {
  content: "\f20b"; }

i.icon.shipping:before {
  content: "\f0d1"; }

i.icon.shop:before {
  content: "\f07a"; }

i.icon.shuffle:before {
  content: "\f074"; }

i.icon.shutdown:before {
  content: "\f011"; }

i.icon.sidebar:before {
  content: "\f0c9"; }

i.icon.signing:before {
  content: "\f2a7"; }

i.icon.signup:before {
  content: "\f044"; }

i.icon.sliders:before {
  content: "\f1de"; }

i.icon.soccer:before {
  content: "\f1e3"; }

i.icon.sort.alphabet.ascending:before {
  content: "\f15d"; }

i.icon.sort.alphabet.descending:before {
  content: "\f15e"; }

i.icon.sort.ascending:before {
  content: "\f0de"; }

i.icon.sort.content.ascending:before {
  content: "\f160"; }

i.icon.sort.content.descending:before {
  content: "\f161"; }

i.icon.sort.descending:before {
  content: "\f0dd"; }

i.icon.sort.numeric.ascending:before {
  content: "\f162"; }

i.icon.sort.numeric.descending:before {
  content: "\f163"; }

i.icon.sound:before {
  content: "\f025"; }

i.icon.spy:before {
  content: "\f21b"; }

i.icon.stripe.card:before {
  content: "\f1f5"; }

i.icon.student:before {
  content: "\f19d"; }

i.icon.talk:before {
  content: "\f27a"; }

i.icon.target:before {
  content: "\f140"; }

i.icon.teletype:before {
  content: "\f1e4"; }

i.icon.television:before {
  content: "\f26c"; }

i.icon.text.cursor:before {
  content: "\f246"; }

i.icon.text.telephone:before {
  content: "\f1e4"; }

i.icon.theme.isle:before {
  content: "\f2b2"; }

i.icon.theme:before {
  content: "\f043"; }

i.icon.thermometer:before {
  content: "\f2c7"; }

i.icon.thumb.tack:before {
  content: "\f08d"; }

i.icon.time:before {
  content: "\f017"; }

i.icon.tm:before {
  content: "\f25c"; }

i.icon.toggle.down:before {
  content: "\f150"; }

i.icon.toggle.left:before {
  content: "\f191"; }

i.icon.toggle.right:before {
  content: "\f152"; }

i.icon.toggle.up:before {
  content: "\f151"; }

i.icon.translate:before {
  content: "\f1ab"; }

i.icon.travel:before {
  content: "\f0b1"; }

i.icon.treatment:before {
  content: "\f0f1"; }

i.icon.triangle.down:before {
  content: "\f0d7"; }

i.icon.triangle.left:before {
  content: "\f0d9"; }

i.icon.triangle.right:before {
  content: "\f0da"; }

i.icon.triangle.up:before {
  content: "\f0d8"; }

i.icon.try:before {
  content: "\f195"; }

i.icon.unhide:before {
  content: "\f06e"; }

i.icon.unlinkify:before {
  content: "\f127"; }

i.icon.unmute:before {
  content: "\f130"; }

i.icon.usd:before {
  content: "\f155"; }

i.icon.user.cancel:before {
  content: "\f235"; }

i.icon.user.close:before {
  content: "\f235"; }

i.icon.user.delete:before {
  content: "\f235"; }

i.icon.user.x:before {
  content: "\f235"; }

i.icon.vcard:before {
  content: "\f2bb"; }

i.icon.video.camera:before {
  content: "\f03d"; }

i.icon.video.play:before {
  content: "\f144"; }

i.icon.visa.card:before {
  content: "\f1f0"; }

i.icon.visa:before {
  content: "\f1f0"; }

i.icon.volume.control.phone:before {
  content: "\f2a0"; }

i.icon.wait:before {
  content: "\f017"; }

i.icon.warning.circle:before {
  content: "\f06a"; }

i.icon.warning.sign:before {
  content: "\f071"; }

i.icon.warning:before {
  content: "\f12a"; }

i.icon.wechat:before {
  content: "\f1d7"; }

i.icon.wi-fi:before {
  content: "\f1eb"; }

i.icon.wikipedia:before {
  content: "\f266"; }

i.icon.winner:before {
  content: "\f091"; }

i.icon.wizard:before {
  content: "\f0d0"; }

i.icon.woman:before {
  content: "\f221"; }

i.icon.won:before {
  content: "\f159"; }

i.icon.wordpress.beginner:before {
  content: "\f297"; }

i.icon.wordpress.forms:before {
  content: "\f298"; }

i.icon.world:before {
  content: "\f0ac"; }

i.icon.write.square:before {
  content: "\f14b"; }

i.icon.x:before {
  content: "\f00d"; }

i.icon.yc:before {
  content: "\f23b"; }

i.icon.ycombinator:before {
  content: "\f23b"; }

i.icon.yen:before {
  content: "\f157"; }

i.icon.zip:before {
  content: "\f187"; }

i.icon.zoom.in:before {
  content: "\f00e"; }

i.icon.zoom.out:before {
  content: "\f010"; }

i.icon.zoom:before {
  content: "\f00e"; }

i.icon.bitbucket.square:before {
  content: "\f171"; }

i.icon.checkmark.box:before {
  content: "\f14a"; }

i.icon.circle.thin:before {
  content: "\f111"; }

i.icon.cloud.download:before {
  content: "\f381"; }

i.icon.cloud.upload:before {
  content: "\f382"; }

i.icon.compose:before {
  content: "\f303"; }

i.icon.conversation:before {
  content: "\f086"; }

i.icon.credit.card.alternative:before {
  content: "\f09d"; }

i.icon.currency:before {
  content: "\f3d1"; }

i.icon.dashboard:before {
  content: "\f3fd"; }

i.icon.diamond:before {
  content: "\f3a5"; }

i.icon.disk:before {
  content: "\f0a0"; }

i.icon.exchange:before {
  content: "\f362"; }

i.icon.external.share:before {
  content: "\f14d"; }

i.icon.external.square:before {
  content: "\f360"; }

i.icon.external:before {
  content: "\f35d"; }

i.icon.facebook.official:before {
  content: "\f082"; }

i.icon.food:before {
  content: "\f2e7"; }

i.icon.hourglass.zero:before {
  content: "\f253"; }

i.icon.level.down:before {
  content: "\f3be"; }

i.icon.level.up:before {
  content: "\f3bf"; }

i.icon.log.out:before {
  content: "\f2f5"; }

i.icon.meanpath:before {
  content: "\f0c8"; }

i.icon.money:before {
  content: "\f3d1"; }

i.icon.move:before {
  content: "\f0b2"; }

i.icon.pencil:before {
  content: "\f303"; }

i.icon.protect:before {
  content: "\f023"; }

i.icon.radio:before {
  content: "\f192"; }

i.icon.remove.bookmark:before {
  content: "\f02e"; }

i.icon.resize.horizontal:before {
  content: "\f337"; }

i.icon.resize.vertical:before {
  content: "\f338"; }

i.icon.sign.in:before {
  content: "\f2f6"; }

i.icon.sign.out:before {
  content: "\f2f5"; }

i.icon.spoon:before {
  content: "\f2e5"; }

i.icon.star.half.empty:before {
  content: "\f089"; }

i.icon.star.half.full:before {
  content: "\f089"; }

i.icon.ticket:before {
  content: "\f3ff"; }

i.icon.times.rectangle:before {
  content: "\f410"; }

i.icon.write:before {
  content: "\f303"; }

i.icon.youtube.play:before {
  content: "\f167"; }

/*******************************
        Outline Icons
*******************************/
/* Outline Icon */
/* Load & Define Icon Font */
@font-face {
  font-family: "outline-icons";
  src: url(/assets/semantic_ui/themes/default/assets/fonts/outline-icons-d53c6aaeb8a9467bebb1ea093a513f7518d604fddd171136b9524cd11d6a0ade.eot);
  src: url(/assets/semantic_ui/themes/default/assets/fonts/outline-icons-d53c6aaeb8a9467bebb1ea093a513f7518d604fddd171136b9524cd11d6a0ade.eot?#iefix) format("embedded-opentype"), url(/assets/semantic_ui/themes/default/assets/fonts/outline-icons-9d78a6646fcbd1efa5e50c3eb85f9e6ca5d4d62812bb5fd94894451c022efc7c.woff2) format("woff2"), url(/assets/semantic_ui/themes/default/assets/fonts/outline-icons-eda5888c05e118e56bcd84cb3d9854cd6c61291cac4a69e113bcb4e3b38381bd.woff) format("woff"), url(/assets/semantic_ui/themes/default/assets/fonts/outline-icons-9fb3e95a8fc2deda57734802aeca02476b69c363c5f32adc54cdfc49805efb7f.ttf) format("truetype"), url(/assets/semantic_ui/themes/default/assets/fonts/outline-icons-bffd9263392bae0f6e480e7fce7466a494dbd352f254fd84f26bc5ccf6d4bf54.svg#icons) format("svg");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none; }

i.icon.outline {
  font-family: "outline-icons"; }

/* Icon Definitions */
i.icon.address.book.outline:before {
  content: "\f2b9"; }

i.icon.address.card.outline:before {
  content: "\f2bb"; }

i.icon.arrow.alternate.circle.down.outline:before {
  content: "\f358"; }

i.icon.arrow.alternate.circle.left.outline:before {
  content: "\f359"; }

i.icon.arrow.alternate.circle.right.outline:before {
  content: "\f35a"; }

i.icon.arrow.alternate.circle.up.outline:before {
  content: "\f35b"; }

i.icon.bell.outline:before {
  content: "\f0f3"; }

i.icon.bell.slash.outline:before {
  content: "\f1f6"; }

i.icon.bookmark.outline:before {
  content: "\f02e"; }

i.icon.building.outline:before {
  content: "\f1ad"; }

i.icon.calendar.outline:before {
  content: "\f133"; }

i.icon.calendar.alternate.outline:before {
  content: "\f073"; }

i.icon.calendar.check.outline:before {
  content: "\f274"; }

i.icon.calendar.minus.outline:before {
  content: "\f272"; }

i.icon.calendar.plus.outline:before {
  content: "\f271"; }

i.icon.calendar.times.outline:before {
  content: "\f273"; }

i.icon.caret.square.down.outline:before {
  content: "\f150"; }

i.icon.caret.square.left.outline:before {
  content: "\f191"; }

i.icon.caret.square.right.outline:before {
  content: "\f152"; }

i.icon.caret.square.up.outline:before {
  content: "\f151"; }

i.icon.chart.bar.outline:before {
  content: "\f080"; }

i.icon.check.circle.outline:before {
  content: "\f058"; }

i.icon.check.square.outline:before {
  content: "\f14a"; }

i.icon.circle.outline:before {
  content: "\f111"; }

i.icon.clipboard.outline:before {
  content: "\f328"; }

i.icon.clock.outline:before {
  content: "\f017"; }

i.icon.clone.outline:before {
  content: "\f24d"; }

i.icon.closed.captioning.outline:before {
  content: "\f20a"; }

i.icon.comment.outline:before {
  content: "\f075"; }

i.icon.comment.alternate.outline:before {
  content: "\f27a"; }

i.icon.comments.outline:before {
  content: "\f086"; }

i.icon.compass.outline:before {
  content: "\f14e"; }

i.icon.copy.outline:before {
  content: "\f0c5"; }

i.icon.copyright.outline:before {
  content: "\f1f9"; }

i.icon.credit.card.outline:before {
  content: "\f09d"; }

i.icon.dot.circle.outline:before {
  content: "\f192"; }

i.icon.edit.outline:before {
  content: "\f044"; }

i.icon.envelope.outline:before {
  content: "\f0e0"; }

i.icon.envelope.open.outline:before {
  content: "\f2b6"; }

i.icon.eye.slash.outline:before {
  content: "\f070"; }

i.icon.file.outline:before {
  content: "\f15b"; }

i.icon.file.alternate.outline:before {
  content: "\f15c"; }

i.icon.file.archive.outline:before {
  content: "\f1c6"; }

i.icon.file.audio.outline:before {
  content: "\f1c7"; }

i.icon.file.code.outline:before {
  content: "\f1c9"; }

i.icon.file.excel.outline:before {
  content: "\f1c3"; }

i.icon.file.image.outline:before {
  content: "\f1c5"; }

i.icon.file.pdf.outline:before {
  content: "\f1c1"; }

i.icon.file.powerpoint.outline:before {
  content: "\f1c4"; }

i.icon.file.video.outline:before {
  content: "\f1c8"; }

i.icon.file.word.outline:before {
  content: "\f1c2"; }

i.icon.flag.outline:before {
  content: "\f024"; }

i.icon.folder.outline:before {
  content: "\f07b"; }

i.icon.folder.open.outline:before {
  content: "\f07c"; }

i.icon.frown.outline:before {
  content: "\f119"; }

i.icon.futbol.outline:before {
  content: "\f1e3"; }

i.icon.gem.outline:before {
  content: "\f3a5"; }

i.icon.hand.lizard.outline:before {
  content: "\f258"; }

i.icon.hand.paper.outline:before {
  content: "\f256"; }

i.icon.hand.peace.outline:before {
  content: "\f25b"; }

i.icon.hand.point.down.outline:before {
  content: "\f0a7"; }

i.icon.hand.point.left.outline:before {
  content: "\f0a5"; }

i.icon.hand.point.right.outline:before {
  content: "\f0a4"; }

i.icon.hand.point.up.outline:before {
  content: "\f0a6"; }

i.icon.hand.pointer.outline:before {
  content: "\f25a"; }

i.icon.hand.rock.outline:before {
  content: "\f255"; }

i.icon.hand.scissors.outline:before {
  content: "\f257"; }

i.icon.hand.spock.outline:before {
  content: "\f259"; }

i.icon.handshake.outline:before {
  content: "\f2b5"; }

i.icon.hdd.outline:before {
  content: "\f0a0"; }

i.icon.heart.outline:before {
  content: "\f004"; }

i.icon.hospital.outline:before {
  content: "\f0f8"; }

i.icon.hourglass.outline:before {
  content: "\f254"; }

i.icon.id.badge.outline:before {
  content: "\f2c1"; }

i.icon.id.card.outline:before {
  content: "\f2c2"; }

i.icon.image.outline:before {
  content: "\f03e"; }

i.icon.images.outline:before {
  content: "\f302"; }

i.icon.keyboard.outline:before {
  content: "\f11c"; }

i.icon.lemon.outline:before {
  content: "\f094"; }

i.icon.life.ring.outline:before {
  content: "\f1cd"; }

i.icon.lightbulb.outline:before {
  content: "\f0eb"; }

i.icon.list.alternate.outline:before {
  content: "\f022"; }

i.icon.map.outline:before {
  content: "\f279"; }

i.icon.meh.outline:before {
  content: "\f11a"; }

i.icon.minus.square.outline:before {
  content: "\f146"; }

i.icon.money.bill.alternate.outline:before {
  content: "\f3d1"; }

i.icon.moon.outline:before {
  content: "\f186"; }

i.icon.newspaper.outline:before {
  content: "\f1ea"; }

i.icon.object.group.outline:before {
  content: "\f247"; }

i.icon.object.ungroup.outline:before {
  content: "\f248"; }

i.icon.paper.plane.outline:before {
  content: "\f1d8"; }

i.icon.pause.circle.outline:before {
  content: "\f28b"; }

i.icon.play.circle.outline:before {
  content: "\f144"; }

i.icon.plus.square.outline:before {
  content: "\f0fe"; }

i.icon.question.circle.outline:before {
  content: "\f059"; }

i.icon.registered.outline:before {
  content: "\f25d"; }

i.icon.save.outline:before {
  content: "\f0c7"; }

i.icon.share.square.outline:before {
  content: "\f14d"; }

i.icon.smile.outline:before {
  content: "\f118"; }

i.icon.snowflake.outline:before {
  content: "\f2dc"; }

i.icon.square.outline:before {
  content: "\f0c8"; }

i.icon.star.outline:before {
  content: "\f005"; }

i.icon.star.half.outline:before {
  content: "\f089"; }

i.icon.sticky.note.outline:before {
  content: "\f249"; }

i.icon.stop.circle.outline:before {
  content: "\f28d"; }

i.icon.sun.outline:before {
  content: "\f185"; }

i.icon.thumbs.down.outline:before {
  content: "\f165"; }

i.icon.thumbs.up.outline:before {
  content: "\f164"; }

i.icon.times.circle.outline:before {
  content: "\f057"; }

i.icon.trash.alternate.outline:before {
  content: "\f2ed"; }

i.icon.user.outline:before {
  content: "\f007"; }

i.icon.user.circle.outline:before {
  content: "\f2bd"; }

i.icon.window.close.outline:before {
  content: "\f410"; }

i.icon.window.maximize.outline:before {
  content: "\f2d0"; }

i.icon.window.minimize.outline:before {
  content: "\f2d1"; }

i.icon.window.restore.outline:before {
  content: "\f2d2"; }

i.icon.disk.outline:before {
  content: "\f369"; }

/* Outline Aliases */
i.icon.heart.empty,
i.icon.star.empty {
  font-family: "outline-icons"; }

i.icon.heart.empty:before {
  content: "\f004"; }

i.icon.star.empty:before {
  content: "\f089"; }

/*******************************
           Brand Icons
*******************************/
/* Load & Define Brand Font */
@font-face {
  font-family: "brand-icons";
  src: url(/assets/semantic_ui/themes/default/assets/fonts/brand-icons-9e5d0d84ec2c324c1058c9f83e86f38ab49e540244a10b8a718fa8a493775ac3.eot);
  src: url(/assets/semantic_ui/themes/default/assets/fonts/brand-icons-9e5d0d84ec2c324c1058c9f83e86f38ab49e540244a10b8a718fa8a493775ac3.eot?#iefix) format("embedded-opentype"), url(/assets/semantic_ui/themes/default/assets/fonts/brand-icons-4de3fd5065515c529a9a5b6e2e519a90f88c0baf3a0e790b8210562f952ca4b9.woff2) format("woff2"), url(/assets/semantic_ui/themes/default/assets/fonts/brand-icons-d0ab9b63a928be31fab7546cb96e59375446933808dc414743a30400696b606b.woff) format("woff"), url(/assets/semantic_ui/themes/default/assets/fonts/brand-icons-b4793543b7b3cee32511639d3dc0d98e882f53843c76b96a546b87adb6e46173.ttf) format("truetype"), url(/assets/semantic_ui/themes/default/assets/fonts/brand-icons-6c317823407ea95031e648724592b9d7e0a2a06f88b49ebd09fc4f37f9dd548b.svg#icons) format("svg");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none; }

/* Brand Icon Font Family */
i.icon.\35 00px,
i.icon.accessible.icon,
i.icon.accusoft,
i.icon.adn,
i.icon.adversal,
i.icon.affiliatetheme,
i.icon.algolia,
i.icon.amazon,
i.icon.amazon.pay,
i.icon.amilia,
i.icon.android,
i.icon.angellist,
i.icon.angrycreative,
i.icon.angular,
i.icon.app.store,
i.icon.app.store.ios,
i.icon.apper,
i.icon.apple,
i.icon.apple.pay,
i.icon.asymmetrik,
i.icon.audible,
i.icon.autoprefixer,
i.icon.avianex,
i.icon.aviato,
i.icon.aws,
i.icon.bandcamp,
i.icon.behance,
i.icon.behance.square,
i.icon.bimobject,
i.icon.bitbucket,
i.icon.bitcoin,
i.icon.bity,
i.icon.black.tie,
i.icon.blackberry,
i.icon.blogger,
i.icon.blogger.b,
i.icon.bluetooth,
i.icon.bluetooth.b,
i.icon.btc,
i.icon.buromobelexperte,
i.icon.buysellads,
i.icon.cc.amazon.pay,
i.icon.cc.amex,
i.icon.cc.apple.pay,
i.icon.cc.diners.club,
i.icon.cc.discover,
i.icon.cc.jcb,
i.icon.cc.mastercard,
i.icon.cc.paypal,
i.icon.cc.stripe,
i.icon.cc.visa,
i.icon.centercode,
i.icon.chrome,
i.icon.cloudscale,
i.icon.cloudsmith,
i.icon.cloudversify,
i.icon.codepen,
i.icon.codiepie,
i.icon.connectdevelop,
i.icon.contao,
i.icon.cpanel,
i.icon.creative.commons,
i.icon.css3,
i.icon.css3.alternate,
i.icon.cuttlefish,
i.icon.d.and.d,
i.icon.dashcube,
i.icon.delicious,
i.icon.deploydog,
i.icon.deskpro,
i.icon.deviantart,
i.icon.digg,
i.icon.digital.ocean,
i.icon.discord,
i.icon.discourse,
i.icon.dochub,
i.icon.docker,
i.icon.draft2digital,
i.icon.dribbble,
i.icon.dribbble.square,
i.icon.dropbox,
i.icon.drupal,
i.icon.dyalog,
i.icon.earlybirds,
i.icon.edge,
i.icon.elementor,
i.icon.ember,
i.icon.empire,
i.icon.envira,
i.icon.erlang,
i.icon.ethereum,
i.icon.etsy,
i.icon.expeditedssl,
i.icon.facebook,
i.icon.facebook.f,
i.icon.facebook.messenger,
i.icon.facebook.square,
i.icon.firefox,
i.icon.first.order,
i.icon.firstdraft,
i.icon.flickr,
i.icon.flipboard,
i.icon.fly,
i.icon.font.awesome,
i.icon.font.awesome.alternate,
i.icon.font.awesome.flag,
i.icon.fonticons,
i.icon.fonticons.fi,
i.icon.fort.awesome,
i.icon.fort.awesome.alternate,
i.icon.forumbee,
i.icon.foursquare,
i.icon.free.code.camp,
i.icon.freebsd,
i.icon.get.pocket,
i.icon.gg,
i.icon.gg.circle,
i.icon.git,
i.icon.git.square,
i.icon.github,
i.icon.github.alternate,
i.icon.github.square,
i.icon.gitkraken,
i.icon.gitlab,
i.icon.gitter,
i.icon.glide,
i.icon.glide.g,
i.icon.gofore,
i.icon.goodreads,
i.icon.goodreads.g,
i.icon.google,
i.icon.google.drive,
i.icon.google.play,
i.icon.google.plus,
i.icon.google.plus.g,
i.icon.google.plus.square,
i.icon.google.wallet,
i.icon.gratipay,
i.icon.grav,
i.icon.gripfire,
i.icon.grunt,
i.icon.gulp,
i.icon.hacker.news,
i.icon.hacker.news.square,
i.icon.hips,
i.icon.hire.a.helper,
i.icon.hooli,
i.icon.hotjar,
i.icon.houzz,
i.icon.html5,
i.icon.hubspot,
i.icon.imdb,
i.icon.instagram,
i.icon.internet.explorer,
i.icon.ioxhost,
i.icon.itunes,
i.icon.itunes.note,
i.icon.jenkins,
i.icon.joget,
i.icon.joomla,
i.icon.js,
i.icon.js.square,
i.icon.jsfiddle,
i.icon.keycdn,
i.icon.kickstarter,
i.icon.kickstarter.k,
i.icon.korvue,
i.icon.laravel,
i.icon.lastfm,
i.icon.lastfm.square,
i.icon.leanpub,
i.icon.scss,
i.icon.linechat,
i.icon.linkedin,
i.icon.linkedin.in,
i.icon.linode,
i.icon.linux,
i.icon.lyft,
i.icon.magento,
i.icon.maxcdn,
i.icon.medapps,
i.icon.medium,
i.icon.medium.m,
i.icon.medrt,
i.icon.meetup,
i.icon.microsoft,
i.icon.mix,
i.icon.mixcloud,
i.icon.mizuni,
i.icon.modx,
i.icon.monero,
i.icon.napster,
i.icon.nintendo.switch,
i.icon.node,
i.icon.node.js,
i.icon.npm,
i.icon.ns8,
i.icon.nutritionix,
i.icon.odnoklassniki,
i.icon.odnoklassniki.square,
i.icon.opencart,
i.icon.openid,
i.icon.opera,
i.icon.optin.monster,
i.icon.osi,
i.icon.page4,
i.icon.pagelines,
i.icon.palfed,
i.icon.patreon,
i.icon.paypal,
i.icon.periscope,
i.icon.phabricator,
i.icon.phoenix.framework,
i.icon.php,
i.icon.pied.piper,
i.icon.pied.piper.alternate,
i.icon.pied.piper.pp,
i.icon.pinterest,
i.icon.pinterest.p,
i.icon.pinterest.square,
i.icon.playstation,
i.icon.product.hunt,
i.icon.pushed,
i.icon.python,
i.icon.qq,
i.icon.quinscape,
i.icon.quora,
i.icon.ravelry,
i.icon.react,
i.icon.rebel,
i.icon.redriver,
i.icon.reddit,
i.icon.reddit.alien,
i.icon.reddit.square,
i.icon.rendact,
i.icon.renren,
i.icon.replyd,
i.icon.resolving,
i.icon.rocketchat,
i.icon.rockrms,
i.icon.safari,
i.icon.sass,
i.icon.schlix,
i.icon.scribd,
i.icon.searchengin,
i.icon.sellcast,
i.icon.sellsy,
i.icon.servicestack,
i.icon.shirtsinbulk,
i.icon.simplybuilt,
i.icon.sistrix,
i.icon.skyatlas,
i.icon.skype,
i.icon.slack,
i.icon.slack.hash,
i.icon.slideshare,
i.icon.snapchat,
i.icon.snapchat.ghost,
i.icon.snapchat.square,
i.icon.soundcloud,
i.icon.speakap,
i.icon.spotify,
i.icon.stack.exchange,
i.icon.stack.overflow,
i.icon.staylinked,
i.icon.steam,
i.icon.steam.square,
i.icon.steam.symbol,
i.icon.sticker.mule,
i.icon.strava,
i.icon.stripe,
i.icon.stripe.s,
i.icon.studiovinari,
i.icon.stumbleupon,
i.icon.stumbleupon.circle,
i.icon.superpowers,
i.icon.supple,
i.icon.telegram,
i.icon.telegram.plane,
i.icon.tencent.weibo,
i.icon.themeisle,
i.icon.trello,
i.icon.tripadvisor,
i.icon.tumblr,
i.icon.tumblr.square,
i.icon.twitch,
i.icon.twitter,
i.icon.twitter.square,
i.icon.typo3,
i.icon.uber,
i.icon.uikit,
i.icon.uniregistry,
i.icon.untappd,
i.icon.usb,
i.icon.ussunnah,
i.icon.vaadin,
i.icon.viacoin,
i.icon.viadeo,
i.icon.viadeo.square,
i.icon.viber,
i.icon.vimeo,
i.icon.vimeo.square,
i.icon.vimeo.v,
i.icon.vine,
i.icon.vk,
i.icon.vnv,
i.icon.vuejs,
i.icon.weibo,
i.icon.weixin,
i.icon.whatsapp,
i.icon.whatsapp.square,
i.icon.whmcs,
i.icon.wikipedia.w,
i.icon.windows,
i.icon.wordpress,
i.icon.wordpress.simple,
i.icon.wpbeginner,
i.icon.wpexplorer,
i.icon.wpforms,
i.icon.xbox,
i.icon.xing,
i.icon.xing.square,
i.icon.y.combinator,
i.icon.yahoo,
i.icon.yandex,
i.icon.yandex.international,
i.icon.yelp,
i.icon.yoast,
i.icon.youtube,
i.icon.youtube.square {
  font-family: 'brand-icons'; }

/* Brand Icons Ideally Would Be Defined Here */
/*!
 * # Semantic UI - Image
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Image
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Types
--------------------*/
/* Avatar */
/*-------------------
       Variations
--------------------*/
/* Spaced */
/* Floated */
/* Size */
/*******************************
             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.images > .hidden.transition {
  display: inline-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.image[class*="left spaced"] {
  margin-left: 0.5em;
  margin-right: 0em; }

.ui.image[class*="right spaced"] {
  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: -0.25rem 0rem; }

.ui.images .image,
.ui.images > img,
.ui.images > svg {
  display: inline-block;
  margin: 0em 0.25rem 0.5rem; }

/*******************************
         Site Overrides
*******************************/
img.circular.bordered.tiny.ui.image {
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover; }

/*!
 * # Semantic UI - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Input
*******************************/
/*-------------------
      Element
--------------------*/
/*-------------------
        Types
--------------------*/
/* Icon Input */
/* Circular Icon Input */
/* Labeled Input */
/*-------------------
        States
--------------------*/
/* Placeholder */
/* Down */
/* Focus */
/* Error */
/* Loader */
/*-------------------
      Variations
--------------------*/
/* Inverted */
/*******************************
           Standard
*******************************/
/*--------------------
        Inputs
---------------------*/
.ui.input {
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: inline-flex;
  color: #212128; }

.ui.input > input {
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  font-family: 'Inter', Arial, sans-serif;
  padding: 0.678571435em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: #212128;
  border-radius: 0.3571428571rem;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none; }

/*--------------------
      Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.input > input::-webkit-input-placeholder {
  color: #e1e1e6; }

.ui.input > input::-moz-placeholder {
  color: #e1e1e6; }

.ui.input > input:-ms-input-placeholder {
  color: #e1e1e6; }

/*******************************
            States
*******************************/
/*--------------------
        Disabled
---------------------*/
.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
  opacity: 0.45; }

.ui.disabled.input > input,
.ui.input:not(.disabled) input[disabled] {
  pointer-events: none; }

/*--------------------
        Active
---------------------*/
.ui.input > input:active,
.ui.input.down input {
  border-color: rgba(0, 0, 0, 0.3);
  background: #FAFAFA;
  color: #212128;
  box-shadow: none; }

/*--------------------
       Loading
---------------------*/
.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #80808C transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent; }

/*--------------------
        Focus
---------------------*/
.ui.input.focus > input,
.ui.input > input:focus {
  border-color: #80808C;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none; }

.ui.input.focus > input::-webkit-input-placeholder,
.ui.input > input:focus::-webkit-input-placeholder {
  color: #8d8da1; }

.ui.input.focus > input::-moz-placeholder,
.ui.input > input:focus::-moz-placeholder {
  color: #8d8da1; }

.ui.input.focus > input:-ms-input-placeholder,
.ui.input > input:focus:-ms-input-placeholder {
  color: #8d8da1; }

/*--------------------
        Error
---------------------*/
.ui.input.error > input {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none; }

/* Error Placeholder */
.ui.input.error > input::-webkit-input-placeholder {
  color: #e7bdbc; }

.ui.input.error > input::-moz-placeholder {
  color: #e7bdbc; }

.ui.input.error > input:-ms-input-placeholder {
  color: #e7bdbc !important; }

/* Focused Error Placeholder */
.ui.input.error > input:focus::-webkit-input-placeholder {
  color: #da9796; }

.ui.input.error > input:focus::-moz-placeholder {
  color: #da9796; }

.ui.input.error > input:focus:-ms-input-placeholder {
  color: #da9796 !important; }

/*******************************
           Variations
*******************************/
/*--------------------
      Transparent
---------------------*/
.ui.transparent.input > input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
  border-radius: 0px !important; }

/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
  width: 1.1em; }

.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: 2em !important; }

.ui.transparent.input[class*="left icon"] > input {
  padding-left: 2em !important;
  padding-right: 0em !important; }

/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: #FFFFFF; }

.ui.transparent.inverted.input > input {
  color: inherit; }

.ui.transparent.inverted.input > input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

.ui.transparent.inverted.input > input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5); }

.ui.transparent.inverted.input > input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

/*--------------------
         Icon
---------------------*/
.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;
  width: 2.67142858em;
  opacity: 0.5;
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0em;
  transition: opacity 0.3s ease; }

.ui.icon.input > i.icon:not(.link) {
  pointer-events: none; }

.ui.icon.input > input {
  padding-right: 2.67142858em !important; }

.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em; }

.ui.icon.input > i.link.icon {
  cursor: pointer; }

.ui.icon.input > i.circular.icon {
  top: 0.35em;
  right: 0.5em; }

/* Left Icon Input */
.ui.input[class*="left icon"] > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.3571428571rem 0em 0em 0.3571428571rem; }

.ui.input[class*="left icon"] > i.circular.icon {
  right: auto;
  left: 0.5em; }

.ui.input[class*="left icon"] > input {
  padding-left: 2.67142858em !important;
  padding-right: 1em !important; }

/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1; }

/*--------------------
        Labeled
---------------------*/
/* Adjacent Label */
.ui.labeled.input > .label {
  flex: 0 0 auto;
  margin: 0;
  font-size: 1em; }

.ui.labeled.input > .label:not(.corner) {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em; }

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-color: transparent; }

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: #80808C; }

/* Regular Label on Right */
.ui.input[class*="right labeled"] > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important; }

.ui.input[class*="right labeled"] > input + .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.ui.input[class*="right labeled"] > input:focus {
  border-right-color: #80808C !important; }

/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.64285714em;
  border-radius: 0em 0.3571428571rem 0em 0em; }

/* Spacing with corner label */
.ui.labeled.input[class*="corner labeled"]:not([class*="left corner labeled"]) > input {
  padding-right: 2.5em !important; }

.ui.icon.input[class*="corner labeled"]:not([class*="left corner labeled"]) > input {
  padding-right: 3.25em !important; }

.ui.icon.input[class*="corner labeled"]:not([class*="left corner labeled"]) > .icon {
  margin-right: 1.25em; }

/* Left Labeled */
.ui.labeled.input[class*="left corner labeled"] > input {
  padding-left: 2.5em !important; }

.ui.icon.input[class*="left corner labeled"] > input {
  padding-left: 3.25em !important; }

.ui.icon.input[class*="left corner labeled"] > .icon {
  margin-left: 1.25em; }

/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: 1px;
  right: 1px; }

.ui.input > .ui.left.corner.label {
  right: auto;
  left: 1px; }

/*--------------------
        Action
---------------------*/
.ui.action.input > .button,
.ui.action.input > .buttons {
  display: flex;
  align-items: center;
  flex: 0 0 auto; }

.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
  margin: 0; }

/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important; }

.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
  border-radius: 0px; }

.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px 0.3571428571rem 0.3571428571rem 0px; }

/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: #80808C !important; }

/* Button on Left */
.ui.input[class*="left action"] > input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-color: transparent !important; }

.ui.input[class*="left action"] > .dropdown,
.ui.input[class*="left action"] > .button,
.ui.input[class*="left action"] > .buttons > .button {
  border-radius: 0px; }

.ui.input[class*="left action"] > .dropdown:first-child,
.ui.input[class*="left action"] > .button:first-child,
.ui.input[class*="left action"] > .buttons:first-child > .button {
  border-radius: 0.3571428571rem 0px 0px 0.3571428571rem; }

/* Input Focus */
.ui.input[class*="left action"] > input:focus {
  border-left-color: #80808C !important; }

/*--------------------
       Inverted
---------------------*/
/* Standard */
.ui.inverted.input > input {
  border: none; }

/*--------------------
        Fluid
---------------------*/
.ui.fluid.input {
  display: flex; }

.ui.fluid.input > input {
  width: 0px !important; }

/*--------------------
        Size
---------------------*/
.ui.mini.input {
  font-size: 0.78571429em; }

.ui.small.input {
  font-size: 0.92857143em; }

.ui.input {
  font-size: 1em; }

.ui.large.input {
  font-size: 1.14285714em; }

.ui.big.input {
  font-size: 1.28571429em; }

.ui.huge.input {
  font-size: 1.42857143em; }

.ui.massive.input {
  font-size: 1.71428571em; }

/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Item
*******************************/
/*-------------------
         View
--------------------*/
/* Group */
/* Item */
/* Responsive */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Actions */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Additional Content */
/*-------------------
      Variations
--------------------*/
/* Relaxed */
/* Divided */
/* Unstackable */
/*******************************
            Standard
*******************************/
/*--------------
      Item
---------------*/
.ui.items > .item {
  display: flex;
  margin: 1em 0em;
  width: 100%;
  min-height: 0px;
  background: transparent;
  padding: 0em;
  border: none;
  border-radius: 0rem;
  box-shadow: none;
  transition: 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;
  flex: 0 0 auto;
  display: block;
  float: none;
  margin: 0em;
  padding: 0em;
  max-height: "";
  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;
  flex: 1 1 auto;
  background: none;
  margin: 0em;
  padding: 0em;
  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;
  align-self: top;
  padding-left: 1.5em; }

.ui.items > .item > .content > .header {
  display: inline-block;
  margin: -0.21425em 0em 0em;
  font-family: "icons", Arial, 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 {
  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: #212128; }

/*--------------
    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: "";
  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: #1a1e6e; }

/* Meta */
.ui.items > .item .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4); }

.ui.items > .item .meta > a:not(.ui):hover {
  color: #212128; }

/*--------------
     Labels
---------------*/
/*-----Star----- */
/* Icon */
.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: 0.75;
  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;
  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);
  box-shadow: none;
  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 {
    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 + .content[class*="top aligned"] {
  align-self: flex-start; }

.ui.items > .item > .image + .content[class*="middle aligned"] {
  align-self: center; }

.ui.items > .item > .image + .content[class*="bottom aligned"] {
  align-self: flex-end; }

/*--------------
     Relaxed
---------------*/
.ui.relaxed.items > .item {
  margin: 1.5em 0em; }

.ui.items[class*="very relaxed"] > .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.divided.items[class*="very relaxed"] > .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: #1a1e6e; }

/*--------------
      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; } }

/*!
 * # Semantic UI - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Label
*******************************/
/*-------------------
       Element
--------------------*/
/* medium is not $emSize custom value required */
/* Group */
/*-------------------
        Parts
--------------------*/
/* Link */
/* Icon */
/* Image */
/* Detail */
/* Delete */
/*-------------------
        Types
--------------------*/
/* Image Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Active */
/* Active Hover */
/*-------------------
      Variations
--------------------*/
/* Basic */
/* Tag */
/* Avoids error with background: inherit; on animation */
/* Ribbon */
/* Rounding Offset on Triangle */
/* Rounding Offset on Triangle */
/* Colors */
/* Attached */
/* Corner */
/* Corner Text */
/* Horizontal */
/* Circular Padding */
/* Pointing */
/* Basic Pointing */
/* Floating */
/*-------------------
        Group
--------------------*/
/* Sizing */
/*******************************
            Label
*******************************/
.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.14285714em;
  background-color: #E8E8E8;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: bold;
  border: 0px solid transparent;
  border-radius: 0.3571428571rem;
  transition: background 0.1s ease; }

.ui.label:first-child {
  margin-left: 0em; }

.ui.label:last-child {
  margin-right: 0em; }

/* Link */
a.ui.label {
  cursor: pointer; }

/* Inside Link */
.ui.label > a {
  cursor: pointer;
  color: inherit;
  opacity: 0.5;
  transition: 0.1s opacity ease; }

.ui.label > a:hover {
  opacity: 1; }

/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 2.1666em !important; }

/* Icon */
.ui.label > .icon {
  width: auto;
  margin: 0em 0.75em 0em 0em; }

/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-left: 1em;
  opacity: 0.8; }

.ui.label > .detail .icon {
  margin: 0em 0.25em 0em 0em; }

/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  margin-right: 0em;
  margin-left: 0.5em;
  font-size: 0.92857143em;
  opacity: 0.5;
  transition: background 0.1s ease; }

.ui.label > .delete.icon:hover {
  opacity: 1; }

/*-------------------
       Group
--------------------*/
.ui.labels > .label {
  margin: 0em 0.5em 0.5em 0em; }

/*-------------------
       Coupling
--------------------*/
.ui.header > .ui.label {
  margin-top: -0.29165em; }

/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
  border-top-left-radius: 0; }

.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
  border-top-right-radius: 0; }

.ui.top.attached.segment > .ui.bottom.left.attached.label {
  border-bottom-left-radius: 0; }

.ui.top.attached.segment > .ui.bottom.right.attached.label {
  border-bottom-right-radius: 0; }

/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached),
.ui.top.attached.label + [class*="right floated"] + * {
  margin-top: 2rem !important; }

.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
  margin-top: 0em;
  margin-bottom: 2rem !important; }

/*******************************
             Types
*******************************/
.ui.image.label {
  width: auto !important;
  margin-top: 0em;
  margin-bottom: 0em;
  max-width: 9999px;
  vertical-align: baseline;
  text-transform: none;
  background: #E8E8E8;
  padding: 0.5833em 0.833em 0.5833em 0.5em;
  border-radius: 0.3571428571rem;
  box-shadow: none; }

.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 2.1666em;
  margin: -0.5833em -0.5833em;
  border-radius: 0.3571428571rem 0em 0em 0.3571428571rem; }

.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -1.9996em 0.5em;
  padding: 0.5833em 0.833em;
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0em; }

/*-------------------
         Tag
--------------------*/
.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0em;
  transition: none; }

.ui.tag.labels .label:before,
.ui.tag.label:before {
  position: absolute;
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  transition: none; }

.ui.tag.labels .label:after,
.ui.tag.label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #FFFFFF !important;
  width: 0.5em;
  height: 0.5em;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem; }

/*-------------------
    Corner Label
--------------------*/
.ui.corner.label {
  position: absolute;
  top: 0em;
  right: 0em;
  margin: 0em;
  padding: 0em;
  text-align: center;
  border-color: #E8E8E8;
  width: 4em;
  height: 4em;
  z-index: 1;
  transition: border-color 0.1s ease; }

/* Icon Label */
.ui.corner.label {
  background-color: transparent !important; }

.ui.corner.label:after {
  position: absolute;
  content: "";
  right: 0em;
  top: 0em;
  z-index: -1;
  width: 0em;
  height: 0em;
  background-color: transparent !important;
  border-top: 0em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-left: 0em solid transparent;
  border-right-color: inherit;
  transition: border-color 0.1s ease; }

.ui.corner.label .icon {
  cursor: default;
  position: relative;
  top: 0.64285714em;
  left: 0.78571429em;
  font-size: 1.14285714em;
  margin: 0em; }

/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label:after {
  right: auto;
  left: 0em; }

.ui.left.corner.label:after {
  border-top: 4em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 0em solid transparent;
  border-left: 0em solid transparent;
  border-top-color: inherit; }

.ui.left.corner.label .icon {
  left: -0.78571429em; }

/* Segment */
.ui.segment > .ui.corner.label {
  top: -1px;
  right: -1px; }

.ui.segment > .ui.left.corner.label {
  right: auto;
  left: -1px; }

/*-------------------
       Ribbon
--------------------*/
.ui.ribbon.label {
  position: relative;
  margin: 0em;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0em;
  border-color: rgba(0, 0, 0, 0.15); }

.ui.ribbon.label:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0%;
  background-color: transparent !important;
  border-style: solid;
  border-width: 0em 1.2em 1.2em 0em;
  border-color: transparent;
  border-right-color: inherit;
  width: 0em;
  height: 0em; }

/* Positioning */
.ui.ribbon.label {
  left: calc(-1rem - 1.2em);
  margin-right: -1.2em;
  padding-left: calc(1rem + 1.2em);
  padding-right: 1.2em; }

.ui.label[class*="right ribbon"] {
  left: calc(100% + 1rem + 1.2em);
  padding-left: 1.2em;
  padding-right: calc(1rem + 1.2em); }

/* Right Ribbon */
.ui.label[class*="right ribbon"] {
  text-align: left;
  transform: translateX(-100%);
  border-radius: 0.3571428571rem 0em 0em 0.3571428571rem; }

.ui.label[class*="right ribbon"]:after {
  left: auto;
  right: 0%;
  border-style: solid;
  border-width: 1.2em 1.2em 0em 0em;
  border-color: transparent;
  border-top-color: inherit; }

/* Inside Table */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
  position: absolute;
  top: 1rem; }

.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc(0.05rem - 1.2em); }

.ui.card .image > .ui.label[class*="right ribbon"],
.ui.image > .ui.label[class*="right ribbon"] {
  left: calc(100% + -0.05rem + 1.2em);
  padding-left: 0.833em; }

/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: -1.98571429em; }

.ui.table td > .ui.label[class*="right ribbon"] {
  left: calc(100% + 0.78571429em + 1.2em);
  padding-left: 0.833em; }

/*-------------------
      Attached
--------------------*/
.ui.label[class*="top attached"],
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0em;
  top: 0em;
  left: 0em;
  padding: 0.75em 1em;
  border-radius: 0.21428571rem 0.21428571rem 0em 0em; }

.ui.label[class*="bottom attached"] {
  top: auto;
  bottom: 0em;
  border-radius: 0em 0em 0.21428571rem 0.21428571rem; }

.ui.label[class*="top left attached"] {
  width: auto;
  margin-top: 0em !important;
  border-radius: 0.21428571rem 0em 0.3571428571rem 0em; }

.ui.label[class*="top right attached"] {
  width: auto;
  left: auto;
  right: 0em;
  border-radius: 0em 0.21428571rem 0em 0.3571428571rem; }

.ui.label[class*="bottom left attached"] {
  width: auto;
  top: auto;
  bottom: 0em;
  border-radius: 0em 0.3571428571rem 0em 0.21428571rem; }

.ui.label[class*="bottom right attached"] {
  top: auto;
  bottom: 0em;
  left: auto;
  right: 0em;
  width: auto;
  border-radius: 0.3571428571rem 0em 0.21428571rem 0em; }

/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
.ui.label.disabled {
  opacity: 0.5; }

/*-------------------
        Hover
--------------------*/
a.ui.labels .label:hover,
a.ui.label:hover {
  background-color: #E0E0E0;
  border-color: #E0E0E0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8); }

.ui.labels a.label:hover:before,
a.ui.label:hover:before {
  color: rgba(0, 0, 0, 0.8); }

/*-------------------
        Active
--------------------*/
.ui.active.label {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95); }

.ui.active.label:before {
  background-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95); }

/*-------------------
     Active Hover
--------------------*/
a.ui.labels .active.label:hover,
a.ui.active.label:hover {
  background-color: #C8C8C8;
  border-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95); }

.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
  background-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95); }

/*-------------------
      Visible
--------------------*/
.ui.labels.visible .label,
.ui.label.visible:not(.dropdown) {
  display: inline-block !important; }

/*-------------------
      Hidden
--------------------*/
.ui.labels.hidden .label,
.ui.label.hidden {
  display: none !important; }

/*******************************
           Variations
*******************************/
/*-------------------
       Colors
--------------------*/
/*--- Red ---*/
.ui.red.labels .label,
.ui.red.label {
  background-color: #D14F4F !important;
  border-color: #D14F4F !important;
  color: #FFFFFF !important; }

/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: #d82e2e !important;
  border-color: #d82e2e !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.red.ribbon.label {
  border-color: #bc3131 !important; }

/* Basic */
.ui.basic.red.label {
  background-color: #FFFFFF !important;
  color: #D14F4F !important;
  border-color: #D14F4F !important; }

.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
  background-color: #FFFFFF !important;
  color: #d82e2e !important;
  border-color: #d82e2e !important; }

/*--- Orange ---*/
.ui.orange.labels .label,
.ui.orange.label {
  background-color: #F2711C !important;
  border-color: #F2711C !important;
  color: #FFFFFF !important; }

/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
  background-color: #f36101 !important;
  border-color: #f36101 !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.orange.ribbon.label {
  border-color: #cf590c !important; }

/* Basic */
.ui.basic.orange.label {
  background-color: #FFFFFF !important;
  color: #F2711C !important;
  border-color: #F2711C !important; }

.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
  background-color: #FFFFFF !important;
  color: #f36101 !important;
  border-color: #f36101 !important; }

/*--- Yellow ---*/
.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #F7B21A !important;
  border-color: #F7B21A !important;
  color: #FFFFFF !important; }

/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #f8aa00 !important;
  border-color: #f8aa00 !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #d79607 !important; }

/* Basic */
.ui.basic.yellow.label {
  background-color: #FFFFFF !important;
  color: #F7B21A !important;
  border-color: #F7B21A !important; }

.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
  background-color: #FFFFFF !important;
  color: #f8aa00 !important;
  border-color: #f8aa00 !important; }

/*--- Olive ---*/
.ui.olive.labels .label,
.ui.olive.label {
  background-color: #B5CC18 !important;
  border-color: #B5CC18 !important;
  color: #FFFFFF !important; }

/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
  background-color: #a8bf0b !important;
  border-color: #a8bf0b !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.olive.ribbon.label {
  border-color: #36732f !important; }

/* Basic */
.ui.basic.olive.label {
  background-color: #FFFFFF !important;
  color: #B5CC18 !important;
  border-color: #B5CC18 !important; }

.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
  background-color: #FFFFFF !important;
  color: #a8bf0b !important;
  border-color: #a8bf0b !important; }

/*--- Green ---*/
.ui.green.labels .label,
.ui.green.label {
  background-color: #47973E !important;
  border-color: #47973E !important;
  color: #FFFFFF !important; }

/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #378e2d !important;
  border-color: #378e2d !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.green.ribbon.label {
  border-color: #36732f !important; }

/* Basic */
.ui.basic.green.label {
  background-color: #FFFFFF !important;
  color: #47973E !important;
  border-color: #47973E !important; }

.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
  background-color: #FFFFFF !important;
  color: #378e2d !important;
  border-color: #378e2d !important; }

/*--- Teal ---*/
.ui.teal.labels .label,
.ui.teal.label {
  background-color: #00B5AD !important;
  border-color: #00B5AD !important;
  color: #FFFFFF !important; }

/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
  background-color: #009c95 !important;
  border-color: #009c95 !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.teal.ribbon.label {
  border-color: #00827c !important; }

/* Basic */
.ui.basic.teal.label {
  background-color: #FFFFFF !important;
  color: #00B5AD !important;
  border-color: #00B5AD !important; }

.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
  background-color: #FFFFFF !important;
  color: #009c95 !important;
  border-color: #009c95 !important; }

/*--- Blue ---*/
.ui.blue.labels .label,
.ui.blue.label {
  background-color: #3E4297 !important;
  border-color: #3E4297 !important;
  color: #FFFFFF !important; }

/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
  background-color: #2d328e !important;
  border-color: #2d328e !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.blue.ribbon.label {
  border-color: #2f3273 !important; }

/* Basic */
.ui.basic.blue.label {
  background-color: #FFFFFF !important;
  color: #3E4297 !important;
  border-color: #3E4297 !important; }

.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
  background-color: #FFFFFF !important;
  color: #2d328e !important;
  border-color: #2d328e !important; }

/*--- Violet ---*/
.ui.violet.labels .label,
.ui.violet.label {
  background-color: #6435C9 !important;
  border-color: #6435C9 !important;
  color: #FFFFFF !important; }

/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
  background-color: #5624c0 !important;
  border-color: #5624c0 !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.violet.ribbon.label {
  border-color: #502aa1 !important; }

/* Basic */
.ui.basic.violet.label {
  background-color: #FFFFFF !important;
  color: #6435C9 !important;
  border-color: #6435C9 !important; }

.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
  background-color: #FFFFFF !important;
  color: #5624c0 !important;
  border-color: #5624c0 !important; }

/*--- Purple ---*/
.ui.purple.labels .label,
.ui.purple.label {
  background-color: #A333C8 !important;
  border-color: #A333C8 !important;
  color: #FFFFFF !important; }

/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
  background-color: #9823bf !important;
  border-color: #9823bf !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #82299f !important; }

/* Basic */
.ui.basic.purple.label {
  background-color: #FFFFFF !important;
  color: #A333C8 !important;
  border-color: #A333C8 !important; }

.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
  background-color: #FFFFFF !important;
  color: #9823bf !important;
  border-color: #9823bf !important; }

/*--- Pink ---*/
.ui.pink.labels .label,
.ui.pink.label {
  background-color: #E03997 !important;
  border-color: #E03997 !important;
  color: #FFFFFF !important; }

/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
  background-color: #e9168d !important;
  border-color: #e9168d !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.pink.ribbon.label {
  border-color: #c71f7e !important; }

/* Basic */
.ui.basic.pink.label {
  background-color: #FFFFFF !important;
  color: #E03997 !important;
  border-color: #E03997 !important; }

.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
  background-color: #FFFFFF !important;
  color: #e9168d !important;
  border-color: #e9168d !important; }

/*--- Brown ---*/
.ui.brown.labels .label,
.ui.brown.label {
  background-color: #A5673F !important;
  border-color: #A5673F !important;
  color: #FFFFFF !important; }

/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
  background-color: #9d592e !important;
  border-color: #9d592e !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.brown.ribbon.label {
  border-color: #805031 !important; }

/* Basic */
.ui.basic.brown.label {
  background-color: #FFFFFF !important;
  color: #A5673F !important;
  border-color: #A5673F !important; }

.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
  background-color: #FFFFFF !important;
  color: #9d592e !important;
  border-color: #9d592e !important; }

/*--- Grey ---*/
.ui.grey.labels .label,
.ui.grey.label {
  background-color: #80808C !important;
  border-color: #80808C !important;
  color: #FFFFFF !important; }

/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
  background-color: #8d8d98 !important;
  border-color: #8d8d98 !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.grey.ribbon.label {
  border-color: #805031 !important; }

/* Basic */
.ui.basic.grey.label {
  background-color: #FFFFFF !important;
  color: #80808C !important;
  border-color: #80808C !important; }

.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
  background-color: #FFFFFF !important;
  color: #8d8d98 !important;
  border-color: #8d8d98 !important; }

/*--- Black ---*/
.ui.black.labels .label,
.ui.black.label {
  background-color: #212128 !important;
  border-color: #212128 !important;
  color: #FFFFFF !important; }

/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
  background-color: #2d2d36 !important;
  border-color: #2d2d36 !important;
  color: #FFFFFF !important; }

/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
  background-color: transparent !important; }

/* Ribbon */
.ui.black.ribbon.label {
  border-color: #805031 !important; }

/* Basic */
.ui.basic.black.label {
  background-color: #FFFFFF !important;
  color: #212128 !important;
  border-color: #212128 !important; }

.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
  background-color: #FFFFFF !important;
  color: #2d2d36 !important;
  border-color: #2d2d36 !important; }

/*-------------------
        Basic
--------------------*/
.ui.basic.label {
  background: none #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: #212128;
  box-shadow: none; }

/* Link */
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #FFFFFF;
  color: #1a1e6e;
  box-shadow: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none; }

/* Pointing */
.ui.basic.pointing.label:before {
  border-color: inherit; }

/*-------------------
       Fluid
--------------------*/
.ui.label.fluid,
.ui.fluid.labels > .label {
  width: 100%;
  box-sizing: border-box; }

/*-------------------
       Inverted
--------------------*/
.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9) !important; }

/*-------------------
     Horizontal
--------------------*/
.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0em 0.5em 0em 0em;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center; }

/*-------------------
       Circular
--------------------*/
.ui.circular.labels .label,
.ui.circular.label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem; }

.ui.empty.circular.labels .label,
.ui.empty.circular.label {
  min-width: 0em;
  min-height: 0em;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline; }

/*-------------------
       Pointing
--------------------*/
.ui.pointing.label {
  position: relative; }

.ui.attached.pointing.label {
  position: absolute; }

.ui.pointing.label:before {
  background-color: inherit;
  background-image: inherit;
  border-width: none;
  border-style: solid;
  border-color: inherit; }

/* Arrow */
.ui.pointing.label:before {
  position: absolute;
  content: '';
  transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  transition: background 0.1s ease; }

/*--- Above ---*/
.ui.pointing.label,
.ui.label[class*="pointing above"] {
  margin-top: 1em; }

.ui.pointing.label:before,
.ui.label[class*="pointing above"]:before {
  border-width: 1px 0px 0px 1px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0%;
  left: 50%; }

/*--- Below ---*/
.ui.label[class*="bottom pointing"],
.ui.label[class*="pointing below"] {
  margin-top: 0em;
  margin-bottom: 1em; }

.ui.label[class*="bottom pointing"]:before,
.ui.label[class*="pointing below"]:before {
  border-width: 0px 1px 1px 0px;
  top: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%; }

/*--- Left ---*/
.ui.label[class*="left pointing"] {
  margin-top: 0em;
  margin-left: 0.6666em; }

.ui.label[class*="left pointing"]:before {
  border-width: 0px 0px 1px 1px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em; }

/*--- Right ---*/
.ui.label[class*="right pointing"] {
  margin-top: 0em;
  margin-right: 0.6666em; }

.ui.label[class*="right pointing"]:before {
  border-width: 1px 1px 0px 0px;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto; }

/* Basic Pointing */
/*--- Above ---*/
.ui.basic.pointing.label:before,
.ui.basic.label[class*="pointing above"]:before {
  margin-top: -1px; }

/*--- Below ---*/
.ui.basic.label[class*="bottom pointing"]:before,
.ui.basic.label[class*="pointing below"]:before {
  bottom: auto;
  top: 100%;
  margin-top: 1px; }

/*--- Left ---*/
.ui.basic.label[class*="left pointing"]:before {
  top: 50%;
  left: -1px; }

/*--- Right ---*/
.ui.basic.label[class*="right pointing"]:before {
  top: 50%;
  right: -1px; }

/*------------------
   Floating Label
-------------------*/
.ui.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  left: 100%;
  margin: 0em 0em 0em -1.5em !important; }

/*-------------------
        Sizes
--------------------*/
.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.64285714rem; }

.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.71428571rem; }

.ui.small.labels .label,
.ui.small.label {
  font-size: 0.78571429rem; }

.ui.labels .label,
.ui.label {
  font-size: 0.85714286rem; }

.ui.large.labels .label,
.ui.large.label {
  font-size: 0.78571429rem; }

.ui.big.labels .label,
.ui.big.label {
  font-size: 1.28571429rem; }

.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.42857143rem; }

.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.71428571rem; }

/*!
 * # Semantic UI - List
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             List
*******************************/
/*-------------------
         View
--------------------*/
/* List */
/* List Item */
/* Sub List */
/* Sub List Item */
/*-------------------
      Elements
--------------------*/
/* Icon */
/* Image */
/* Content */
/* Header */
/* Description */
/* Link */
/* Header Link */
/* Linked Icon */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Float */
/* Horizontal */
/* Inverted */
/* Link List */
/* Inverted Link List */
/* Selection List */
/* Selection List States */
/* Inverted Selection List */
/* Animated List */
/* Bulleted */
/* Horizontal Bullets */
/* Ordered List */
/* Horizontal Ordered */
/* Divided */
/* Divided Horizontal */
/* Divided */
/* Divided Horizontal */
/* Relaxed */
/* Very Relaxed */
/*******************************
            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;
  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: "icons", Arial, sans-serif;
  font-weight: bold;
  color: #212128; }

/* 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: #3E4297; }

.ui.list .list > a.item:hover,
.ui.list > a.item:hover {
  color: #1a1e6e; }

/* 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: #3E4297 !important; }

.ui.list .list > .item a.header:hover,
.ui.list > .item a.header:hover {
  color: #1a1e6e !important; }

/* Floated Content */
.ui.list[class*="left floated"] {
  float: left; }

.ui.list[class*="right floated"] {
  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: #212128; }

/*******************************
           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: #1a1e6e; }

/* 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: #1a1e6e !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);
  transition: 0.1s color ease; }

.ui.link.list.list a.item:hover,
.ui.link.list.list .item a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.8); }

.ui.link.list.list a.item:active,
.ui.link.list.list .item a:not(.ui):active {
  color: rgba(0, 0, 0, 0.9); }

.ui.link.list.list .active.item,
.ui.link.list.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.list a.item:hover,
.ui.inverted.link.list.list .item a:not(.ui):hover {
  color: white; }

.ui.inverted.link.list.list a.item:active,
.ui.inverted.link.list.list .item a:not(.ui):active {
  color: white; }

.ui.inverted.link.list.list a.active.item,
.ui.inverted.link.list.list .active.item a:not(.ui) {
  color: white; }

/*-------------------
      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;
  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: white; }

.ui.inverted.selection.list > .item:active,
.ui.inverted.selection.list > .item:active {
  background: rgba(255, 255, 255, 0.08);
  color: white; }

.ui.inverted.selection.list > .item.active,
.ui.inverted.selection.list > .item.active {
  background: rgba(255, 255, 255, 0.08);
  color: white; }

/* 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 {
  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;
          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: #212128; }

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: calc(1.25rem + 0.5em); }

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: #212128; }

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;
          user-select: none;
  pointer-events: none;
  margin-left: -1.25rem;
  counter-increment: ordered;
  content: counters(ordered, ".") " ";
  text-align: right;
  color: #212128;
  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.list[class*="very relaxed"]:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.85714286em; }

.ui.list[class*="very relaxed"]:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.85714286em; }

.ui.horizontal.list[class*="very relaxed"] .list > .item:not(:first-child),
.ui.horizontal.list[class*="very relaxed"] > .item:not(:first-child) {
  padding-left: 1.5rem; }

.ui.horizontal.list[class*="very relaxed"] .list > .item:not(:last-child),
.ui.horizontal.list[class*="very relaxed"] > .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; }

/*!
 * # Semantic UI - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Loader
*******************************/
/* Some global loader styles defined in site.variables */
/*-------------------
      Standard
--------------------*/
/*-------------------
        Types
--------------------*/
/* Text */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Exact Sizes (Avoids Rounding Errors) */
/*******************************
            Loader
*******************************/
/* Standard Size */
.ui.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  text-align: center;
  z-index: 1000;
  transform: translateX(-50%) translateY(-50%); }

/* Static Shape */
.ui.loader:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

/* Active Shape */
.ui.loader:after {
  position: absolute;
  content: '';
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  animation: loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #80808C transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent; }

/* Active Animation */
@keyframes loader {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* Sizes */
.ui.mini.loader:before,
.ui.mini.loader:after {
  width: 1rem;
  height: 1rem;
  margin: 0rem 0rem -0.5rem; }

.ui.tiny.loader:before,
.ui.tiny.loader:after {
  width: 1.14285714rem;
  height: 1.14285714rem;
  margin: 0rem 0rem -0.57142857rem; }

.ui.small.loader:before,
.ui.small.loader:after {
  width: 1.71428571rem;
  height: 1.71428571rem;
  margin: 0rem 0rem -0.857142855rem; }

.ui.loader:before,
.ui.loader:after {
  width: 2.28571429rem;
  height: 2.28571429rem;
  margin: 0rem 0rem -1.142857145rem; }

.ui.large.loader:before,
.ui.large.loader:after {
  width: 3.42857143rem;
  height: 3.42857143rem;
  margin: 0rem 0rem -1.714285715rem; }

.ui.big.loader:before,
.ui.big.loader:after {
  width: 3.71428571rem;
  height: 3.71428571rem;
  margin: 0rem 0rem -1.857142855rem; }

.ui.huge.loader:before,
.ui.huge.loader:after {
  width: 4.14285714rem;
  height: 4.14285714rem;
  margin: 0rem 0rem -2.07142857rem; }

.ui.massive.loader:before,
.ui.massive.loader:after {
  width: 4.57142857rem;
  height: 4.57142857rem;
  margin: 0rem 0rem -2.285714285rem; }

/*-------------------
      Coupling
--------------------*/
/* Show inside active dimmer */
.ui.dimmer .loader {
  display: block; }

/* Black Dimmer */
.ui.dimmer .ui.loader {
  color: rgba(255, 255, 255, 0.9); }

.ui.dimmer .ui.loader:before {
  border-color: rgba(255, 255, 255, 0.15); }

.ui.dimmer .ui.loader:after {
  border-color: #FFFFFF transparent transparent; }

/* White Dimmer (Inverted) */
.ui.inverted.dimmer .ui.loader {
  color: #212128; }

.ui.inverted.dimmer .ui.loader:before {
  border-color: rgba(0, 0, 0, 0.1); }

.ui.inverted.dimmer .ui.loader:after {
  border-color: #80808C transparent transparent; }

/*******************************
             Types
*******************************/
/*-------------------
        Text
--------------------*/
.ui.text.loader {
  width: auto !important;
  height: auto !important;
  text-align: center;
  font-style: normal; }

/*******************************
            States
*******************************/
.ui.indeterminate.loader:after {
  animation-direction: reverse;
  animation-duration: 1.2s; }

.ui.loader.active,
.ui.loader.visible {
  display: block; }

.ui.loader.disabled,
.ui.loader.hidden {
  display: none; }

/*******************************
            Variations
*******************************/
/*-------------------
        Sizes
--------------------*/
/* Loader */
.ui.inverted.dimmer .ui.mini.loader,
.ui.mini.loader {
  width: 1rem;
  height: 1rem;
  font-size: 0.78571429em; }

.ui.inverted.dimmer .ui.tiny.loader,
.ui.tiny.loader {
  width: 1.14285714rem;
  height: 1.14285714rem;
  font-size: 0.85714286em; }

.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
  width: 1.71428571rem;
  height: 1.71428571rem;
  font-size: 0.92857143em; }

.ui.inverted.dimmer .ui.loader,
.ui.loader {
  width: 2.28571429rem;
  height: 2.28571429rem;
  font-size: 1em; }

.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
  width: 3.42857143rem;
  height: 3.42857143rem;
  font-size: 1.14285714em; }

.ui.inverted.dimmer .ui.big.loader,
.ui.big.loader {
  width: 3.71428571rem;
  height: 3.71428571rem;
  font-size: 1.28571429em; }

.ui.inverted.dimmer .ui.huge.loader,
.ui.huge.loader {
  width: 4.14285714rem;
  height: 4.14285714rem;
  font-size: 1.42857143em; }

.ui.inverted.dimmer .ui.massive.loader,
.ui.massive.loader {
  width: 4.57142857rem;
  height: 4.57142857rem;
  font-size: 1.71428571em; }

/* Text Loader */
.ui.mini.text.loader {
  min-width: 1rem;
  padding-top: calc(1rem + 0.78571429em); }

.ui.tiny.text.loader {
  min-width: 1.14285714rem;
  padding-top: calc(1.14285714rem + 0.78571429em); }

.ui.small.text.loader {
  min-width: 1.71428571rem;
  padding-top: calc(1.71428571rem + 0.78571429em); }

.ui.text.loader {
  min-width: 2.28571429rem;
  padding-top: calc(2.28571429rem + 0.78571429em); }

.ui.large.text.loader {
  min-width: 3.42857143rem;
  padding-top: calc(3.42857143rem + 0.78571429em); }

.ui.big.text.loader {
  min-width: 3.71428571rem;
  padding-top: calc(3.71428571rem + 0.78571429em); }

.ui.huge.text.loader {
  min-width: 4.14285714rem;
  padding-top: calc(4.14285714rem + 0.78571429em); }

.ui.massive.text.loader {
  min-width: 4.57142857rem;
  padding-top: calc(4.57142857rem + 0.78571429em); }

/*-------------------
       Inverted
--------------------*/
.ui.inverted.loader {
  color: rgba(255, 255, 255, 0.9); }

.ui.inverted.loader:before {
  border-color: rgba(255, 255, 255, 0.15); }

.ui.inverted.loader:after {
  border-top-color: #FFFFFF; }

/*-------------------
       Inline
--------------------*/
.ui.inline.loader {
  position: relative;
  vertical-align: middle;
  margin: 0em;
  left: 0em;
  top: 0em;
  transform: none; }

.ui.inline.loader.active,
.ui.inline.loader.visible {
  display: inline-block; }

/* Centered Inline */
.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*
 * # Semantic - Menu
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Menu
*******************************/
/*-------------------
      Collection
--------------------*/
/* Menu Item */
/* Menu */
/* Divider */
/* Sub Menu */
/* Text Item */
/*--------------
    Elements
---------------*/
/* Icon */
/* Dropdown Icon */
/* Header */
/* Vertical Icon */
/* Vertical Header */
/* Pointing Arrow */
/*--------------
    Couplings
---------------*/
/* Button */
/* Input */
/* Image */
/* Label */
/* Dropdown in Menu */
/* Dropdown Variations */
/*--------------
     States
---------------*/
/* Hovered Item */
/* Pressed Item */
/* Active Item */
/* Active Hovered Item */
/* Selected Dropdown */
/* Active Dropdown */
/* Active Sub Menu */
/*--------------
     Types
---------------*/
/* Vertical */
/* Secondary */
/* Pointing */
/* Inverted Secondary */
/* Inverted Pointing */
/* Tiered */
/* Icon */
/* Tabular */
/* Pagination */
/* Labeled Icon */
/* Text */
/*--------------
   Variations
---------------*/
/* Inverted */
/* Inverted Sub Menu */
/* Inverted Hover */
/* Pressed */
/* Inverted Active */
/* Inverted Active Hover  */
/* Inverted Menu Divider */
/* Inverted Colored */
/* Fixed */
/* Floated */
/* Attached */
/* Resize large sizes */
/* Sizes */
/* Inverted */
/*******************************
            Standard
*******************************/
/*--------------
      Menu
---------------*/
.ui.menu {
  display: flex;
  margin: 1rem 0em;
  font-family: "icons", Arial, sans-serif;
  background: #FFFFFF;
  font-weight: normal;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.3571428571em;
  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: flex; }

/*--------------
      Item
---------------*/
.ui.menu:not(.vertical) .item {
  display: flex;
  align-items: center; }

.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: none;
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  color: #212128;
  font-weight: normal;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; }

.ui.menu > .item:first-child {
  border-radius: 0.3571428571em 0px 0px 0.3571428571em; }

/* 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;
          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: flex;
  align-items: 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.3571428571rem 0.3571428571rem;
  background: #FFFFFF;
  margin: 0em 0px 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  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: #212128 !important;
  text-transform: none !important;
  font-weight: normal !important;
  box-shadow: 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.3571428571rem;
  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;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0.3571428571rem; }

.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 {
  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
*******************************/
/*--------------
     List
---------------*/
/* Menu divider shouldnt apply */
.ui.menu .list .item:before {
  background: none !important; }

/*--------------
     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;
  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 !important;
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3) !important; }

/*******************************
             Types
*******************************/
/*------------------
Floated Menu / Item
-------------------*/
/* Left Floated */
.ui.menu:not(.vertical) .left.item,
.ui.menu:not(.vertical) .left.menu {
  display: flex;
  margin-right: auto !important; }

/* Right Floated */
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
  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;
  flex-direction: column;
  background: #FFFFFF;
  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.3571428571em 0.3571428571em 0px 0px; }

.ui.vertical.menu > .item:last-child {
  border-radius: 0px 0px 0.3571428571em 0.3571428571em; }

/*--- Label ---*/
.ui.vertical.menu .item > .label {
  float: right;
  text-align: center; }

/*--- Icon ---*/
.ui.vertical.menu .item > i.icon {
  width: 1.18em;
  float: none;
  margin: 0em 0.5em 0em 0em; }

.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.64285714em 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;
  box-shadow: none; }

.ui.vertical.menu > .active.item:first-child {
  border-radius: 0.3571428571em 0.3571428571em 0em 0em; }

.ui.vertical.menu > .active.item:last-child {
  border-radius: 0em 0em 0.3571428571em 0.3571428571em; }

.ui.vertical.menu > .active.item:only-child {
  border-radius: 0.3571428571em; }

.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;
  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: #212128; }

.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;
  box-shadow: none;
  border-radius: 0.3571428571rem 0.3571428571rem 0px 0px !important; }

/* Coupling with segment for attachment */
.ui.tabular.menu + .attached.segment:not(.top),
.ui.tabular.menu + .attached.segment:not(.top) + .attached.segment:not(.top) {
  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;
  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.3571428571rem 0.3571428571rem !important; }

/* Vertical Tabular (Left) */
.ui.vertical.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  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: -1px 0px 0px;
  border-radius: 0.3571428571rem 0px 0px 0.3571428571rem !important; }

/* Vertical Right Tabular */
.ui.vertical.right.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  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 -1px;
  border-radius: 0px 0.3571428571rem 0.3571428571rem 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: inline-flex;
  vertical-align: middle; }

.ui.pagination.menu .item:last-child {
  border-radius: 0em 0.3571428571em 0.3571428571em 0em; }

.ui.compact.menu .item:last-child {
  border-radius: 0em 0.3571428571em 0.3571428571em 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);
  box-shadow: none; }

/*--------------
   Secondary
---------------*/
.ui.secondary.menu {
  background: none;
  margin-left: -0.35714286em;
  margin-right: -0.35714286em;
  border-radius: 0em;
  border: none;
  box-shadow: none; }

/* Item */
.ui.secondary.menu .item {
  align-self: center;
  box-shadow: none;
  border: none;
  padding: 0.78571429em 0.92857143em;
  margin: 0em 0.35714286em;
  background: none;
  transition: color 0.1s ease;
  border-radius: 0.3571428571rem; }

/* 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 {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0.3571428571rem; }

/* Active Hover */
.ui.secondary.menu .active.item:hover {
  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: white !important; }

.ui.secondary.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: white !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 {
  box-shadow: none; }

/* Sub Menu */
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
  margin: -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.3571428571rem !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;
  align-self: flex-end;
  margin: 0px -2px;
  padding: 0.85714286em 1.14285714em;
  border-bottom-width: 2px;
  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 {
  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: #212128; }

/* 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;
  box-shadow: none;
  border-color: #212128;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95); }

/* Active Hover */
.ui.secondary.pointing.menu .active.item:hover {
  border-color: #212128;
  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: -2px 0px 0px;
  border-right-width: 2px; }

/* Vertical Active */
.ui.secondary.vertical.pointing.menu .active.item {
  border-color: #212128; }

/* 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: white; }

/*--------------
    Text Menu
---------------*/
.ui.text.menu {
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  margin: 0.5em; }

.ui.text.menu .item {
  border-radius: 0px;
  box-shadow: none;
  align-self: center;
  margin: 0em 0em;
  padding: 0.35714286em 0.5em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  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;
  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 {
  box-shadow: none; }

.ui.text.attached.menu {
  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: #212128; }

/* 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;
  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 {
    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 {
    flex-direction: column; } }

/*--------------
     Colors
---------------*/
/*--- Standard Colors  ---*/
.ui.menu .red.active.item,
.ui.red.menu .active.item {
  border-color: #D14F4F !important;
  color: #D14F4F !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: #F7B21A !important;
  color: #F7B21A !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: #47973E !important;
  color: #47973E !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: #3E4297 !important;
  color: #3E4297 !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: #80808C !important;
  color: #80808C !important; }

/*--------------
    Inverted
---------------*/
.ui.inverted.menu {
  border: 0px solid transparent;
  background: #3E4297;
  box-shadow: none; }

/* Menu Item */
.ui.inverted.menu .item,
.ui.inverted.menu .item > a:not(.ui) {
  background: transparent;
  color: #EFEFEF; }

.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;
  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(0, 0, 0, 0.15);
  color: #EFEFEF; }

.ui.vertical.inverted.menu .item .menu a.item:hover,
.ui.vertical.inverted.menu .item .menu .link.item:hover {
  background: transparent;
  color: white; }

/*--- Pressed ---*/
.ui.inverted.menu a.item:active,
.ui.inverted.menu .link.item:active {
  background: rgba(0, 0, 0, 0.15);
  color: #EFEFEF; }

/*--- Active ---*/
.ui.inverted.menu .active.item {
  background: rgba(0, 0, 0, 0.15);
  color: #EFEFEF !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;
  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: #D14F4F; }

.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: #F7B21A; }

.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: #47973E; }

.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: #3E4297; }

.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: #80808C; }

.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: inline-flex;
  margin: 0em;
  vertical-align: middle; }

.ui.compact.vertical.menu {
  display: inline-block; }

.ui.compact.menu .item:last-child {
  border-radius: 0em 0.3571428571em 0.3571428571em 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;
  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.menu[class*="top fixed"] {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto; }

.ui.menu[class*="top fixed"] {
  border-top: none;
  border-left: none;
  border-right: none; }

.ui.menu[class*="right fixed"] {
  border-top: none;
  border-bottom: none;
  border-right: none;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%; }

.ui.menu[class*="bottom fixed"] {
  border-bottom: none;
  border-left: none;
  border-right: none;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto; }

.ui.menu[class*="left fixed"] {
  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%;
  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;
  transition: background 0.1s ease; }

.ui.vertical.pointing.menu .item:after {
  position: absolute;
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  margin: -0.5px 0px 0px;
  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);
  box-shadow: none; }

.ui.attached + .ui.attached.menu:not(.top) {
  border-top: none; }

/* Top */
.ui.menu[class*="top attached"] {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.3571428571em 0.3571428571em 0em 0em; }

.ui.menu[class*="top attached"]:first-child {
  margin-top: 0em; }

/* Bottom */
.ui.menu[class*="bottom attached"] {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.3571428571em 0.3571428571em; }

.ui.menu[class*="bottom attached"]:last-child {
  margin-bottom: 0em; }

/* Attached Menu Item */
.ui.top.attached.menu > .item:first-child {
  border-radius: 0.3571428571em 0em 0em 0em; }

.ui.bottom.attached.menu > .item:first-child {
  border-radius: 0em 0em 0em 0.3571428571em; }

/* 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: auto; }

/* Large */
.ui.large.menu {
  font-size: 1.07142857rem; }

.ui.large.vertical.menu {
  width: 18rem; }

/* Huge */
.ui.huge.menu {
  font-size: 1.21428571rem; }

.ui.huge.vertical.menu {
  width: 22rem; }

/* Big */
.ui.big.menu {
  font-size: 1.14285714rem; }

.ui.big.vertical.menu {
  width: 20rem; }

/* Massive */
.ui.massive.menu {
  font-size: 1.28571429rem; }

.ui.massive.vertical.menu {
  width: 25rem; }

/* Side Menu*/
.ui.vertical.menu.fixed.inverted {
  height: 100%;
  padding-top: 70px;
  z-index: 1; }

@media (max-width: 768px) {
  .ui.vertical.menu.fixed.inverted {
    padding-top: 48px; } }

.ui.vertical.inverted.menu .item {
  padding: 0;
  margin: .5rem; }

.ui.menu.fixed.vertical.inverted, .ui.menu.fixed.vertical.inverted .item:first-child, .ui.menu.fixed.vertical.inverted .item:last-child {
  border-radius: 0.28571429rem !important; }

.ui.vertical.inverted.menu .item:before {
  display: none; }

.ui.vertical.menu.inverted .item > i.icon {
  margin: 0;
  padding: 1rem;
  width: auto;
  height: auto;
  float: none;
  font-size: 1.2rem;
  color: #EFEFEF;
  border-radius: 5px; }

.ui.vertical.menu.inverted .item > i.icon:hover {
  backckground: rgba(0, 0, 0, 0.15); }

.ui.vertical.menu.inverted .label.mini {
  position: absolute;
  float: none;
  left: 1rem;
  top: .5rem; }

.menu.left .item span.title {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -1rem;
  background: #3E4297;
  color: #EFEFEF;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  opacity: 0;
  z-index: -1;
  max-width: 0;
  overflow: hidden;
  transition: opacity .5s, margin .5s, max-width 0s .5s; }

.menu.left .item .icon:hover ~ span.title {
  margin-left: 1rem;
  max-width: 30rem;
  width: auto;
  opacity: 1;
  pointer-events: none;
  transition: opacity .5s, margin .5s, max-width 0s; }

.ui.inverted.menu .active.item {
  background: transparent; }

.ui.vertical.menu.inverted .active.item .icon {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.15); }

.ui.inverted.menu .active.item:hover {
  background: transparent; }

@media (max-width: 768px) {
  .ui.vertical.menu.inverted {
    left: -100%;
    transition: .5s; }
  .ui.vertical.menu.open.inverted {
    left: 0;
    overflow: auto; }
  .menu.left .item span.title {
    background: transparent;
    position: static;
    opacity: 1; } }

/* Fix arrow */
.ui.pointing.dropdown > .menu.hidden:after {
  display: none; }

.ui.pointing.dropdown > .menu.visible::after {
  display: block; }

/* Top Menu */
.ui.menu.top .menu.left {
  padding: .35rem; }

.ui.menu.top a.item.logo {
  padding: 0; }

.ui.menu.top a.item.logo img {
  width: 3.5rem; }

.ui.menu.top .ui.selection.dropdown {
  border-radius: 20px;
  font-size: 1rem;
  color: #80808C;
  transition: .5s; }

.ui.menu.top .ui.selection.dropdown.active {
  border-radius: 5px; }

.ui.icon.global.search.input.category {
  width: 350px; }

.ui.menu.top a.item.toggle.button.mobile-only {
  padding: 0;
  margin-right: 1rem;
  color: #3E4297;
  font-size: 1.5rem; }

.item.notifications .bell.icon {
  font-size: 2rem;
  color: #80808C; }

.notifications .label.mini {
  position: absolute;
  top: 1.1rem;
  min-width: 1rem;
  min-height: 1rem;
  line-height: .1rem;
  padding-top: 6px !important;
  left: 1.3rem; }

#notification_items {
  width: 960px; }

@media (max-width: 768px) {
  .ui.icon.global.search.input.category {
    width: auto;
    transition: .5s;
    position: absolute;
    right: 0;
    top: .5rem;
    z-index: 10;
    max-width: calc(88.5vw); }
  .ui.icon.global.search.input.category.focus {
    right: -3rem; }
  .ui.icon.global.search.input.category input.prompt {
    width: 0;
    opacity: 0; }
  .ui.icon.global.search.input.category.focus input.prompt {
    width: auto;
    opacity: 1; }
  .ui.icon.global.search.input.category .search.icon {
    font-size: 1.5rem;
    width: auto;
    padding: 1rem;
    transition: .5s; }
  .ui.icon.global.search.input.category.focus .search.icon {
    font-size: 1rem;
    padding-right: 1.5rem;
    color: #80808C; }
  .item.notifications .bell.icon {
    font-size: 1.5rem; }
  .ui.menu.top .right.menu {
    margin-left: 0 !important;
    padding-left: 0; }
  .ui.menu.top .middle.menu {
    margin-right: 0;
    padding-right: 0; }
  .ui.menu.top .middle.menu .item {
    padding-right: 0;
    padding-left: 0; }
  .ui.menu.top .right.menu .item:first-child {
    padding: 0; }
  .ui.menu.top .item:hover, .ui.menu.top .item.active {
    background: transparent !important; }
  .ui.menu.top .right.menu .item:last-child {
    padding: 0; }
  #notification_items {
    min-width: 250px;
    width: calc(100% - 6rem); } }

/* Tabular Menu */
.filter {
  display: none; }

.ui.tabular.pointing.secondary.menu.submenu {
  display: block;
  width: 12rem;
  float: left;
  border-bottom: none;
  position: absolute; }

.ui.secondary.pointing.menu.submenu .item {
  display: block;
  border: none; }

.ui.secondary.pointing.menu.submenu .dropdown.item:hover, .ui.secondary.pointing.menu.submenu .link.item:hover, .ui.secondary.pointing.menu.submenu a.item:hover,
.ui.secondary.pointing.menu.submenu .dropdown.item:active, .ui.secondary.pointing.menu.submenu .link.item:active, .ui.secondary.pointing.menu.submenu a.item:active,
.ui.secondary.pointing.menu.submenu .active.item, .ui.secondary.pointing.menu.submenu .active.item:hover {
  background-color: #BBBBCA;
  border: none;
  font-weight: normal;
  color: #3E4297; }

.ui.secondary.pointing.menu.submenu .active.item, .ui.secondary.pointing.menu.submenu .item {
  border-radius: 0.3571428571rem 0.3571428571rem !important; }

.ui.icon.menu .item.dropdown {
  border: none; }

/*!
 * # Semantic UI - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Message
*******************************/
/*-------------------
       Elements
--------------------*/
/* Header */
/* Paragraph */
/* List */
/* Icon */
/* Close Icon */
/*-------------------
        Types
--------------------*/
/* Icon Message */
/* Attached */
/* Floating */
/* Colors */
/* Warning / Positive / Negative / Info */
/*******************************
            Message
*******************************/
.ui.message {
  position: relative;
  min-height: 1em;
  margin: 1em 0em;
  background: #F8F8F9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: #212128;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  border-radius: 0.3571428571rem;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.message:first-child {
  margin-top: 0em; }

.ui.message:last-child {
  margin-bottom: 0em; }

/*--------------
     Content
---------------*/
/* Header */
.ui.message .header {
  display: block;
  font-family: "icons", Arial, sans-serif;
  font-weight: bold;
  margin: -0.142857145em 0em 0rem 0em; }

/* Default font size */
.ui.message .header:not(.ui) {
  font-size: 1.14285714em; }

/* Paragraph */
.ui.message p {
  opacity: 0.85;
  margin: 0.75em 0em; }

.ui.message p:first-child {
  margin-top: 0em; }

.ui.message p:last-child {
  margin-bottom: 0em; }

.ui.message .header + p {
  margin-top: 0.25em; }

/* List */
.ui.message .list:not(.ui) {
  text-align: left;
  padding: 0em;
  opacity: 0.85;
  list-style-position: inside;
  margin: 0.5em 0em 0em; }

.ui.message .list:not(.ui):first-child {
  margin-top: 0em; }

.ui.message .list:not(.ui):last-child {
  margin-bottom: 0em; }

.ui.message .list:not(.ui) li {
  position: relative;
  list-style-type: none;
  margin: 0em 0em 0.3em 1em;
  padding: 0em; }

.ui.message .list:not(.ui) li:before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline; }

.ui.message .list:not(.ui) li:last-child {
  margin-bottom: 0em; }

/* Icon */
.ui.message > .icon {
  margin-right: 0.6em; }

/* Close Icon */
.ui.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0em;
  top: 0.78575em;
  right: 0.5em;
  opacity: 0.7;
  transition: opacity 0.1s ease; }

.ui.message > .close.icon:hover {
  opacity: 1; }

/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0em; }

.ui.message > :last-child {
  margin-bottom: 0em; }

/*******************************
            Coupling
*******************************/
.ui.dropdown .menu > .message {
  margin: -1px; }

/*******************************
            States
*******************************/
/*--------------
    Visible
---------------*/
.ui.visible.visible.visible.visible.message {
  display: block; }

.ui.icon.visible.visible.visible.visible.message {
  display: flex; }

/*--------------
     Hidden
---------------*/
.ui.hidden.hidden.hidden.hidden.message {
  display: none; }

/*******************************
            Variations
*******************************/
/*--------------
    Compact
---------------*/
.ui.compact.message {
  display: inline-block; }

.ui.compact.icon.message {
  display: inline-flex; }

/*--------------
    Attached
---------------*/
.ui.attached.message {
  margin-bottom: -1px;
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em;
  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
  margin-left: -1px;
  margin-right: -1px; }

.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  margin-top: -1px;
  border-radius: 0em; }

.ui.bottom.attached.message {
  margin-top: -1px;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem;
  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); }

.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: 1em; }

.ui.attached.icon.message {
  width: auto; }

/*--------------
      Icon
---------------*/
.ui.icon.message {
  display: flex;
  width: 100%;
  align-items: center; }

.ui.icon.message > .icon:not(.close) {
  display: block;
  flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
  opacity: 0.8; }

.ui.icon.message > .content {
  display: block;
  flex: 1 1 auto;
  vertical-align: middle; }

.ui.icon.message .icon:not(.close) + .content {
  padding-left: 0rem; }

.ui.icon.message .circular.icon {
  width: 1em; }

/*--------------
    Floating
---------------*/
.ui.floating.message {
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); }

/*--------------
     Colors
---------------*/
.ui.black.message {
  background-color: #212128;
  color: rgba(255, 255, 255, 0.9); }

/*--------------
     Types
---------------*/
/* Positive */
.ui.positive.message {
  background-color: #FCFFF5;
  color: #2C662D; }

.ui.positive.message,
.ui.attached.positive.message {
  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.positive.message .header {
  color: #1A531B; }

/* Negative */
.ui.negative.message {
  background-color: #FFF6F6;
  color: #9F3A38; }

.ui.negative.message,
.ui.attached.negative.message {
  box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.negative.message .header {
  color: #912D2B; }

/* Info */
.ui.info.message {
  background-color: #F8FFFF;
  color: #276F86; }

.ui.info.message,
.ui.attached.info.message {
  box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.info.message .header {
  color: #0E566C; }

/* Warning */
.ui.warning.message {
  background-color: #FFFAF3;
  color: #573A08; }

.ui.warning.message,
.ui.attached.warning.message {
  box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.warning.message .header {
  color: #794B02; }

/* Error */
.ui.error.message {
  background-color: #FFF6F6;
  color: #9F3A38; }

.ui.error.message,
.ui.attached.error.message {
  box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.error.message .header {
  color: #912D2B; }

/* Success */
.ui.success.message {
  background-color: #FCFFF5;
  color: #2C662D; }

.ui.success.message,
.ui.attached.success.message {
  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.success.message .header {
  color: #1A531B; }

/* Colors */
.ui.inverted.message,
.ui.black.message {
  background-color: #212128;
  color: rgba(255, 255, 255, 0.9); }

.ui.red.message {
  background-color: #FFE8E6;
  color: #D14F4F;
  box-shadow: 0px 0px 0px 1px #D14F4F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.red.message .header {
  color: #cc3b3b; }

.ui.orange.message {
  background-color: #FFEDDE;
  color: #F2711C;
  box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.orange.message .header {
  color: #e7640d; }

.ui.yellow.message {
  background-color: #FFF8DB;
  color: #B58105;
  box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.yellow.message .header {
  color: #9c6f04; }

.ui.olive.message {
  background-color: #FBFDEF;
  color: #8ABC1E;
  box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.olive.message .header {
  color: #7aa61a; }

.ui.green.message {
  background-color: #E5F9E7;
  color: #1EBC30;
  box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.green.message .header {
  color: #1aa62a; }

.ui.teal.message {
  background-color: #E1F7F7;
  color: #10A3A3;
  box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.teal.message .header {
  color: #0e8c8c; }

.ui.blue.message {
  background-color: #DFF0FF;
  color: #3E4297;
  box-shadow: 0px 0px 0px 1px #3E4297 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.blue.message .header {
  color: #373a85; }

.ui.violet.message {
  background-color: #EAE7FF;
  color: #6435C9;
  box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.violet.message .header {
  color: #5a30b5; }

.ui.purple.message {
  background-color: #F6E7FF;
  color: #A333C8;
  box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.purple.message .header {
  color: #922eb4; }

.ui.pink.message {
  background-color: #FFE3FB;
  color: #E03997;
  box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.pink.message .header {
  color: #dd238b; }

.ui.brown.message {
  background-color: #F1E2D3;
  color: #A5673F;
  box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.ui.brown.message .header {
  color: #935b38; }

/*--------------
     Sizes
---------------*/
.ui.mini.message {
  font-size: 0.78571429em; }

.ui.tiny.message {
  font-size: 0.85714286em; }

.ui.small.message {
  font-size: 0.92857143em; }

.ui.message {
  font-size: 1em; }

.ui.large.message {
  font-size: 1.14285714em; }

.ui.big.message {
  font-size: 1.28571429em; }

.ui.huge.message {
  font-size: 1.42857143em; }

.ui.massive.message {
  font-size: 1.71428571em; }

/*!
 * # Semantic UI - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Modal
*******************************/
/* Close Icon */
/* Header */
/* Content */
/* Image / Description */
/* Modal Actions */
/* Inner Close Position (Tablet/Mobile) */
/* Mobile Positions */
/* Responsive Widths */
/* Coupling */
/*-------------------
       States
--------------------*/
/*-------------------
        Types
--------------------*/
/* Basic */
/* Top Aligned */
/* Scrolling Margin */
/* Scrolling Content */
/*-------------------
      Variations
--------------------*/
/* Size Widths */
/* Derived Responsive Sizes */
/*******************************
             Modal
*******************************/
.ui.modal {
  display: none;
  z-index: 1001;
  text-align: left;
  background: #FFFFFF;
  border: none;
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  transform-origin: 50% 25%;
  flex: 0 0 auto;
  border-radius: 0.3571428571rem;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  will-change: top, left, margin, transform, opacity; }

.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
  border-top-left-radius: 0.3571428571rem;
  border-top-right-radius: 0.3571428571rem; }

.ui.modal > :last-child {
  border-bottom-left-radius: 0.3571428571rem;
  border-bottom-right-radius: 0.3571428571rem; }

/*******************************
            Content
*******************************/
/*--------------
     Close
---------------*/
.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  z-index: 1;
  opacity: 0.8;
  font-size: 1.25em;
  color: #FFFFFF;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0rem 0rem 0rem; }

.ui.modal > .close:hover {
  opacity: 1; }

/*--------------
     Header
---------------*/
.ui.modal > .header {
  display: block;
  font-family: "icons", Arial, sans-serif;
  background: #FFFFFF;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15); }

.ui.modal > .header:not(.ui) {
  font-size: 1.42857143rem;
  line-height: 1.28571429em;
  font-weight: bold; }

/*--------------
     Content
---------------*/
.ui.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF; }

.ui.modal > .image.content {
  display: flex;
  flex-direction: row; }

/* Image */
.ui.modal > .content > .image {
  display: block;
  flex: 0 1 auto;
  width: "";
  align-self: top; }

.ui.modal > [class*="top aligned"] {
  align-self: top; }

.ui.modal > [class*="middle aligned"] {
  align-self: middle; }

.ui.modal > [class*="stretched"] {
  align-self: stretch; }

/* Description */
.ui.modal > .content > .description {
  display: block;
  flex: 1 0 auto;
  min-width: 0px;
  align-self: top; }

.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  flex: 0 1 auto;
  min-width: "";
  width: auto;
  padding-left: 2em; }

/*rtl:ignore*/
.ui.modal > .content > .image > i.icon {
  margin: 0em;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem; }

/*--------------
     Actions
---------------*/
.ui.modal > .actions {
  background: #F9FAFB;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right; }

.ui.modal .actions > .button {
  margin-left: 0.75em; }

/*-------------------
       Responsive
--------------------*/
/* Modal Width */
@media only screen and (max-width: 767px) {
  .ui.modal {
    width: 95%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 768px) {
  .ui.modal {
    width: 88%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 992px) {
  .ui.modal {
    width: 850px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1200px) {
  .ui.modal {
    width: 900px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1920px) {
  .ui.modal {
    width: 950px;
    margin: 0em 0em 0em 0em; } }

/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.modal > .header {
    padding-right: 2.25rem; }
  .ui.modal > .close {
    top: calc(1.25rem - 0.625rem + 0.4285em);
    right: 1rem;
    color: #212128; } }

/* Mobile */
@media only screen and (max-width: 767px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem !important;
    padding-right: 2.25rem !important; }
  .ui.modal > .content {
    display: block;
    padding: 1rem !important; }
  .ui.modal > .close {
    top: 0.5rem !important;
    right: 0.5rem !important; }
  /*rtl:ignore*/
  .ui.modal .image.content {
    flex-direction: column; }
  .ui.modal .content > .image {
    display: block;
    max-width: 100%;
    margin: 0em auto !important;
    text-align: center;
    padding: 0rem 0rem 1rem !important; }
  .ui.modal > .content > .image > i.icon {
    font-size: 5rem;
    text-align: center; }
  /*rtl:ignore*/
  .ui.modal .content > .description {
    display: block;
    width: 100% !important;
    margin: 0em !important;
    padding: 1rem 0rem !important;
    box-shadow: none; }
  /* Let Buttons Stack */
  .ui.modal > .actions {
    padding: 1rem 1rem 0rem !important; }
  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: 1rem; } }

/*--------------
    Coupling
---------------*/
.ui.inverted.dimmer > .ui.modal {
  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); }

/*******************************
             Types
*******************************/
.ui.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  box-shadow: none !important;
  color: #FFFFFF; }

.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent; }

.ui.basic.modal > .header {
  color: #FFFFFF; }

.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem; }

.ui.inverted.dimmer > .basic.modal {
  color: #212128; }

.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85); }

/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.basic.modal > .close {
    color: #FFFFFF; } }

/*******************************
             States
*******************************/
.ui.loading.modal {
  display: block;
  visibility: hidden;
  z-index: -1; }

.ui.active.modal {
  display: block; }

/*******************************
           Variations
*******************************/
/*--------------
   Top Aligned
---------------*/
/* Top Aligned Modal */
.modals.dimmer[class*="top aligned"] .modal {
  margin: 5vh auto; }

/*--------------
    Scrolling
---------------*/
/* Scrolling Dimmer */
.scrolling.dimmable.dimmed {
  overflow: hidden; }

.scrolling.dimmable > .dimmer {
  justify-content: flex-start; }

.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.scrolling.dimmable > .dimmer {
  position: fixed; }

.modals.dimmer .ui.scrolling.modal {
  margin: 1rem auto !important; }

/* Undetached Scrolling */
.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden; }

.scrolling.undetached.dimmable .ui.scrolling.modal {
  position: absolute;
  left: 50%;
  margin-top: 1rem !important; }

/* Scrolling Content */
.ui.modal .scrolling.content {
  max-height: calc(80vh - 10em);
  overflow: auto; }

/*--------------
   Full Screen
---------------*/
.ui.fullscreen.modal {
  width: 95% !important;
  left: 0em !important;
  margin: 1em auto; }

.ui.fullscreen.scrolling.modal {
  left: 0em !important; }

.ui.fullscreen.modal > .header {
  padding-right: 2.25rem; }

.ui.fullscreen.modal > .close {
  top: calc(1.25rem - 0.625rem + 0.4285em);
  right: 1rem;
  color: #212128; }

/*--------------
      Size
---------------*/
.ui.modal {
  font-size: 1rem; }

/* Mini */
.ui.mini.modal > .header:not(.ui) {
  font-size: 1.3em; }

/* Mini Modal Width */
@media only screen and (max-width: 767px) {
  .ui.mini.modal {
    width: 95%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 768px) {
  .ui.mini.modal {
    width: 35.2%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 992px) {
  .ui.mini.modal {
    width: 340px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1200px) {
  .ui.mini.modal {
    width: 360px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1920px) {
  .ui.mini.modal {
    width: 380px;
    margin: 0em 0em 0em 0em; } }

/* mini */
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em; }

/* Tiny Modal Width */
@media only screen and (max-width: 767px) {
  .ui.tiny.modal {
    width: 95%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 768px) {
  .ui.tiny.modal {
    width: 52.8%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 992px) {
  .ui.tiny.modal {
    width: 510px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1200px) {
  .ui.tiny.modal {
    width: 540px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1920px) {
  .ui.tiny.modal {
    width: 570px;
    margin: 0em 0em 0em 0em; } }

/* Small */
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em; }

/* Small Modal Width */
@media only screen and (max-width: 767px) {
  .ui.small.modal {
    width: 95%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 768px) {
  .ui.small.modal {
    width: 70.4%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 992px) {
  .ui.small.modal {
    width: 680px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1200px) {
  .ui.small.modal {
    width: 720px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1920px) {
  .ui.small.modal {
    width: 760px;
    margin: 0em 0em 0em 0em; } }

/* Large Modal Width */
.ui.large.modal > .header {
  font-size: 1.6em; }

@media only screen and (max-width: 767px) {
  .ui.large.modal {
    width: 95%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 768px) {
  .ui.large.modal {
    width: 88%;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 992px) {
  .ui.large.modal {
    width: 1020px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1200px) {
  .ui.large.modal {
    width: 1080px;
    margin: 0em 0em 0em 0em; } }

@media only screen and (min-width: 1920px) {
  .ui.large.modal {
    width: 1140px;
    margin: 0em 0em 0em 0em; } }

/*******************************
         Modal Overrides
*******************************/
.ui.notification.modal {
  margin-top: 0; }

.ui.notification.modal .modal-side-content {
  background: #F5F5F7; }

.ui.notification.modal > .close {
  display: none; }

.ui.notification.modal .header {
  padding: 25px 20px;
  border-bottom: 1px solid #F5F5F7;
  align-items: center;
  color: #80808C; }

.ui.notification.modal .header h2 {
  color: #212128;
  display: inline-block;
  font-size: 1.2rem;
  margin: 0; }

.ui.notification.modal .header .notification_status {
  position: relative;
  padding-left: 16px;
  margin-left: 1rem;
  color: #212128; }

.ui.notification.modal .header .notification_status::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 100px;
  background: #F7B21A;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px; }

.modals.page .ui.notification.modal .modal-main-content .header .ui.stackable.grid {
  margin: 0 !important;
  background-color: white !important;
  padding-left: 85px; }

.modals.page .ui.notification.modal .modal-main-content .header .ui.stackable.grid .sixteen.column.row b,
.modals.page .ui.notification.modal .modal-main-content .header .ui.stackable.grid .sixteen.column.row span {
  color: #212128;
  font-size: 16px; }

/* modal header */
.ui.notification.modal .modal-main-content .header .notification_status_2 {
  color: #212128; }

.ui.notification.modal .modal-main-content .header .star.icon {
  position: relative;
  top: -1px; }

.ui.notification.modal .modal-main-content .header .right .ui.positive.button {
  box-shadow: none;
  background-color: white;
  border: 1px solid #3E4297;
  color: #3E4297;
  font-weight: 600;
  padding: 6px 20px; }

/* modal content (msg and title) */
.ui.notification.modal .ui.content.modal-content .main-section.info,
.ui.notification.modal .ui.content.modal-content .main-section.details,
.ui.notification.modal .left-bottom,
.ui.notification.modal section.selects_n_tags,
.ui.notification.modal .ui.content.modal-content .title {
  padding: 33.5px 45px; }

.ui.notification.modal .ui.content.modal-content .main-section.info,
.ui.notification.modal .ui.content.modal-content .title {
  border-top: 1px solid #BBBBCA80;
  border-bottom: 1px solid #BBBBCA80; }

.ui.notification.modal .ui.content.modal-content .main-section.info h1,
.ui.notification.modal .ui.content.modal-content .title label {
  color: #212128;
  font-weight: bolder;
  font-size: 22px;
  line-height: 26px; }

.ui.notification.modal .ui.content.modal-content .main-section.details p b, .ui.notification.modal .ui.content.modal-content .main-section.details p b a {
  color: #212128;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500; }

.ui.notification.modal .ui.content.modal-content .main-section.details p {
  margin-bottom: 0 !important;
  font-weight: 500; }

.ui.notification.modal .ui.content.modal-content .main-section.details p a {
  color: #212128;
  font-weight: 500; }

.ui.notification.modal .ui.content.modal-content .main-section.details p a:hover,
.ui.notification.modal .ui.content.modal-content .main-section.details div a:hover {
  color: #3E4297; }

.ui.content.modal-content .main-section.info p,
.ui.content.modal-content .main-section.details p span,
.ui.content.modal-content .main-section.details .watched_by span,
.ui.content.modal-content .main-section.details form label,
.ui.content.modal-content .main-section.details #edit_notification_2 label[for="notification_supervisor_ids"] {
  color: #80808C;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px; }

.ui.content.modal-content .main-section.details p span {
  width: 100%;
  font-weight: normal; }

.ui.content.modal-content .main-section.details {
  width: 100%;
  display: flex;
  gap: 19px;
  flex-direction: column;
  border-bottom: 1px solid #BBBBCA80; }

.ui.content.modal-content .main-section.details p,
.ui.content.modal-content .main-section.details .watched_by,
.ui.content.modal-content .main-section.details .inline.field {
  display: grid;
  grid-template-columns: 156px calc(600px - 156px); }

.ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item {
  display: block;
  padding: 0;
  border: none; }

.ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .header {
  padding: 0;
  border: none; }

.ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .header a,
.ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .header b {
  color: #212128;
  font-weight: 500;
  font-size: 16px; }

.ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .header a:hover {
  color: #212128; }

.ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .content {
  margin-bottom: 1rem;
  display: flex;
  grid-gap: 1rem; }

.ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .content .description, .ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .content .description b {
  font-size: 16px;
  font-weight: 500; }

.ui.content.modal-content .main-section.details .inline.field {
  align-items: center; }

.ui.content.modal-content .ui.stackable.celled.grid {
  box-shadow: none; }

.modal-main-content .eight.wide.column {
  width: 100% !important; }

.modal-main-content .ui.four.wide.column {
  display: none; }

.ui.notification.modal {
  max-width: 1205px; }

.ui.form.stackable .note_fields {
  display: flex;
  gap: 12px; }

.ui.dimmer {
  background: transparent;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px); }

/* Notes */
.comment.notes-conversation .avatar {
  border-radius: 50%; }

.note-form-buttons .notes-toggle {
  color: #3e4297; }

.notes-menu-top {
  width: 100%;
  display: flex;
  gap: 12px;
  padding-bottom: 20px; }

.notes-menu-top .write-note {
  width: auto;
  flex-grow: 1; }

.ui.form .notes-menu-top .write-note textarea {
  border-color: #C5C8D5; }

.notes-toggled {
  display: none; }

.notes-toggled.show {
  display: flex;
  grid-gap: 1rem;
  margin-bottom: 1rem; }

.notes-conversation-tags.hide {
  display: none !important; }

.notes-toggled .tags {
  flex-grow: 1; }

.notes-toggled .check-box {
  display: flex;
  position: relative;
  align-items: center; }

.notes-toggled .check-box label {
  padding-left: 1rem;
  color: #80808C; }

.notes-toggled .check-box label::before {
  content: '';
  width: 23px;
  height: 23px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  border: 1px solid #C5C8D5;
  border-radius: 3px;
  background: #fff; }

.notes-toggled .check-box input:checked + label::before {
  background: #3E4297; }

.notes-toggled .check-box input:checked + label::after {
  content: '';
  display: inline-block;
  transform: rotate(45deg);
  height: 13px;
  width: 6px;
  margin-left: 0;
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 9px; }

.notes-toggled .chosen-container-multi .chosen-choices {
  border: 1px solid #C5C8D5;
  border-radius: 5px;
  padding: 0.78571429em 1em;
  background: #fff;
  font-size: 14px; }

.notes-toggled .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: auto;
  color: #C5C8D5; }

.notes-toggled .chosen-container-multi .chosen-choices li.search-choice {
  border: none;
  background: #C5C8D5;
  padding: 0.5rem;
  padding-right: 1.5rem;
  margin: -5px -7px;
  margin-right: 1rem;
  box-shadow: none; }

.notes-toggled .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 50%;
  margin-top: -5px;
  right: 5px; }

.documents_fields .delete-icon {
  float: right;
  display: flex;
  align-items: center; }

/* Notes table */
.modal-content .ui.comments {
  max-width: none; }

.modal-content .ui.comments .notes-table {
  width: 100% !important; }

.note_fields .active {
  display: flex !important; }

.note_fields .inactive {
  display: none !important; }

.ui.form.stackable .note_fields {
  display: block !important; }

.notes-menu-default-filters {
  padding: 12px 0; }

.notes-menu-default-filters .left {
  width: 40%;
  display: flex;
  justify-content: space-between; }

.notes-menu-default-filters .right label {
  display: flex;
  height: 100%;
  align-items: baseline;
  gap: 10px; }

.notes-form {
  border-bottom: 1px solid #BBBBCA80;
  margin-bottom: 1rem; }

.notes-conversation-tags th.sorting {
  width: auto !important; }

table.dataTable.table thead.notes-conversation-tags th.sorting:after {
  top: 0; }

.notes-section .dataTables_wrapper > .grid > .row:first-child {
  padding: 0; }

/* Sidebar */
.ui.notification.modal .modal-side-content .header {
  font-size: 18px;
  margin: 0;
  padding: 0; }

.ui.notification.modal .modal-side-content .toggle-section {
  padding: 2rem 3rem;
  border-bottom: 1px solid #BBBBCA50; }

.ui.notification.modal .modal-side-content .toggle-section.new-alert {
  opacity: .5;
  pointer-events: none; }

.ui.notification.modal .modal-side-content .toggle-section .toggle-header {
  display: flex;
  justify-content: space-between; }

.ui.notification.modal .modal-side-content .toggle-section .toggle-header a {
  border: 1px solid #80808c;
  border-radius: 5px;
  display: flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  text-align: center; }

.ui.notification.modal .modal-side-content .toggle-section .toggle-header a i {
  margin: 0; }

.ui.notification.modal .modal-side-content .toggle-section.open .toggle-header a i {
  transform: rotate(45deg); }

.ui.notification.modal .modal-side-content .toggle-section .toggle-content {
  height: 0;
  max-height: 0px;
  overflow: hidden;
  transition: .5s; }

.ui.notification.modal .modal-side-content .toggle-section.open .toggle-content {
  height: auto;
  max-height: 500vh;
  margin-top: 2rem; }

.documents .ui.list {
  margin-top: 0; }

.documents .ui.list > .item {
  padding: 1rem 0 0.5rem; }

.documents .item img.ui.image.tiny {
  width: 100%;
  height: 100%;
  max-height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px; }

.documents .ui.list > .item:after {
  display: none; }

.documents .meta {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem; }

.documents .meta a, .documents .file-wrapper .header a {
  color: #80808C; }

.documents .meta p {
  margin-bottom: 0; }

/* Todo Lists */
.todo-wrapper .ui.form .field > label {
  font-weight: 500;
  color: #80808C; }

.todo-wrapper .fields .field input.ui.primary.button {
  padding: 0.78571429em 1em 0.78571429em; }

.ui.notification.modal .todo .list > .item {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding-bottom: 0;
  border: 1px solid #BBBBCA50; }

.ui.notification.modal .todo .list .item > .header {
  display: flex;
  padding: .5rem 1rem;
  border-bottom: 1px solid #BBBBCA50;
  width: 100%; }

.ui.notification.modal .todo .list .item > .header form {
  display: block !important;
  margin-right: -5rem !important;
  padding-right: 1rem !important; }

.ui.notification.modal .todo .list .item .header h2 {
  font-weight: 400;
  color: #80808C;
  font-size: 16px;
  text-transform: capitalize;
  border: none;
  flex-grow: 1; }

.ui.notification.modal .todo .subheader {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #BBBBCA50; }

.ui.notification.modal .todo .subheader button.button.secondary {
  border: none;
  padding: 0;
  text-decoration: underline;
  font-weight: 400;
  box-shadow: none !important; }

.ui.notification.modal .todo .subheader .ui.small.progress.circular {
  width: 8rem;
  margin-bottom: 3px; }

.ui.notification.modal .todo .item > .content {
  padding: 1rem; }

.ui.notification.modal .todo .item > .content label b {
  font-weight: 500;
  font-size: 16px; }

.ui.notification.modal .todo .item > .content label .header {
  border: none; }

.ui.notification.modal .todo .ui.checkbox .box:before, .ui.notification.modal .todo .ui.checkbox label:before,
.ui.notification.modal .todo .ui.checkbox .box:after, .ui.notification.modal .todo .ui.checkbox label:after {
  top: 2px; }

.ui.fullscreen.notification .todo.open .toggle-content {
  min-height: 12rem; }

.ui.fullscreen.notification .todo.open .toggle-content .ui.search.dropdown .menu {
  max-height: 5rem; }

.todo .item > .content .current.avatar {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 10rem;
  overflow: hidden;
  margin-left: 1rem;
  min-width: 0; }

.todo .item > .content .current.avatar .text-avatar.circle.primary {
  width: 2rem;
  height: 2rem; }

.todo .item > .content .current.avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.todo .item > .content td {
  padding: 0; }

.todo .item .list-form td:first-child {
  padding-left: 15px; }

.todo .item .list-form .ui.fluid.action.input {
  flex-wrap: wrap; }

.todo .item .list-form .ui.fluid.action.input {
  flex-wrap: wrap;
  justify-content: space-between; }

.todo .item .list-form .ui.fluid.action.input input.to_do_description {
  width: 100% !important;
  border-right-color: rgba(34, 36, 38, 0.15) !important;
  border-radius: 5px !important;
  margin-bottom: .5rem; }

.todo .item .list-form .ui.fluid.action.input .ui.search.dropdown.selection, .todo .item .list-form .ui.fluid.action.input .ui.search.dropdown.selection + div.ui {
  width: 40% !important;
  min-width: 0 !important;
  border-radius: 5px; }

.todo .item .list-form .ui.fluid.action.input .button {
  border-radius: 0.36rem;
  width: 38px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.todo .item .list-form .ui.fluid.action.input .button .icon {
  margin-top: -2px !important; }

.ui.notification.modal .todo .list .item > .header a.add-item {
  border: 1px solid grey;
  border-radius: 5px;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center; }

.ui.notification.modal .todo .list .item > .header a.add-item.rotate .icon {
  transform: rotate(45deg); }

.ui.notification.modal .todo .list .item > .header a.add-item .icon {
  font-size: 12px;
  margin: 0; }

.todo .item .list-form .ui.fluid.action.input .ui.search.dropdown > .text {
  white-space: nowrap; }

.todo .item .do_to_list_item td:first-child {
  padding-left: 0 !important; }

.todo .ui.inline.dropdown {
  border: none; }

.ui.notification.modal .todo .subheader button.button.secondary.link-only:hover, .ui.notification.modal .todo .subheader button.button.secondary.link-only:focus {
  background: transparent;
  color: #3e4297; }

.todo .ui.table:not(.unstackable) tr.do_to_list_item .header {
  line-height: 1; }

.todo .ui.table:not(.unstackable) tr.do_to_list_item .header b {
  font-size: 14px; }

@media (max-width: 1000px) {
  .todo .do_to_list_item td {
    margin: 0; }
  .todo .ui.table:not(.unstackable) tr.do_to_list_item {
    display: flex !important;
    flex-wrap: wrap; }
  .todo .ui.table:not(.unstackable) tr.do_to_list_item td:first-child {
    width: 100% !important; }
  .todo .ui.table:not(.unstackable) tr.do_to_list_item td:nth-child(2) {
    padding-left: 0 !important;
    flex-grow: 1; } }

button.ui.mini[name="tag"] {
  font-size: 14px;
  font-weight: 400;
  background-color: #BBBBCA;
  margin-bottom: 6px;
  max-height: 31px; }

button.ui.mini[name="tag"]::hover,
button.ui.mini[name="tag"]::focus {
  backgrund-color: #3E4297; }

/*Notes conversation avatar img*/
@media (max-width: 767px) {
  .comment.notes-conversation .avatar {
    min-width: 0; } }

.comment.notes-conversation .avatar img {
  border-radius: 50% !important; }

.ui.comments .comment .metadata {
  display: flex !important;
  justify-content: space-between;
  margin-top: 2px;
  margin-left: 0 !important; }

.modal-side-content input#document_file {
  background: transparent;
  padding: 21px 69px;
  border: none !important; }

.modal-side-content form#new_document {
  border: 1px dashed #C5C8D5;
  border-radius: 5px; }

.modal-side-content button.ui.icon.primary.button.huge {
  display: none !important; }

.conversation-icons-left :before {
  font-size: 16px; }

.conversation-icons-left i {
  display: contents; }

.conversation-icons-left a {
  margin-left: 1rem; }

.notes-table.ui.compact.table td {
  border: none;
  padding-bottom: 1rem; }

.notes-table.ui.compact.table td .extra.images {
  padding-left: 3rem; }

.ui.comments .comment .actions {
  display: none !important; }

.modal-side-content .todo .selection i {
  opacity: .1; }

div.tab[data-tab="student_notes"] .ui.comments {
  max-width: none;
  padding-right: 1rem; }

/*Modal responsive*/
.notes-mobile .toggle-header {
  display: none; }

/* Reminders */
.ui.notification.modal .modal-side-content .notification_reminder_form {
  margin-bottom: 1rem; }

.notification_reminder_form .ui.form .field .ui.input {
  grid-gap: 1rem; }

.notification_reminder_form .ui.form .field .ui.input > .ui:first-child {
  flex-grow: 1; }

.notification_reminder_form .ui.form .field .ui.input > .ui:first-child input {
  width: 100%; }

.notification_reminder_form .ui.form .field .ui.input > .button:last-child {
  border-radius: .36rem; }

div#notification_day_calendar {
  margin-top: 1rem; }

button.fc-prev-button, button.fc-next-button {
  background: transparent !important;
  border: none !important; }

.modal-side-content .calendar input.remind_at_field {
  padding: 13px;
  font-size: 14px; }

.modal-side-content .calendar button.ui.basic.icon.mini.button {
  background-color: #3E4297 !important;
  color: white !important;
  width: 43px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center; }

.calendar .ui.datetime.calendar {
  width: 100% !important; }

.calendar .ui.datetime.calendar input {
  width: 97% !important;
  margin-bottom: 17px; }

.notification_reminder_form .field:nth-child(1) {
  padding-bottom: 17px; }

#notification_day_calendar td {
  background-color: white !important; }

#notification_day_calendar h2 {
  font-size: 14px;
  line-height: 40px;
  color: #80808C; }

.fc-toolbar .fc-right, .fc-toolbar .fc-left {
  height: 40px;
  display: flex;
  align-items: center; }

#notification_day_calendar .fc-header-toolbar {
  border: 1px solid #C5C8D5;
  background: white;
  border-bottom: none !important;
  margin-bottom: 0 !important;
  border-radius: 5px 5px 0 0; }

#notification_day_calendar thead .fc-day-header {
  background: #fff;
  font-weight: normal;
  font-size: 13px; }

#notification_day_calendar thead .fc-day-header a {
  display: inline-block;
  width: 2rem; }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 2rem; }

#notification_day_calendar td:first-child {
  border-right: 0; }

td.fc-day.ui-widget-content.fc-thu {
  border-left: none; }

td.fc-axis.fc-time + td {
  border-left: 0; }

hr.fc-divider {
  border: none; }

.fc-time-grid-event {
  background: #3E4297;
  border: none;
  padding: 1px 0; }

.fc-event .fc-content {
  font-size: 1rem;
  line-height: 18px;
  padding-left: 5px; }

.fc-event .fc-bg {
  background: #3E4297;
  opacity: 1; }

.fc-button-group .ui-state-active, .fc-button-group .ui-widget-content .ui-state-active, .fc-button-group .ui-widget-header .ui-state-active, a.ui-button:active, .fc-button-group .ui-button:active, .fc-button-group .ui-button.ui-state-active:hover {
  border: 1px solid #3E4297;
  background: #3E4297;
  color: #ffffff; }

.fc-button-group .ui-button {
  text-transform: capitalize; }

.fc-view.fc-agendaDay-view.fc-agenda-view .fc-head {
  display: none; }

@media screen and (max-width: 1000px) {
  .dimmed.dimmable > .notification-dimmer {
    top: 51px !important; }
  .dimmed.dimmable > .notification-dimmer::-webkit-scrollbar {
    width: 5px; }
  .dimmed.dimmable > .notification-dimmer::-webkit-scrollbar-track {
    background: #fff; }
  .dimmed.dimmable > .notification-dimmer::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px; }
  .dimmed.dimmable > .notification-dimmer::-webkit-scrollbar-thumb:hover {
    background: #888; }
  .ui.notification.modal .flex {
    flex-direction: column;
    grid-gap: 0; }
  .ui.notification.modal .header {
    padding-top: 1.5rem; }
  .ui.notification.modal.scrolling.transition.visible.active {
    max-width: none !important;
    width: 100% !important;
    margin-top: 0; }
  .ui.notification.modal .ui.content.modal-content .main-section.info, .ui.notification.modal .ui.content.modal-content .main-section.details {
    padding: 28px !important;
    max-width: 100vw !important;
    word-break: break-word; }
  .ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .content .description, .ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .content .description b {
    padding: 0 !important;
    font-size: 14px; }
  .notes-table td {
    margin: 0 !important; }
  .ui.stackable.grid > .row > .column {
    padding: 1rem 0rem !important; }
  .modal-content .main-section a {
    max-width: 100%; }
  .modal-content .main-section {
    max-width: 100% !important;
    word-break: break-all; }
  .ui.content.modal-content .watched_by .ui.mini.item.horizontal.divided.list .item .content {
    flex-direction: column; }
  .ui.content.modal-content .main-section.details p, .ui.content.modal-content .main-section.details .watched_by, .ui.content.modal-content .main-section.details .inline.field {
    display: grid;
    grid-template-columns: 140px auto; }
  .modal-main-content .header .left {
    display: grid !important;
    grid-template-areas: "close close close close" "progress progress pin .";
    width: 100%; }
  .modal-main-content .header a.close-modal {
    grid-area: close;
    display: flex;
    align-items: center;
    position: relative;
    top: -2px; }
  .modal-main-content .header a#notification_pin_2 {
    grid-area: pin;
    font-size: 16px;
    color: #212128; }
  .ui.notification.modal .modal-main-content .header .star.icon {
    margin-right: 8px; }
  .modal-main-content .header h2 {
    grid-area: user; }
  .ui.notification.modal .modal-main-content .header .InProgress {
    grid-area: progress;
    padding-right: 12px;
    margin-left: 0;
    font-size: 16px; }
  div#DataTables_Table_0_wrapper .row:nth-child(1) {
    display: none !important; }
  .notes-menu-top {
    padding-bottom: 0 !important; }
  .ui.comments .sixteen.wide.column > div {
    padding: 0 !important; }
  .ui.notification.modal .toggle-section .header {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
    padding: 0; }
  .ui.notification.modal .toggle-section, .ui.notification.modal .modal-side-content .toggle-section {
    padding: 28px;
    border-bottom: 1px solid #BBBBCA50;
    background: #F5F5F7;
    max-width: 100vw; }
  .ui.notification.modal .toggle-section .toggle-header {
    display: flex;
    justify-content: space-between; }
  .ui.notification.modal .toggle-section .toggle-header a {
    border: 1px solid #80808c;
    border-radius: 5px;
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    text-align: center; }
  .ui.notification.modal .toggle-section .toggle-header a i {
    margin: 0; }
  .ui.notification.modal .toggle-section.open .toggle-header a i {
    transform: rotate(45deg); }
  .ui.notification.modal .toggle-section .toggle-content {
    height: 0;
    max-height: 0px;
    overflow: hidden;
    transition: .5s; }
  .ui.notification.modal .toggle-section.open .toggle-content {
    height: auto;
    max-height: 500vh;
    margin-top: 2rem; }
  .notes-toggled.show {
    flex-wrap: wrap;
    margin-top: 1rem; }
  .notes-toggled .tags {
    width: 100%; }
  .notes-mobile .documents_fields .two.fields .field.fifteen.wide {
    width: 90% !important; }
  .notes-mobile .documents_fields .two.fields .field.delete-icon {
    width: 10% !important; }
  .documents_fields {
    padding-top: 1rem; }
  .notes-mobile .notes-conversation p {
    white-space: normal;
    font-weight: normal; }
  .notes-mobile .comment .metadata {
    font-weight: normal; }
  .notes-mobile .ui.basic.table tbody tr {
    border-bottom: 0;
    padding-bottom: 0; }
  div#notes_Notification_2 {
    padding: 0 !important; }
  .ui.notification.modal .toggle-section.notes-mobile.open .toggle-content {
    padding-top: 1rem; }
  .modal-side-content {
    max-width: 100vw !important; }
  .notes-section .ui.grid.row {
    display: none !important; }
  .notes-menu-top {
    flex-direction: column; }
  .notes-menu-buttons {
    margin-left: auto; }
  .notes-mobile {
    display: block !important; }
  .modal-main-content .left-bottom {
    padding: 0 !important; }
  .comment.notes-conversation span.date {
    font-size: 12px; }
  .notes-section .ui.bottom.attached {
    border: none; }
  .ui.notification.modal .modal-side-content .toggle-section.notes-mobile {
    padding: 28px; }
  .ui.notification.modal .modal-side-content .toggle-section.notes-mobile
#DataTables_Table_1_wrapper .sixteen.wide.column {
    padding: 0 !important; }
  .comments table tbody td {
    padding: 0 !important; }
  .modal-side-content input#document_file {
    padding: 21px 20px; }
  .ui.notification.modal .toggle-section .ui.header.notification_reminder_form {
    margin-bottom: 1rem; }
  .ui.notification.modal .modal-main-content .header h2 {
    grid-area: close;
    margin-left: 2.25rem; }
  .ui.notification.modal .modal-main-content .header .ui.right {
    align-self: flex-end;
    margin-top: 1rem; }
  .toggle-section.notes-mobile .toggle-content > .column > .grid > .column {
    padding: 0 !important; } }

/* Delete Confirm */
div#delete_confirm_modal {
  background: #fff;
  color: #212128; }

div#delete_confirm_modal .header {
  color: #212128; }

.notification.modal .modal-main-content .ui.secondary.buttons .ui.dropdown > .left.menu {
  left: auto !important;
  right: 0 !important;
  width: auto;
  gap: 0; }

/*!
 * # Semantic UI - Nag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Nag
*******************************/
/*--------------
   Collection
---------------*/
/*--------------
    Elements
---------------*/
/* Title */
/*--------------
      States
---------------*/
/* Hover */
/*--------------
   Variations
---------------*/
/* Top / Bottom */
/* Inverted */
/*--------------
      Plural
---------------*/
/*******************************
             Nag
*******************************/
.ui.nag {
  display: none;
  opacity: 0.95;
  position: relative;
  top: 0em;
  left: 0px;
  z-index: 999;
  min-height: 0em;
  width: 100%;
  margin: 0em;
  padding: 0.75em 1em;
  background: #555555;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  text-align: center;
  color: #212128;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem;
  transition: 0.2s background ease; }

a.ui.nag {
  cursor: pointer; }

.ui.nag > .title {
  display: inline-block;
  margin: 0em 0.5em;
  color: #FFFFFF; }

.ui.nag > .close.icon {
  cursor: pointer;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  right: 1em;
  font-size: 1em;
  margin: -0.5em 0em 0em;
  color: #FFFFFF;
  transition: opacity 0.2s ease; }

/*******************************
             States
*******************************/
/* Hover */
.ui.nag:hover {
  background: #555555;
  opacity: 1; }

.ui.nag .close:hover {
  opacity: 1; }

/*******************************
           Variations
*******************************/
/*--------------
     Static
---------------*/
.ui.overlay.nag {
  position: absolute;
  display: block; }

/*--------------
     Fixed
---------------*/
.ui.fixed.nag {
  position: fixed; }

/*--------------
     Bottom
---------------*/
.ui.bottom.nags,
.ui.bottom.nag {
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em;
  top: auto;
  bottom: 0em; }

/*--------------
     White
---------------*/
.ui.inverted.nags .nag,
.ui.inverted.nag {
  background-color: #F3F4F5;
  color: rgba(0, 0, 0, 0.85); }

.ui.inverted.nags .nag .close,
.ui.inverted.nags .nag .title,
.ui.inverted.nag .close,
.ui.inverted.nag .title {
  color: rgba(0, 0, 0, 0.4); }

/*******************************
           Groups
*******************************/
.ui.nags .nag {
  border-radius: 0em !important; }

.ui.nags .nag:last-child {
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

.ui.bottom.nags .nag:last-child {
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

/*!
 * # Semantic UI - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Popup
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Parts
--------------------*/
/* Placement */
/* Header */
/* Content Border */
/* Arrow */
/* Arrow color by position */
/*-------------------
       Types
--------------------*/
/* Tooltip */
/* Inverted */
/* Inverted */
/* Arrow */
/*-------------------
       Coupling
--------------------*/
/* Grid Inside Popup */
/* (padding * $medium) */
/*-------------------
       States
--------------------*/
/*-------------------
       Variations
--------------------*/
/* Wide */
/* Arrow color by position */
/*******************************
            Popup
*******************************/
.ui.popup {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /* Fixes content being squished when inline (moz only) */
  min-width: -moz-min-content;
  min-width: min-content;
  z-index: 1900;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: 250px;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: #212128;
  border-radius: 0.3571428571rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); }

.ui.popup > .header {
  padding: 0em;
  font-family: "icons", Arial, sans-serif;
  font-size: 1.14285714em;
  line-height: 1.2;
  font-weight: bold; }

.ui.popup > .header + .content {
  padding-top: 0.5em; }

.ui.popup:before {
  position: absolute;
  content: '';
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc; }

/*******************************
            Types
*******************************/
/*--------------
    Tooltip
---------------*/
/* Content */
[data-tooltip] {
  position: relative; }

/* Arrow */
[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: '';
  font-size: 1rem;
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc; }

/* Popup */
[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 1rem;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: none;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: #212128;
  border-radius: 0.3571428571rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  z-index: 1; }

/* Default Position (Top Center) */
[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

[data-tooltip]:not([data-position]):after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5em; }

/* Animation */
[data-tooltip]:before,
[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden; }

[data-tooltip]:before {
  opacity: 0;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center top;
  transition: all 0.1s ease; }

[data-tooltip]:after {
  opacity: 1;
  transform-origin: center bottom;
  transition: all 0.1s ease; }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto; }

[data-tooltip]:hover:before {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1; }

/* Animation Position */
[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
  transform: translateX(-50%) scale(0) !important; }

[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
  transform: translateX(-50%) scale(1) !important; }

[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
  transform: translateY(-50%) scale(0) !important; }

[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
  transform: translateY(-50%) scale(1) !important; }

[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
  transform: scale(0) !important; }

[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
  transform: scale(1) !important; }

/*--------------
    Inverted
---------------*/
/* Arrow */
[data-tooltip][data-inverted]:before {
  box-shadow: none !important; }

/* Arrow Position */
[data-tooltip][data-inverted]:before {
  background: #212128; }

/* Popup  */
[data-tooltip][data-inverted]:after {
  background: #212128;
  color: #FFFFFF;
  border: none;
  box-shadow: none; }

[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #FFFFFF; }

/*--------------
    Position
---------------*/
/* Top Center */
[data-position="top center"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.5em; }

[data-position="top center"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

/* Top Left */
[data-position="top left"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5em; }

[data-position="top left"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

/* Top Right */
[data-position="top right"][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5em; }

[data-position="top right"][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem; }

/* Bottom Center */
[data-position="bottom center"][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.5em; }

[data-position="bottom center"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem; }

/* Bottom Left */
[data-position="bottom left"][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.5em; }

[data-position="bottom left"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem; }

/* Bottom Right */
[data-position="bottom right"][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.5em; }

[data-position="bottom right"][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.14285714rem;
  margin-top: 0.07142857rem; }

/* Left Center */
[data-position="left center"][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.5em;
  transform: translateY(-50%); }

[data-position="left center"][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.14285714rem;
  margin-right: -0.07142857rem; }

/* Right Center */
[data-position="right center"][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.5em;
  transform: translateY(-50%); }

[data-position="right center"][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.07142857rem;
  margin-left: 0.14285714rem; }

/* Arrow */
[data-position~="bottom"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -2px 0px 0px #bababc; }

[data-position="left center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px #bababc; }

[data-position="right center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px 1px 0px 0px #bababc; }

[data-position~="top"][data-tooltip]:before {
  background: #FFFFFF; }

/* Inverted Arrow Color */
[data-inverted][data-position~="bottom"][data-tooltip]:before {
  background: #212128;
  box-shadow: -2px 0px 0px #bababc; }

[data-inverted][data-position="left center"][data-tooltip]:before {
  background: #212128;
  box-shadow: 0px 0px 0px #bababc; }

[data-inverted][data-position="right center"][data-tooltip]:before {
  background: #212128;
  box-shadow: -1px 1px 0px 0px #bababc; }

[data-inverted][data-position~="top"][data-tooltip]:before {
  background: #212128; }

[data-position~="bottom"][data-tooltip]:before {
  transform-origin: center bottom; }

[data-position~="bottom"][data-tooltip]:after {
  transform-origin: center top; }

[data-position="left center"][data-tooltip]:before {
  transform-origin: top center; }

[data-position="left center"][data-tooltip]:after {
  transform-origin: right center; }

[data-position="right center"][data-tooltip]:before {
  transform-origin: right center; }

[data-position="right center"][data-tooltip]:after {
  transform-origin: left center; }

/*--------------
     Spacing
---------------*/
.ui.popup {
  margin: 0em; }

/* Extending from Top */
.ui.top.popup {
  margin: 0em 0em 0.71428571em; }

.ui.top.left.popup {
  transform-origin: left bottom; }

.ui.top.center.popup {
  transform-origin: center bottom; }

.ui.top.right.popup {
  transform-origin: right bottom; }

/* Extending from Vertical Center */
.ui.left.center.popup {
  margin: 0em 0.71428571em 0em 0em;
  transform-origin: right 50%; }

.ui.right.center.popup {
  margin: 0em 0em 0em 0.71428571em;
  transform-origin: left 50%; }

/* Extending from Bottom */
.ui.bottom.popup {
  margin: 0.71428571em 0em 0em; }

.ui.bottom.left.popup {
  transform-origin: left top; }

.ui.bottom.center.popup {
  transform-origin: center top; }

.ui.bottom.right.popup {
  transform-origin: right top; }

/*--------------
     Pointer
---------------*/
/*--- Below ---*/
.ui.bottom.center.popup:before {
  margin-left: -0.307142855em;
  top: -0.307142855em;
  left: 50%;
  right: auto;
  bottom: auto;
  box-shadow: -2px 0px 0px #bababc; }

.ui.bottom.left.popup {
  margin-left: 0em; }

/*rtl:rename*/
.ui.bottom.left.popup:before {
  top: -0.307142855em;
  left: 1em;
  right: auto;
  bottom: auto;
  margin-left: 0em;
  box-shadow: -2px 0px 0px #bababc; }

.ui.bottom.right.popup {
  margin-right: 0em; }

/*rtl:rename*/
.ui.bottom.right.popup:before {
  top: -0.307142855em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0em;
  box-shadow: -2px 0px 0px #bababc; }

/*--- Above ---*/
.ui.top.center.popup:before {
  top: auto;
  right: auto;
  bottom: -0.307142855em;
  left: 50%;
  margin-left: -0.307142855em; }

.ui.top.left.popup {
  margin-left: 0em; }

/*rtl:rename*/
.ui.top.left.popup:before {
  bottom: -0.307142855em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0em; }

.ui.top.right.popup {
  margin-right: 0em; }

/*rtl:rename*/
.ui.top.right.popup:before {
  bottom: -0.307142855em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0em; }

/*--- Left Center ---*/
/*rtl:rename*/
.ui.left.center.popup:before {
  top: 50%;
  right: -0.307142855em;
  bottom: auto;
  left: auto;
  margin-top: -0.307142855em;
  box-shadow: 0px 0px 0px #bababc; }

/*--- Right Center  ---*/
/*rtl:rename*/
.ui.right.center.popup:before {
  top: 50%;
  left: -0.307142855em;
  bottom: auto;
  right: auto;
  margin-top: -0.307142855em;
  box-shadow: -1px 1px 0px 0px #bababc; }

/* Arrow Color By Location */
.ui.bottom.popup:before {
  background: #FFFFFF; }

.ui.right.center.popup:before,
.ui.left.center.popup:before {
  background: #FFFFFF; }

.ui.top.popup:before {
  background: #FFFFFF; }

/* Inverted Arrow Color */
.ui.inverted.bottom.popup:before {
  background: #212128; }

.ui.inverted.right.center.popup:before,
.ui.inverted.left.center.popup:before {
  background: #212128; }

.ui.inverted.top.popup:before {
  background: #212128; }

/*******************************
            Coupling
*******************************/
/* Immediate Nested Grid */
.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem; }

/*******************************
            States
*******************************/
.ui.loading.popup {
  display: block;
  visibility: hidden;
  z-index: -1; }

.ui.animating.popup,
.ui.visible.popup {
  display: block; }

.ui.visible.popup {
  transform: translateZ(0px);
  backface-visibility: hidden; }

/*******************************
            Variations
*******************************/
/*--------------
     Basic
---------------*/
.ui.basic.popup:before {
  display: none; }

/*--------------
     Wide
---------------*/
.ui.wide.popup {
  max-width: 350px; }

.ui.popup[class*="very wide"] {
  max-width: 550px; }

@media only screen and (max-width: 767px) {
  .ui.wide.popup,
  .ui.popup[class*="very wide"] {
    max-width: 250px; } }

/*--------------
     Fluid
---------------*/
.ui.fluid.popup {
  width: 100%;
  max-width: none; }

/*--------------
     Colors
---------------*/
/* Inverted colors  */
.ui.inverted.popup {
  background: #212128;
  color: #FFFFFF;
  border: none;
  box-shadow: none; }

.ui.inverted.popup .header {
  background-color: none;
  color: #FFFFFF; }

.ui.inverted.popup:before {
  background-color: #212128;
  box-shadow: none !important; }

/*--------------
     Flowing
---------------*/
.ui.flowing.popup {
  max-width: none; }

/*--------------
     Sizes
---------------*/
.ui.mini.popup {
  font-size: 0.78571429rem; }

.ui.tiny.popup {
  font-size: 0.85714286rem; }

.ui.small.popup {
  font-size: 0.92857143rem; }

.ui.popup {
  font-size: 1rem; }

.ui.large.popup {
  font-size: 1.14285714rem; }

.ui.huge.popup {
  font-size: 1.42857143rem; }

/*!
 * # Semantic UI - Progress Bar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Progress
*******************************/
/*-------------------
       Element
--------------------*/
/* Label */
/* Bar */
/* Progress Bar Label */
/*-------------------
        Types
--------------------*/
/*-------------------
        States
--------------------*/
/* Active */
/*-------------------
      Variations
--------------------*/
/* Attached */
/* Inverted */
/* Sizing */
/*******************************
            Progress
*******************************/
.ui.progress {
  position: relative;
  display: block;
  max-width: 100%;
  border: none;
  margin: 1em 0em 2.5em;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  padding: 0em;
  border-radius: 0.3571428571rem; }

.ui.progress:first-child {
  margin: 0em 0em 2.5em; }

.ui.progress:last-child {
  margin: 0em 0em 1.5em; }

/*******************************
            Content
*******************************/
/* Activity Bar */
.ui.progress .bar {
  display: block;
  line-height: 1;
  position: relative;
  width: 0%;
  min-width: 2em;
  background: #888888;
  border-radius: 0.3571428571rem;
  transition: width 0.1s ease, background-color 0.1s ease; }

/* Percent Complete */
.ui.progress .bar > .progress {
  white-space: nowrap;
  position: absolute;
  width: auto;
  font-size: 0.92857143em;
  top: 50%;
  right: 0.5em;
  left: auto;
  bottom: auto;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
  margin-top: -0.5em;
  font-weight: bold;
  text-align: left; }

/* Label */
.ui.progress > .label {
  position: absolute;
  width: 100%;
  font-size: 1em;
  top: 100%;
  right: auto;
  left: 0%;
  bottom: auto;
  color: #212128;
  font-weight: bold;
  text-shadow: none;
  margin-top: 0.2em;
  text-align: center;
  transition: color 0.4s ease; }

/*******************************
            Types
*******************************/
/* Indicating */
.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar {
  background-color: #D95C5C; }

.ui.indicating.progress[data-percent^="3"] .bar {
  background-color: #EFBC72; }

.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar {
  background-color: #E6BB48; }

.ui.indicating.progress[data-percent^="6"] .bar {
  background-color: #DDC928; }

.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar {
  background-color: #B4D95C; }

.ui.indicating.progress[data-percent^="9"] .bar,
.ui.indicating.progress[data-percent^="100"] .bar {
  background-color: #66DA81; }

/* Indicating Label */
.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="2"] .label {
  color: #212128; }

.ui.indicating.progress[data-percent^="3"] .label {
  color: #212128; }

.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label {
  color: #212128; }

.ui.indicating.progress[data-percent^="6"] .label {
  color: #212128; }

.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label {
  color: #212128; }

.ui.indicating.progress[data-percent^="9"] .label,
.ui.indicating.progress[data-percent^="100"] .label {
  color: #212128; }

/* Single Digits */
.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent="9"] .bar {
  background-color: #D95C5C; }

.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
  color: #212128; }

/* Indicating Success */
.ui.indicating.progress.success .label {
  color: #1A531B; }

/*******************************
             States
*******************************/
/*--------------
     Success
---------------*/
.ui.progress.success .bar {
  background-color: #47973E !important; }

.ui.progress.success .bar,
.ui.progress.success .bar::after {
  animation: none !important; }

.ui.progress.success > .label {
  color: #1A531B; }

/*--------------
     Warning
---------------*/
.ui.progress.warning .bar {
  background-color: #F2C037 !important; }

.ui.progress.warning .bar,
.ui.progress.warning .bar::after {
  animation: none !important; }

.ui.progress.warning > .label {
  color: #794B02; }

/*--------------
     Error
---------------*/
.ui.progress.error .bar {
  background-color: #D14F4F !important; }

.ui.progress.error .bar,
.ui.progress.error .bar::after {
  animation: none !important; }

.ui.progress.error > .label {
  color: #912D2B; }

/*--------------
     Active
---------------*/
.ui.active.progress .bar {
  position: relative;
  min-width: 2em; }

.ui.active.progress .bar::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #FFFFFF;
  border-radius: 0.3571428571rem;
  animation: progress-active 2s ease infinite; }

@keyframes progress-active {
  0% {
    opacity: 0.3;
    width: 0; }
  90% { }
  100% {
    opacity: 0;
    width: 100%; } }

/*--------------
    Disabled
---------------*/
.ui.disabled.progress {
  opacity: 0.35; }

.ui.disabled.progress .bar,
.ui.disabled.progress .bar::after {
  animation: none !important; }

/*******************************
           Variations
*******************************/
/*--------------
    Inverted
---------------*/
.ui.inverted.progress {
  background: rgba(255, 255, 255, 0.08);
  border: none; }

.ui.inverted.progress .bar {
  background: #888888; }

.ui.inverted.progress .bar > .progress {
  color: #F9FAFB; }

.ui.inverted.progress > .label {
  color: #FFFFFF; }

.ui.inverted.progress.success > .label {
  color: #47973E; }

.ui.inverted.progress.warning > .label {
  color: #F2C037; }

.ui.inverted.progress.error > .label {
  color: #D14F4F; }

/*--------------
    Attached
---------------*/
/* bottom attached */
.ui.progress.attached {
  background: transparent;
  position: relative;
  border: none;
  margin: 0em; }

.ui.progress.attached,
.ui.progress.attached .bar {
  display: block;
  height: 0.2rem;
  padding: 0px;
  overflow: hidden;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

.ui.progress.attached .bar {
  border-radius: 0em; }

/* top attached */
.ui.progress.top.attached,
.ui.progress.top.attached .bar {
  top: 0px;
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

.ui.progress.top.attached .bar {
  border-radius: 0em; }

/* Coupling */
.ui.segment > .ui.attached.progress,
.ui.card > .ui.attached.progress {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 100%;
  width: 100%; }

.ui.segment > .ui.bottom.attached.progress,
.ui.card > .ui.bottom.attached.progress {
  top: 100%;
  bottom: auto; }

/*--------------
     Colors
---------------*/
/* Red */
.ui.red.progress .bar {
  background-color: #D14F4F; }

.ui.red.inverted.progress .bar {
  background-color: #FF695E; }

/* Orange */
.ui.orange.progress .bar {
  background-color: #F2711C; }

.ui.orange.inverted.progress .bar {
  background-color: #FF851B; }

/* Yellow */
.ui.yellow.progress .bar {
  background-color: #F7B21A; }

.ui.yellow.inverted.progress .bar {
  background-color: #FFE21F; }

/* Olive */
.ui.olive.progress .bar {
  background-color: #B5CC18; }

.ui.olive.inverted.progress .bar {
  background-color: #D9E778; }

/* Green */
.ui.green.progress .bar {
  background-color: #47973E; }

.ui.green.inverted.progress .bar {
  background-color: #2ECC40; }

/* Teal */
.ui.teal.progress .bar {
  background-color: #00B5AD; }

.ui.teal.inverted.progress .bar {
  background-color: #6DFFFF; }

/* Blue */
.ui.blue.progress .bar {
  background-color: #3E4297; }

.ui.blue.inverted.progress .bar {
  background-color: #54C8FF; }

/* Violet */
.ui.violet.progress .bar {
  background-color: #6435C9; }

.ui.violet.inverted.progress .bar {
  background-color: #A291FB; }

/* Purple */
.ui.purple.progress .bar {
  background-color: #A333C8; }

.ui.purple.inverted.progress .bar {
  background-color: #DC73FF; }

/* Pink */
.ui.pink.progress .bar {
  background-color: #E03997; }

.ui.pink.inverted.progress .bar {
  background-color: #FF8EDF; }

/* Brown */
.ui.brown.progress .bar {
  background-color: #A5673F; }

.ui.brown.inverted.progress .bar {
  background-color: #D67C1C; }

/* Grey */
.ui.grey.progress .bar {
  background-color: #80808C; }

.ui.grey.inverted.progress .bar {
  background-color: #DDDDE4; }

/* Black */
.ui.black.progress .bar {
  background-color: #212128; }

.ui.black.inverted.progress .bar {
  background-color: #545454; }

/*--------------
     Sizes
---------------*/
.ui.tiny.progress {
  font-size: 0.85714286rem; }

.ui.tiny.progress .bar {
  height: 0.5em; }

.ui.small.progress {
  font-size: 0.92857143rem; }

.ui.small.progress .bar {
  height: 1em; }

.ui.progress {
  font-size: 1rem; }

.ui.progress .bar {
  height: 1.75em; }

.ui.large.progress {
  font-size: 1.14285714rem; }

.ui.large.progress .bar {
  height: 2.5em; }

.ui.big.progress {
  font-size: 1.28571429rem; }

.ui.big.progress .bar {
  height: 3.5em; }

/*!
 * # Semantic UI - Rail
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Rail
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Close */
/* Dividing */
/*******************************
             Rails
*******************************/
.ui.rail {
  position: absolute;
  top: 0%;
  width: 300px;
  height: 100%; }

.ui.left.rail {
  left: auto;
  right: 100%;
  padding: 0em 2rem 0em 0em;
  margin: 0em 2rem 0em 0em; }

.ui.right.rail {
  left: 100%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem; }

/*******************************
           Variations
*******************************/
/*--------------
     Internal
---------------*/
.ui.left.internal.rail {
  left: 0%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem; }

.ui.right.internal.rail {
  left: auto;
  right: 0%;
  padding: 0em 2rem 0em 0em;
  margin: 0em 2rem 0em 0em; }

/*--------------
    Dividing
---------------*/
.ui.dividing.rail {
  width: calc(300px + 2.5rem); }

.ui.left.dividing.rail {
  padding: 0em 2.5rem 0em 0em;
  margin: 0em 2.5rem 0em 0em;
  border-right: 1px solid rgba(34, 36, 38, 0.15); }

.ui.right.dividing.rail {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  padding: 0em 0em 0em 2.5rem;
  margin: 0em 0em 0em 2.5rem; }

/*--------------
    Distance
---------------*/
.ui.close.rail {
  width: calc(300px + 1em); }

.ui.close.left.rail {
  padding: 0em 1em 0em 0em;
  margin: 0em 1em 0em 0em; }

.ui.close.right.rail {
  padding: 0em 0em 0em 1em;
  margin: 0em 0em 0em 1em; }

.ui.very.close.rail {
  width: calc(300px + 0.5em); }

.ui.very.close.left.rail {
  padding: 0em 0.5em 0em 0em;
  margin: 0em 0.5em 0em 0em; }

.ui.very.close.right.rail {
  padding: 0em 0em 0em 0.5em;
  margin: 0em 0em 0em 0.5em; }

/*--------------
    Attached
---------------*/
.ui.attached.left.rail,
.ui.attached.right.rail {
  padding: 0em;
  margin: 0em; }

/*--------------
     Sizing
---------------*/
.ui.mini.rail {
  font-size: 0.78571429rem; }

.ui.tiny.rail {
  font-size: 0.85714286rem; }

.ui.small.rail {
  font-size: 0.92857143rem; }

.ui.rail {
  font-size: 1rem; }

.ui.large.rail {
  font-size: 1.14285714rem; }

.ui.big.rail {
  font-size: 1.28571429rem; }

.ui.huge.rail {
  font-size: 1.42857143rem; }

.ui.massive.rail {
  font-size: 1.71428571rem; }

/*!
 * # Semantic UI - Rating
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Rating
*******************************/
/*-------------------
        Types
--------------------*/
/* Standard */
/* Star */
/* Heart */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/*******************************
           Rating
*******************************/
.ui.rating {
  display: inline-flex;
  white-space: nowrap;
  vertical-align: baseline; }

.ui.rating:last-child {
  margin-right: 0em; }

/* Icon */
.ui.rating .icon {
  padding: 0em;
  margin: 0em;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  flex: 1 0 auto;
  cursor: pointer;
  width: 1.25em;
  height: auto;
  transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; }

/*******************************
             Types
*******************************/
/*-------------------
      Standard
--------------------*/
/* Inactive Icon */
.ui.rating .icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.15); }

/* Active Icon */
.ui.rating .active.icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.85); }

/* Selected Icon */
.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
  background: transparent;
  color: #212128; }

/*-------------------
        Star
--------------------*/
/* Inactive */
.ui.star.rating .icon {
  width: 1.25em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none; }

/* Active Star */
.ui.star.rating .active.icon {
  background: transparent !important;
  color: #FFE623 !important;
  text-shadow: -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important; }

/* Selected Star */
.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
  background: transparent !important;
  color: #FFCC00 !important;
  text-shadow: -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important; }

/*-------------------
        Heart
--------------------*/
.ui.heart.rating .icon {
  width: 1.4em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none !important; }

/* Active Heart */
.ui.heart.rating .active.icon {
  background: transparent !important;
  color: #FF6D75 !important;
  text-shadow: -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important; }

/* Selected Heart */
.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
  background: transparent !important;
  color: #FF3000 !important;
  text-shadow: -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important; }

/*******************************
             States
*******************************/
/*-------------------
       Disabled
--------------------*/
/* disabled rating */
.ui.disabled.rating .icon {
  cursor: default; }

/*-------------------
   User Interactive
--------------------*/
/* Selected Rating */
.ui.rating.selected .active.icon {
  opacity: 1; }

.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
  opacity: 1; }

/*******************************
          Variations
*******************************/
.ui.mini.rating {
  font-size: 0.78571429rem; }

.ui.tiny.rating {
  font-size: 0.85714286rem; }

.ui.small.rating {
  font-size: 0.92857143rem; }

.ui.rating {
  font-size: 1rem; }

.ui.large.rating {
  font-size: 1.14285714rem; }

.ui.huge.rating {
  font-size: 1.42857143rem; }

.ui.massive.rating {
  font-size: 2rem; }

/*******************************
         Theme Overrides
*******************************/
@font-face {
  font-family: 'Rating';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
  font-weight: normal;
  font-style: normal; }

.ui.rating .icon {
  font-family: 'Rating';
  line-height: 1;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center; }

/* Empty Star */
.ui.rating .icon:before {
  content: '\f005'; }

/* Active Star */
.ui.rating .active.icon:before {
  content: '\f005'; }

/*-------------------
        Star
--------------------*/
/* Unfilled Star */
.ui.star.rating .icon:before {
  content: '\f005'; }

/* Active Star */
.ui.star.rating .active.icon:before {
  content: '\f005'; }

/* Partial */
.ui.star.rating .partial.icon:before {
  content: '\f006'; }

.ui.star.rating .partial.icon {
  content: '\f005'; }

/*-------------------
        Heart
--------------------*/
/* Empty Heart
.ui.heart.rating .icon:before {
  content: '\f08a';
}
*/
.ui.heart.rating .icon:before {
  content: '\f004'; }

/* Active */
.ui.heart.rating .active.icon:before {
  content: '\f004'; }

/*!
 * # Semantic UI - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Reset
*******************************/
/* Border-Box */
*,
*:before,
*:after {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }

/* iPad Input Shadows */
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */ }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*!
 * # Semantic UI - Reveal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Reveal
*******************************/
/* Types */
/*******************************
            Reveal
*******************************/
.ui.reveal {
  display: inherit;
  position: relative !important;
  font-size: 0em !important; }

.ui.reveal > .visible.content {
  position: absolute !important;
  top: 0em !important;
  left: 0em !important;
  z-index: 3 !important;
  transition: all 0.5s ease 0.1s; }

.ui.reveal > .hidden.content {
  position: relative !important;
  z-index: 2 !important; }

/* Make sure hovered element is on top of other reveal */
.ui.active.reveal .visible.content,
.ui.reveal:hover .visible.content {
  z-index: 4 !important; }

/*******************************
              Types
*******************************/
/*--------------
      Slide
---------------*/
.ui.slide.reveal {
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap; }

.ui.slide.reveal > .content {
  display: block;
  width: 100%;
  white-space: normal;
  float: left;
  margin: 0em;
  transition: transform 0.5s ease 0.1s; }

.ui.slide.reveal > .visible.content {
  position: relative !important; }

.ui.slide.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important;
  transform: translateX(100%) !important; }

.ui.slide.active.reveal > .visible.content,
.ui.slide.reveal:hover > .visible.content {
  transform: translateX(-100%) !important; }

.ui.slide.active.reveal > .hidden.content,
.ui.slide.reveal:hover > .hidden.content {
  transform: translateX(0%) !important; }

.ui.slide.right.reveal > .visible.content {
  transform: translateX(0%) !important; }

.ui.slide.right.reveal > .hidden.content {
  transform: translateX(-100%) !important; }

.ui.slide.right.active.reveal > .visible.content,
.ui.slide.right.reveal:hover > .visible.content {
  transform: translateX(100%) !important; }

.ui.slide.right.active.reveal > .hidden.content,
.ui.slide.right.reveal:hover > .hidden.content {
  transform: translateX(0%) !important; }

.ui.slide.up.reveal > .hidden.content {
  transform: translateY(100%) !important; }

.ui.slide.up.active.reveal > .visible.content,
.ui.slide.up.reveal:hover > .visible.content {
  transform: translateY(-100%) !important; }

.ui.slide.up.active.reveal > .hidden.content,
.ui.slide.up.reveal:hover > .hidden.content {
  transform: translateY(0%) !important; }

.ui.slide.down.reveal > .hidden.content {
  transform: translateY(-100%) !important; }

.ui.slide.down.active.reveal > .visible.content,
.ui.slide.down.reveal:hover > .visible.content {
  transform: translateY(100%) !important; }

.ui.slide.down.active.reveal > .hidden.content,
.ui.slide.down.reveal:hover > .hidden.content {
  transform: translateY(0%) !important; }

/*--------------
      Fade
---------------*/
.ui.fade.reveal > .visible.content {
  opacity: 1; }

.ui.fade.active.reveal > .visible.content,
.ui.fade.reveal:hover > .visible.content {
  opacity: 0; }

/*--------------
      Move
---------------*/
.ui.move.reveal {
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap; }

.ui.move.reveal > .content {
  display: block;
  float: left;
  white-space: normal;
  margin: 0em;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; }

.ui.move.reveal > .visible.content {
  position: relative !important; }

.ui.move.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important; }

.ui.move.active.reveal > .visible.content,
.ui.move.reveal:hover > .visible.content {
  transform: translateX(-100%) !important; }

.ui.move.right.active.reveal > .visible.content,
.ui.move.right.reveal:hover > .visible.content {
  transform: translateX(100%) !important; }

.ui.move.up.active.reveal > .visible.content,
.ui.move.up.reveal:hover > .visible.content {
  transform: translateY(-100%) !important; }

.ui.move.down.active.reveal > .visible.content,
.ui.move.down.reveal:hover > .visible.content {
  transform: translateY(100%) !important; }

/*--------------
     Rotate
---------------*/
.ui.rotate.reveal > .visible.content {
  transition-duration: 0.5s;
  transform: rotate(0deg); }

.ui.rotate.reveal > .visible.content,
.ui.rotate.right.reveal > .visible.content {
  transform-origin: bottom right; }

.ui.rotate.active.reveal > .visible.content,
.ui.rotate.reveal:hover > .visible.content,
.ui.rotate.right.active.reveal > .visible.content,
.ui.rotate.right.reveal:hover > .visible.content {
  transform: rotate(110deg); }

.ui.rotate.left.reveal > .visible.content {
  transform-origin: bottom left; }

.ui.rotate.left.active.reveal > .visible.content,
.ui.rotate.left.reveal:hover > .visible.content {
  transform: rotate(-110deg); }

/*******************************
              States
*******************************/
.ui.disabled.reveal:hover > .visible.visible.content {
  position: static !important;
  display: block !important;
  opacity: 1 !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important; }

.ui.disabled.reveal:hover > .hidden.hidden.content {
  display: none !important; }

/*******************************
           Coupling
*******************************/
.ui.reveal > .ui.ribbon.label {
  z-index: 5; }

/*******************************
           Variations
*******************************/
/*--------------
     Visible
---------------*/
.ui.visible.reveal {
  overflow: visible; }

/*--------------
     Instant
---------------*/
.ui.instant.reveal > .content {
  transition-delay: 0s !important; }

/*--------------
     Sizing
---------------*/
.ui.reveal > .content {
  font-size: 1rem !important; }

/*!
 * # Semantic UI - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Search
*******************************/
/* Search Prompt */
/* Mobile */
/* Result Box */
/* Result */
/* Result Image */
/* Result Content */
/* Description */
/* Price */
/* Special Message */
/* All Results Link */
/*******************************
            States
*******************************/
/* Focus */
/* Hover */
/* Loading */
/* Active Category */
/* Active Result */
/*******************************
            Types
*******************************/
/* Selection */
/* Category */
/*******************************
             Search
*******************************/
.ui.search {
  position: relative; }

.ui.search > .prompt {
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-shadow: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.21428571em;
  padding: 0.678571435em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: #212128;
  box-shadow: 0em 0em 0em 0em transparent inset;
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; }

.ui.search .prompt {
  border-radius: 500rem; }

/*--------------
     Icon
---------------*/
.ui.search .prompt ~ .search.icon {
  cursor: pointer; }

/*--------------
    Results
---------------*/
.ui.search > .results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0%;
  transform-origin: center top;
  white-space: normal;
  background: #FFFFFF;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.3571428571rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid #D4D4D5;
  z-index: 998; }

.ui.search > .results > :first-child {
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

.ui.search > .results > :last-child {
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

/*--------------
    Result
---------------*/
.ui.search > .results .result {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding: 0.85714286em 1.14285714em;
  color: #212128;
  line-height: 1.33;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

.ui.search > .results .result:last-child {
  border-bottom: none !important; }

/* Image */
.ui.search > .results .result .image {
  float: right;
  overflow: hidden;
  background: none;
  width: 5em;
  height: 3em;
  border-radius: 0.25em; }

.ui.search > .results .result .image img {
  display: block;
  width: auto;
  height: 100%; }

/*--------------
      Info
---------------*/
.ui.search > .results .result .image + .content {
  margin: 0em 6em 0em 0em; }

.ui.search > .results .result .title {
  margin: -0.142857145em 0em 0em;
  font-family: "icons", Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.85); }

.ui.search > .results .result .description {
  margin-top: 0;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4); }

.ui.search > .results .result .price {
  float: right;
  color: #47973E; }

/*--------------
    Message
---------------*/
.ui.search > .results > .message {
  padding: 1em 1em; }

.ui.search > .results > .message .header {
  font-family: "icons", Arial, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: #212128; }

.ui.search > .results > .message .description {
  margin-top: 0.25rem;
  font-size: 1em;
  color: #212128; }

/* View All Results */
.ui.search > .results > .action {
  display: block;
  border-top: none;
  background: #F3F4F5;
  padding: 0.92857143em 1em;
  color: #212128;
  font-weight: bold;
  text-align: center; }

/*******************************
            States
*******************************/
/*--------------------
       Focus
---------------------*/
.ui.search > .prompt:focus {
  border-color: rgba(34, 36, 38, 0.35);
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.95); }

/*--------------------
       Loading
---------------------*/
.ui.loading.search .input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.search .input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #80808C transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent; }

/*--------------
      Hover
---------------*/
.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
  background: #F9FAFB; }

.ui.search .action:hover {
  background: #E0E0E0; }

/*--------------
      Active
---------------*/
.ui.category.search > .results .category.active {
  background: #F3F4F5; }

.ui.category.search > .results .category.active > .name {
  color: #212128; }

.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {
  position: relative;
  border-left-color: rgba(34, 36, 38, 0.1);
  background: #F3F4F5;
  box-shadow: none; }

.ui.search > .results .result.active .title {
  color: rgba(0, 0, 0, 0.85); }

.ui.search > .results .result.active .description {
  color: rgba(0, 0, 0, 0.85); }

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.search {
  cursor: default;
  pointer-events: none;
  opacity: 0.45; }

/*******************************
           Types
*******************************/
/*--------------
    Selection
---------------*/
.ui.search.selection .prompt {
  border-radius: 0.3571428571rem; }

/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
  pointer-events: none;
  position: absolute;
  left: auto;
  opacity: 0;
  color: "";
  top: 0em;
  right: 0em;
  transition: color 0.1s ease, opacity 0.1s ease; }

.ui.search.selection > .icon.input > .active.remove.icon {
  cursor: pointer;
  opacity: 0.8;
  pointer-events: auto; }

.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
  right: 1.85714em; }

.ui.search.selection > .icon.input > .remove.icon:hover {
  opacity: 1;
  color: #D14F4F; }

/*--------------
    Category
---------------*/
.ui.category.search .results {
  width: 28em; }

.ui.category.search .results.animating,
.ui.category.search .results.visible {
  display: table; }

/* Category */
.ui.category.search > .results .category {
  display: table-row;
  background: #F3F4F5;
  box-shadow: none;
  transition: background 0.1s ease, border-color 0.1s ease; }

/* Last Category */
.ui.category.search > .results .category:last-child {
  border-bottom: none; }

/* First / Last */
.ui.category.search > .results .category:first-child .name + .result {
  border-radius: 0em 0.3571428571rem 0em 0em; }

.ui.category.search > .results .category:last-child .result:last-child {
  border-radius: 0em 0em 0.3571428571rem 0em; }

/* Category Result Name */
.ui.category.search > .results .category > .name {
  display: table-cell;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
  background: transparent;
  font-family: "icons", Arial, sans-serif;
  font-size: 1em;
  padding: 0.4em 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

/* Category Result */
.ui.category.search > .results .category .results {
  display: table-cell;
  background: #FFFFFF;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1); }

.ui.category.search > .results .category .result {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  transition: background 0.1s ease, border-color 0.1s ease;
  padding: 0.85714286em 1.14285714em; }

/*******************************
           Variations
*******************************/
/*-------------------
     Left / Right
--------------------*/
.ui.search[class*="left aligned"] > .results {
  right: auto;
  left: 0%; }

.ui.search[class*="right aligned"] > .results {
  right: 0%;
  left: auto; }

/*--------------
    Fluid
---------------*/
.ui.fluid.search .results {
  width: 100%; }

/*--------------
      Sizes
---------------*/
.ui.mini.search {
  font-size: 0.78571429em; }

.ui.small.search {
  font-size: 0.92857143em; }

.ui.search {
  font-size: 1em; }

.ui.large.search {
  font-size: 1.14285714em; }

.ui.big.search {
  font-size: 1.28571429em; }

.ui.huge.search {
  font-size: 1.42857143em; }

.ui.massive.search {
  font-size: 1.71428571em; }

/*--------------
      Mobile
---------------*/
@media only screen and (max-width: 767px) {
  .ui.search .results {
    max-width: calc(100vw - 2rem); } }

/*******************************
         Site Overrides
*******************************/
@media (max-width: 768px) {
  .ui.search .results {
    max-width: 100%; } }

/*!
 * # Semantic UI - Segment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Segment
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Group
--------------------*/
/*-------------------
       Coupling
--------------------*/
/* Page Grid Segment */
/*******************************
            States
*******************************/
/* Loading Dimmer */
/* Loading Spinner */
/*******************************
            Variations
*******************************/
/* Piled */
/* Circular */
/* Stacked */
/* Raised */
/* Padded */
/* Attached */
/* Inverted */
/* Floated */
/* Basic */
/* Colors */
/* Ordinality */
/*******************************
            Segment
*******************************/
.ui.segment {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  padding: 1em 1em;
  border-radius: 0.3571428571rem;
  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;
  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.segment[class*="bottom attached"] > .label[class*="top attached"] {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em; }

.ui.segment[class*="top attached"] > .label[class*="bottom attached"] {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em; }

.ui.attached.segment:not(.top):not(.bottom) > .label[class*="top attached"] {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em; }

.ui.attached.segment:not(.top):not(.bottom) > .label[class*="bottom attached"] {
  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.3571428571rem; }

/* Table */
.ui.basic.table.segment {
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); }

.ui.table.segment[class*="very basic"] {
  padding: 1em 1em; }

/*******************************
             Types
*******************************/
/*-------------------
        Piled
--------------------*/
.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0em;
  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);
  box-shadow: ""; }

.ui.piled.segments:before,
.ui.piled.segment:before {
  transform: rotate(-1.2deg);
  top: 0;
  z-index: -2; }

.ui.piled.segments:after,
.ui.piled.segment:after {
  transform: rotate(1.2deg);
  top: 0;
  z-index: -1; }

/* Piled Attached */
.ui.piled.segment[class*="top attached"] {
  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.segment[class*="very padded"] {
  padding: 3em; }

/* Padded vertical */
.ui.padded.segment.vertical.segment,
.ui.vertical.segment[class*="very padded"] {
  padding-left: 0px;
  padding-right: 0px; }

/*-------------------
       Compact
--------------------*/
.ui.compact.segment {
  display: table; }

/* Compact Group */
.ui.compact.segments {
  display: inline-flex; }

.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  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 {
  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 {
  flex-direction: column;
  position: relative;
  margin: 1rem 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.3571428571rem; }

.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;
  box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.segments:not(.horizontal) > .segment:first-child {
  top: 0px;
  bottom: 0px;
  border-top: none;
  margin-top: 0em;
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

/* Bottom */
.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 0em;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

/* Only */
.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.3571428571rem; }

/* 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: flex;
  flex-direction: row;
  background-color: transparent;
  border-radius: 0px;
  padding: 0em;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  border-radius: 0.3571428571rem;
  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;
  box-shadow: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

/* Horizontal Segment */
.ui.horizontal.segments > .segment {
  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;
  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;
  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.3571428571rem;
  z-index: 100; }

.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 3em;
  height: 3em;
  animation: segment-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #80808C 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;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101; }

@keyframes segment-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/*******************************
           Variations
*******************************/
/*-------------------
       Basic
--------------------*/
.ui.basic.segment {
  background: none transparent;
  box-shadow: none;
  border: none;
  border-radius: 0px; }

/*-------------------
       Clearing
--------------------*/
.ui.clearing.segment:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*-------------------
       Colors
--------------------*/
/* Red */
.ui.red.segment:not(.inverted) {
  border-top: 2px solid #D14F4F !important; }

.ui.inverted.red.segment {
  background-color: #D14F4F !important;
  color: #FFFFFF !important; }

/* Orange */
.ui.orange.segment:not(.inverted) {
  border-top: 2px solid #F2711C !important; }

.ui.inverted.orange.segment {
  background-color: #F2711C !important;
  color: #FFFFFF !important; }

/* Yellow */
.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #F7B21A !important; }

.ui.inverted.yellow.segment {
  background-color: #F7B21A !important;
  color: #FFFFFF !important; }

/* Olive */
.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #B5CC18 !important; }

.ui.inverted.olive.segment {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important; }

/* Green */
.ui.green.segment:not(.inverted) {
  border-top: 2px solid #47973E !important; }

.ui.inverted.green.segment {
  background-color: #47973E !important;
  color: #FFFFFF !important; }

/* Teal */
.ui.teal.segment:not(.inverted) {
  border-top: 2px solid #00B5AD !important; }

.ui.inverted.teal.segment {
  background-color: #00B5AD !important;
  color: #FFFFFF !important; }

/* Blue */
.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #3E4297 !important; }

.ui.inverted.blue.segment {
  background-color: #3E4297 !important;
  color: #FFFFFF !important; }

/* Violet */
.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6435C9 !important; }

.ui.inverted.violet.segment {
  background-color: #6435C9 !important;
  color: #FFFFFF !important; }

/* Purple */
.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #A333C8 !important; }

.ui.inverted.purple.segment {
  background-color: #A333C8 !important;
  color: #FFFFFF !important; }

/* Pink */
.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #E03997 !important; }

.ui.inverted.pink.segment {
  background-color: #E03997 !important;
  color: #FFFFFF !important; }

/* Brown */
.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #A5673F !important; }

.ui.inverted.brown.segment {
  background-color: #A5673F !important;
  color: #FFFFFF !important; }

/* Grey */
.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #80808C !important; }

.ui.inverted.grey.segment {
  background-color: #80808C !important;
  color: #FFFFFF !important; }

/* Black */
.ui.black.segment:not(.inverted) {
  border-top: 2px solid #212128 !important; }

.ui.inverted.black.segment {
  background-color: #212128 !important;
  color: #FFFFFF !important; }

/*-------------------
       Aligned
--------------------*/
.ui.segment[class*="left aligned"] {
  text-align: left; }

.ui.segment[class*="right aligned"] {
  text-align: right; }

.ui.segment[class*="center aligned"] {
  text-align: center; }

/*-------------------
       Floated
--------------------*/
.ui.floated.segment,
.ui.segment[class*="left floated"] {
  float: left;
  margin-right: 1em; }

.ui.segment[class*="right floated"] {
  float: right;
  margin-left: 1em; }

/*-------------------
      Inverted
--------------------*/
.ui.inverted.segment {
  border: none;
  box-shadow: none; }

.ui.inverted.segment,
.ui.primary.inverted.segment {
  background: #212128;
  color: rgba(255, 255, 255, 0.9); }

/* Nested */
.ui.inverted.segment .segment {
  color: #212128; }

.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: #4f4f60 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: #EFEFEF;
  color: rgba(0, 0, 0, 0.6); }

.ui.tertiary.inverted.segment {
  background: #72728a 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);
  box-shadow: none;
  border: 1px solid #D4D4D5; }

.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
  border-top: none; }

/* Top */
.ui.segment[class*="top attached"] {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.3571428571rem 0.3571428571rem 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;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

.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; }

.ui.basic.segment {
  padding: 0; }

.ui.basic.segment.white {
  background: #ffffff; }

/*!
 * # Semantic UI - Shape
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Shape
*******************************/
/* Animating */
/* Side */
/*--------------
      Types
---------------*/
/* Cube */
/*******************************
              Shape
*******************************/
.ui.shape {
  position: relative;
  vertical-align: top;
  display: inline-block;
  perspective: 2000px;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; }

.ui.shape .sides {
  transform-style: preserve-3d; }

.ui.shape .side {
  opacity: 1;
  width: 100%;
  margin: 0em !important;
  backface-visibility: hidden; }

.ui.shape .side {
  display: none; }

.ui.shape .side * {
  backface-visibility: visible !important; }

/*******************************
             Types
*******************************/
.ui.cube.shape .side {
  min-width: 15em;
  height: 15em;
  padding: 2em;
  background-color: #E6E6E6;
  color: #212128;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }

.ui.cube.shape .side > .content {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text; }

.ui.cube.shape .side > .content > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 2em; }

/*******************************
          Variations
*******************************/
.ui.text.shape.animating .sides {
  position: static; }

.ui.text.shape .side {
  white-space: nowrap; }

.ui.text.shape .side > * {
  white-space: normal; }

/*******************************
             States
*******************************/
/*--------------
    Loading
---------------*/
.ui.loading.shape {
  position: absolute;
  top: -9999px;
  left: -9999px; }

/*--------------
    Animating
---------------*/
.ui.shape .animating.side {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  z-index: 100; }

.ui.shape .hidden.side {
  opacity: 0.6; }

/*--------------
      CSS
---------------*/
.ui.shape.animating .sides {
  position: absolute; }

.ui.shape.animating .sides {
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; }

.ui.shape.animating .side {
  transition: opacity 0.6s ease-in-out; }

/*--------------
     Active
---------------*/
.ui.shape .active.side {
  display: block; }

/*!
 * # Semantic UI - Sidebar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Sidebar
*******************************/
/*-------------------
       Content
--------------------*/
/* Animation */
/* Dimmer */
/* Color below page */
/* Shadow */
/* Layering */
/*-------------------
      Variations
--------------------*/
/* Width */
/* Height */
/*******************************
            Sidebar
*******************************/
/* Sidebar Menu */
.ui.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  transition: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100% !important;
  max-height: 100%;
  border-radius: 0em !important;
  margin: 0em !important;
  overflow-y: auto !important;
  z-index: 102; }

/* GPU Layers for Child Elements */
.ui.sidebar > * {
  backface-visibility: hidden; }

/*--------------
   Direction
---------------*/
.ui.left.sidebar {
  right: auto;
  left: 0px;
  transform: translate3d(-100%, 0, 0); }

.ui.right.sidebar {
  right: 0px !important;
  left: auto !important;
  transform: translate3d(100%, 0%, 0); }

.ui.top.sidebar,
.ui.bottom.sidebar {
  width: 100% !important;
  height: auto !important; }

.ui.top.sidebar {
  top: 0px !important;
  bottom: auto !important;
  transform: translate3d(0, -100%, 0); }

.ui.bottom.sidebar {
  top: auto !important;
  bottom: 0px !important;
  transform: translate3d(0, 100%, 0); }

/*--------------
     Pushable
---------------*/
.pushable {
  height: 100%;
  overflow-x: hidden;
  padding: 0em !important; }

/* Whole Page */
body.pushable {
  background: #545454 !important; }

/* Page Context */
.pushable:not(body) {
  transform: translate3d(0, 0, 0); }

.pushable:not(body) > .ui.sidebar,
.pushable:not(body) > .fixed,
.pushable:not(body) > .pusher:after {
  position: absolute; }

/*--------------
     Fixed
---------------*/
.pushable > .fixed {
  position: fixed;
  backface-visibility: hidden;
  transition: transform 500ms ease;
  will-change: transform;
  z-index: 101; }

/*--------------
     Page
---------------*/
.pushable > .pusher {
  position: relative;
  backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  transition: transform 500ms ease;
  z-index: 2; }

body.pushable > .pusher {
  background: #F5F5F7; }

/* Pusher should inherit background from context */
.pushable > .pusher {
  background: inherit; }

/*--------------
     Dimmer
---------------*/
.pushable > .pusher:after {
  position: fixed;
  top: 0px;
  right: 0px;
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  transition: opacity 500ms;
  will-change: opacity;
  z-index: 1000; }

/*--------------
    Coupling
---------------*/
.ui.sidebar.menu .item {
  border-radius: 0em !important; }

/*******************************
            States
*******************************/
/*--------------
     Dimmed
---------------*/
.pushable > .pusher.dimmed:after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important; }

/*--------------
    Animating
---------------*/
.ui.animating.sidebar {
  visibility: visible; }

/*--------------
     Visible
---------------*/
.ui.visible.sidebar {
  visibility: visible;
  transform: translate3d(0, 0, 0); }

/* Shadow Direction */
.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); }

.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
  box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); }

/* Visible On Load */
.ui.visible.left.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .pusher {
  transform: translate3d(260px, 0, 0); }

.ui.visible.right.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .pusher {
  transform: translate3d(-260px, 0, 0); }

.ui.visible.top.sidebar ~ .fixed,
.ui.visible.top.sidebar ~ .pusher {
  transform: translate3d(0, 36px, 0); }

.ui.visible.bottom.sidebar ~ .fixed,
.ui.visible.bottom.sidebar ~ .pusher {
  transform: translate3d(0, -36px, 0); }

/* opposite sides visible forces content overlay */
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
  transform: translate3d(0, 0, 0); }

/*--------------
       iOS
---------------*/
/*******************************
          Variations
*******************************/
/*--------------
     Width
---------------*/
/* Left / Right */
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
  width: 150px; }

.ui.left.sidebar[class*="very thin"],
.ui.right.sidebar[class*="very thin"] {
  width: 60px; }

.ui.left.sidebar,
.ui.right.sidebar {
  width: 260px; }

.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
  width: 350px; }

.ui.left.sidebar[class*="very wide"],
.ui.right.sidebar[class*="very wide"] {
  width: 475px; }

/* Left Visible */
.ui.visible.thin.left.sidebar ~ .fixed,
.ui.visible.thin.left.sidebar ~ .pusher {
  transform: translate3d(150px, 0, 0); }

.ui.visible.left.sidebar[class*="very thin"] ~ .fixed,
.ui.visible.left.sidebar[class*="very thin"] ~ .pusher {
  transform: translate3d(60px, 0, 0); }

.ui.visible.wide.left.sidebar ~ .fixed,
.ui.visible.wide.left.sidebar ~ .pusher {
  transform: translate3d(350px, 0, 0); }

.ui.visible.left.sidebar[class*="very wide"] ~ .fixed,
.ui.visible.left.sidebar[class*="very wide"] ~ .pusher {
  transform: translate3d(475px, 0, 0); }

/* Right Visible */
.ui.visible.thin.right.sidebar ~ .fixed,
.ui.visible.thin.right.sidebar ~ .pusher {
  transform: translate3d(-150px, 0, 0); }

.ui.visible.right.sidebar[class*="very thin"] ~ .fixed,
.ui.visible.right.sidebar[class*="very thin"] ~ .pusher {
  transform: translate3d(-60px, 0, 0); }

.ui.visible.wide.right.sidebar ~ .fixed,
.ui.visible.wide.right.sidebar ~ .pusher {
  transform: translate3d(-350px, 0, 0); }

.ui.visible.right.sidebar[class*="very wide"] ~ .fixed,
.ui.visible.right.sidebar[class*="very wide"] ~ .pusher {
  transform: translate3d(-475px, 0, 0); }

/*******************************
          Animations
*******************************/
/*--------------
    Overlay
---------------*/
/* Set-up */
.ui.overlay.sidebar {
  z-index: 102; }

/* Initial */
.ui.left.overlay.sidebar {
  transform: translate3d(-100%, 0%, 0); }

.ui.right.overlay.sidebar {
  transform: translate3d(100%, 0%, 0); }

.ui.top.overlay.sidebar {
  transform: translate3d(0%, -100%, 0); }

.ui.bottom.overlay.sidebar {
  transform: translate3d(0%, 100%, 0); }

/* Animation */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
  transition: transform 500ms ease; }

/* End - Sidebar */
.ui.visible.left.overlay.sidebar {
  transform: translate3d(0%, 0%, 0); }

.ui.visible.right.overlay.sidebar {
  transform: translate3d(0%, 0%, 0); }

.ui.visible.top.overlay.sidebar {
  transform: translate3d(0%, 0%, 0); }

.ui.visible.bottom.overlay.sidebar {
  transform: translate3d(0%, 0%, 0); }

/* End - Pusher */
.ui.visible.overlay.sidebar ~ .fixed,
.ui.visible.overlay.sidebar ~ .pusher {
  transform: none !important; }

/*--------------
      Push
---------------*/
/* Initial */
.ui.push.sidebar {
  transition: transform 500ms ease;
  z-index: 102; }

/* Sidebar - Initial */
.ui.left.push.sidebar {
  transform: translate3d(-100%, 0, 0); }

.ui.right.push.sidebar {
  transform: translate3d(100%, 0, 0); }

.ui.top.push.sidebar {
  transform: translate3d(0%, -100%, 0); }

.ui.bottom.push.sidebar {
  transform: translate3d(0%, 100%, 0); }

/* End */
.ui.visible.push.sidebar {
  transform: translate3d(0%, 0, 0); }

/*--------------
    Uncover
---------------*/
/* Initial */
.ui.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  z-index: 1; }

/* End */
.ui.visible.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  transition: transform 500ms ease; }

/*--------------
   Slide Along
---------------*/
/* Initial */
.ui.slide.along.sidebar {
  z-index: 1; }

/* Sidebar - Initial */
.ui.left.slide.along.sidebar {
  transform: translate3d(-50%, 0, 0); }

.ui.right.slide.along.sidebar {
  transform: translate3d(50%, 0, 0); }

.ui.top.slide.along.sidebar {
  transform: translate3d(0, -50%, 0); }

.ui.bottom.slide.along.sidebar {
  transform: translate3d(0%, 50%, 0); }

/* Animation */
.ui.animating.slide.along.sidebar {
  transition: transform 500ms ease; }

/* End */
.ui.visible.slide.along.sidebar {
  transform: translate3d(0%, 0, 0); }

/*--------------
   Slide Out
---------------*/
/* Initial */
.ui.slide.out.sidebar {
  z-index: 1; }

/* Sidebar - Initial */
.ui.left.slide.out.sidebar {
  transform: translate3d(50%, 0, 0); }

.ui.right.slide.out.sidebar {
  transform: translate3d(-50%, 0, 0); }

.ui.top.slide.out.sidebar {
  transform: translate3d(0%, 50%, 0); }

.ui.bottom.slide.out.sidebar {
  transform: translate3d(0%, -50%, 0); }

/* Animation */
.ui.animating.slide.out.sidebar {
  transition: transform 500ms ease; }

/* End */
.ui.visible.slide.out.sidebar {
  transform: translate3d(0%, 0, 0); }

/*--------------
   Scale Down
---------------*/
/* Initial */
.ui.scale.down.sidebar {
  transition: transform 500ms ease;
  z-index: 102; }

/* Sidebar - Initial  */
.ui.left.scale.down.sidebar {
  transform: translate3d(-100%, 0, 0); }

.ui.right.scale.down.sidebar {
  transform: translate3d(100%, 0, 0); }

.ui.top.scale.down.sidebar {
  transform: translate3d(0%, -100%, 0); }

.ui.bottom.scale.down.sidebar {
  transform: translate3d(0%, 100%, 0); }

/* Pusher - Initial */
.ui.scale.down.left.sidebar ~ .pusher {
  transform-origin: 75% 50%; }

.ui.scale.down.right.sidebar ~ .pusher {
  transform-origin: 25% 50%; }

.ui.scale.down.top.sidebar ~ .pusher {
  transform-origin: 50% 75%; }

.ui.scale.down.bottom.sidebar ~ .pusher {
  transform-origin: 50% 25%; }

/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
  transition: transform 500ms ease; }

.ui.visible.scale.down.sidebar ~ .pusher,
.ui.animating.scale.down.sidebar ~ .pusher {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: hidden !important; }

/* End */
.ui.visible.scale.down.sidebar {
  transform: translate3d(0, 0, 0); }

.ui.visible.scale.down.sidebar ~ .pusher {
  transform: scale(0.75); }

/*******************************
         Site Overrides
*******************************/
/* Sidebar with Icons */
@media (min-width: 768px) {
  .ui.left.sidebar ~ .pusher {
    margin-left: 6.5rem;
    transition: margin-left .500ms !important; }
  .ui.visible.left.sidebar ~ .pusher {
    transform: translate(0) !important;
    margin-left: 15rem !important; }
  .ui.visible.left.sidebar ~ .pusher .ui.menu.top.fixed.icon.borderless.grid {
    margin-left: 0;
    padding-left: 0; }
  .ui.vertical.menu.sidebar .item, .ui.vertical.menu.sidebar .item {
    display: flex;
    overflow: hidden;
    grid-gap: 1rem;
    color: transparent; }
  .ui.vertical.menu.sidebar:not(.visible) .item {
    color: transparent; }
  .ui.vertical.menu.sidebar.visible .item, .ui.vertical.menu.sidebar.visible .item {
    display: block;
    color: #000; }
  .pushable .ui.vertical.menu .item > i.icon, .pushable .ui.vertical.menu .item > i.icons {
    float: none;
    margin: 0;
    font-size: 1.5rem;
    margin-left: 1rem;
    color: #000;
    text-align: center;
    min-width: 2rem;
    margin: auto 2rem auto 1rem; }
  .ui.vertical.menu.sidebar.visible .item > i.icon, .ui.vertical.menu.sidebar.visible .item > i.icon {
    float: right;
    margin: 0 0 0 1rem;
    font-size: inherit; }
  .ui.sidebar.vertical.left.menu {
    visibility: visible;
    width: 6.5rem;
    transform: translate3d(0px, 0px, 0px);
    overflow: visible !important; }
  .ui.sidebar.vertical.left.menu.visible {
    z-index: 10; }
  .ui.sidebar.vertical.left.menu a.toggle.button.desktop-only {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    border: 1px solid #000;
    border-radius: 1rem;
    padding: 0;
    text-align: center;
    position: absolute;
    z-index: 10;
    right: -0.75rem;
    top: 2rem;
    background: #fff;
    transition: .5s; }
  .ui.sidebar.vertical.left.menu a.toggle.button.desktop-only .icon {
    width: 6px;
    margin: auto; }
  .ui.sidebar.vertical.left.menu.visible a.toggle.button.desktop-only {
    top: 6.5rem;
    transform: rotate(180deg); } }

/*!
 * # Semantic UI - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Page
*******************************/
html,
body {
  height: 100%; }

html {
  font-size: 14px; }

body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  min-width: 320px;
  background: #F5F5F7;
  font-family: "icons", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  color: #212128;
  font-smoothing: antialiased; }

/*******************************
             Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  font-family: "icons", Arial, sans-serif;
  line-height: 1.28571429em;
  margin: calc(2rem - 0.142857145em) 0em 1rem;
  font-weight: bold;
  padding: 0em; }

h1 {
  min-height: 1rem;
  font-size: 1.1428571429rem; }

h2 {
  font-size: 1.71428571rem; }

h3 {
  font-size: 1.28571429rem; }

h4 {
  font-size: 1.07142857rem; }

h5 {
  font-size: 1rem; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em; }

/*******************************
             Text
*******************************/
p {
  margin: 0em 0em 1em;
  line-height: 1.4285em; }

p:first-child {
  margin-top: 0em; }

p:last-child {
  margin-bottom: 0em; }

/*-------------------
        Links
--------------------*/
a {
  color: #3E4297;
  text-decoration: none; }

a:hover {
  color: #1a1e6e;
  text-decoration: none; }

/*******************************
         Scrollbars
*******************************/
/*******************************
          Highlighting
*******************************/
/* Site */
::-webkit-selection {
  background-color: #CCE2FF;
  color: #212128; }

::-moz-selection {
  background-color: #CCE2FF;
  color: #212128; }

::selection {
  background-color: #CCE2FF;
  color: #212128; }

/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #212128; }

textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #212128; }

textarea::-moz-selection, input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #212128; }

textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #212128; }

/* Force Simple Scrollbars */
body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px; }

body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px; }

body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease; }

body ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15); }

body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8); }

/* Inverted UI */
body .ui.inverted::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1); }

body .ui.inverted::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25); }

body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15); }

body .ui.inverted::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35); }

/*******************************
         Site Overrides
*******************************/
body {
  padding-top: 1px; }

body {
  padding-top: 1px; }

.hidden {
  display: none; }

.force-hidden {
  display: none !important; }

.flex {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 1rem; }

.flex-column {
  padding: 0 1rem; }

.flex-end {
  justify-content: flex-end; }

.scrollable-hor {
  overflow: auto; }

.ui.main.segment {
  margin-top: 2rem;
  background: #F5F5F7;
  border: 0px solid black;
  box-shadow: none !important;
  padding-top: 65px; }

@media (max-width: 768px) {
  .ui.main.segment {
    padding-top: 2.5rem; } }

div.pusher {
  background: inherit !important; }

.header.darkgray {
  background: #00b6db !important;
  color: white !important; }

body.pushable {
  background: #00000010 !important; }

@media (min-width: 768px) {
  .mobile-only {
    display: none !important; } }

@media (max-width: 989px) {
  .desktop-only {
    display: none !important; }
  .mobile-unfloat {
    float: none !important;
    margin-bottom: 10px; } }

/* auth pages */
.ui.modal.auth-pages {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24), 0 2px 7px 2px rgba(0, 0, 0, 0.04) !important;
  border-radius: 6px !important;
  width: 100%;
  max-width: 500px; }
  @media only screen and (max-width: 767px) {
    .ui.modal.auth-pages {
      max-width: 90%; } }
.content.auth-pages {
  padding: 40px !important;
  border-radius: 6px !important; }

.header.auth-pages {
  margin: auto !important;
  margin-bottom: 32px !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-weight: 600;
  font-size: 28px !important; }

.ui.form .field.auth-pages {
  margin-bottom: 24px !important; }
  @media only screen and (max-width: 767px) {
    .ui.form .field.auth-pages {
      font-size: 16px !important; } }
  .ui.form .field.auth-pages > input:-webkit-autofill,
  .ui.form .field.auth-pages > input:-webkit-autofill:hover,
  .ui.form .field.auth-pages > input:-webkit-autofill:focus,
  .ui.form .field.auth-pages > input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    border-color: #666 !important; }

.ui.form .field.auth-pages .clean-autofill-styles > input:-webkit-autofill,
.ui.form .field.auth-pages .clean-autofill-styles > input:-webkit-autofill:hover,
.ui.form .field.auth-pages .clean-autofill-styles > input:-webkit-autofill:focus,
.ui.form .field.auth-pages .clean-autofill-styles > input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  border-color: #666 !important; }

.ui.form .field.auth-pages > input[type=checkbox] {
  transform: scale(1.33);
  margin-left: 4px;
  margin-right: 4px;
  margin-top: -1px; }

.ui.form .field.auth-pages > label {
  margin: 0 !important;
  margin-bottom: 8px !important;
  font-weight: 400 !important;
  font-size: 15px !important; }
  @media only screen and (max-width: 767px) {
    .ui.form .field.auth-pages > label {
      font-size: 16px !important;
      margin-bottom: 12px !important; } }
.ui.form .field.auth-pages.inline {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .ui.form .field.auth-pages.inline > label {
    margin: 0 !important;
    margin-left: 8px !important;
    font-weight: 400 !important;
    color: #666; }
    @media only screen and (max-width: 767px) {
      .ui.form .field.auth-pages.inline > label {
        font-size: 16px !important; } }
.auth-pages.separator-container {
  height: 16px;
  width: 100%;
  margin: 24px 0 16px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .auth-pages.separator-container {
      margin: 24px 0 !important; } }
.auth-pages.separator-hr {
  height: 1px;
  background: #222426;
  opacity: 0.1;
  flex-basis: 45%;
  border: none;
  margin: 0 !important; }

.auth-pages.separator-text {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #666; }
  @media only screen and (max-width: 767px) {
    .auth-pages.separator-text {
      font-size: 16px !important; } }
.ui.secondary.fluid.button.big.auth-pages {
  color: #FFF;
  background: #3E4297; }
  .ui.secondary.fluid.button.big.auth-pages:hover {
    background: #373A7B; }

.ui.big.fluid.button.auth-pages {
  background: #FFFFFF;
  border: 1px solid #E7E8FC;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 12px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-top: 24px; }
  .ui.big.fluid.button.auth-pages > img {
    margin-right: 8px; }
  @media only screen and (max-width: 767px) {
    .ui.big.fluid.button.auth-pages {
      font-size: 16px !important; } }
.row-field-container.auth-pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  margin: 0 !important;
  margin-bottom: 8px !important;
  font-weight: 400 !important; }
  @media only screen and (max-width: 767px) {
    .row-field-container.auth-pages {
      font-size: 16px !important;
      margin-bottom: 12px !important; } }
.auth-pages.link {
  font-size: 13px;
  font-weight: 400; }
  @media only screen and (max-width: 767px) {
    .auth-pages.link {
      font-size: 15px !important; } }
.ui.negative.message.auth-pages {
  box-shadow: none;
  border: 1px solid #9f3a38;
  padding: 0.75em 1.5em; }
  .ui.negative.message.auth-pages .header {
    color: #9f3a38 !important;
    font-size: 13px !important; }
  .ui.negative.message.auth-pages .close.icon {
    top: 0.667em !important; }

.auth-pages.regular-text {
  display: block;
  font-size: 14px;
  color: #7C7C7C; }

.ui.list.auth-pages {
  position: absolute;
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center; }
  .ui.list.auth-pages > .item {
    padding: 0; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.mb-16 {
  margin-bottom: 16px !important; }

.mb-24 {
  margin-bottom: 24px !important; }

.mt-16 {
  margin-top: 16px; }

.item.content-link {
  display: block;
  width: 100%;
  margin-top: 28px; }
  @media only screen and (max-width: 767px) {
    .item.content-link {
      margin-top: 24px;
      margin-bottom: 16px; } }
.heading.auth-pages {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  z-index: 10000;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 80px;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .heading.auth-pages {
      padding: 20px 34px; } }
  @media only screen and (max-width: 376px) {
    .heading.auth-pages {
      display: none; } }
  .heading.auth-pages img {
    height: 48px;
    width: auto; }
    @media only screen and (max-width: 767px) {
      .heading.auth-pages img {
        height: 32px; } }
  .heading.auth-pages > .sign-up-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px; }
    .heading.auth-pages > .sign-up-container > .text {
      color: #666; }
      @media only screen and (max-width: 767px) {
        .heading.auth-pages > .sign-up-container > .text {
          display: none; } }
    .heading.auth-pages > .sign-up-container > .button-link {
      display: block;
      padding: 8px 12px;
      background: #B7CBFA;
      color: #212428;
      border-radius: 4px; }

/* text avatar */
.text-avatar.circle.primary {
  background: #3E4297;
  color: #EFEFEF;
  border-radius: 100px;
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center; }

@media (max-width: 768px) {
  .text-avatar.circle.primary {
    width: 2rem;
    height: 2rem; } }

/* Notifications */
.modals.dimmer .ui.notification.modal {
  margin: 0 !important; }

.ui.notification.modal, .ui.notification.scrolling.modal {
  position: absolute;
  left: auto !important;
  right: 0;
  min-height: 100%; }

.ui.notification.modal .flex {
  display: flex; }

.ui.notification.modal > .flex {
  min-height: 100vh; }

.ui.notification.modal .flex > div {
  flex-grow: 1; }

.notes-section .ui.compact.table td .avatar {
  min-width: 0; }

.notes-section .ui.compact.table td img.circular.bordered.tiny.ui.image {
  height: 100%;
  width: 100%; }

/* Filters */
.filter-wrapper {
  display: none;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  padding-bottom: 1rem;
  position: relative; }

.filter-wrapper .row.column:not(:last-child) {
  margin-bottom: -1em; }

.search-wrapper .dataTables_filter input, .search-wrapper .dataTables_filter .input {
  width: 100%; }

.search-wrapper .dataTables_filter input::-moz-placeholder {
  color: #000; }

.search-wrapper .dataTables_filter input::placeholder {
  color: #000; }

.filter-wrapper .date-filter label {
  float: left;
  line-height: 2.75rem; }

.filter-wrapper .date-filter .ui.input {
  display: inline; }

@media (max-width: 768px) {
  .ui.grid > .row > .column.mobile-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 1rem;
    flex-wrap: wrap; }
  .mobile-flex .tab-select.dropdown {
    flex-grow: 1; }
  .mobile-wide, .mobile-wide.button, .mobile-wide.buttons {
    width: 100%; }
  .mobile-wide.buttons .button {
    text-align: center; }
  .filter-wrapper .filter .ui.stackable.grid > .column.row {
    padding: 0 !important; }
  .filter-wrapper .filter .ui.stackable.grid > .column.row .field {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important; }
  .filter-wrapper .filter .ui.stackable.grid > .column.row:last-child .field:last-child {
    padding-bottom: 1rem !important; }
  .filter-wrapper .date-filter label {
    float: none; } }

.actions-wrapper.mobile-wide {
  position: relative;
  z-index: 12; }

/* Tabs */
.ui.selection.dropdown.tab-select {
  background: transparent;
  padding: 0.6em 2.1em 0.6em 1em;
  min-height: 2em;
  border-color: #3E4297; }

.ui.selection.dropdown.tab-select > .dropdown.icon {
  padding: .7em; }

/* Fix tabs issues globally */
.segment.tab .attached.tab {
  background: #fff;
  position: relative;
  padding: 1rem;
  border: 1px solid #bbbbc9; }

.ui.parents.search.category .input {
  width: 100%; }

.ui.parents.search.category {
  margin-bottom: 1rem; }

/* Tables */
.scrollable-x {
  overflow-x: auto; }

@media (max-width: 768px) {
  .mobile-bottom-margin {
    margin-bottom: 20px; }
  .mobile-bottom-margin-small {
    margin-bottom: 10px !important; }
  .ui.horizontal.segments.stackable {
    flex-direction: column; }
  #multi_choice_form .ui.vertical.divider {
    display: none; }
  div#multi_choice_manager {
    min-height: 300px; } }

@media (max-width: 767px) {
  .ui.table:not(.unstackable) tbody.students_tbody tr, .ui.table:not(.unstackable) tbody.archived_students_tbody tr {
    display: grid !important; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td, .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td {
    margin: 0;
    padding: 0 !important;
    width: unset !important;
    max-width: unset !important;
    white-space: unset; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:first-child, .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:first-child {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 5;
    padding: 1rem !important; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(2), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-right: 1rem !important; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(2)::before, .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(2)::before {
    content: 'ID: '; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(3), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    padding-right: 1rem !important; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(4), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    font-weight: bold;
    padding-right: .5rem !important; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(5), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(5) {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    font-weight: bold; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(6), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(6) {
    padding-top: 1rem !important;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(7), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(7) {
    padding-top: 1rem !important;
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    max-width: 9rem !important;
    white-space: nowrap; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(7) small, .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(7) small {
    font-size: 14px; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(8), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(8) {
    display: none !important; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(9), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(9) {
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 4;
    grid-row-end: 5; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(10), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(10) {
    display: none !important; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td:nth-child(11), .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td:nth-child(11) {
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 5;
    grid-row-end: 5;
    text-align: left;
    padding-top: 1rem !important; }
  .mobile-wide .ui.dropdown > .dropdown.icon {
    width: auto;
    float: right; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td .ui.mini.animated.list, .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td .ui.mini.animated.list {
    display: flex;
    margin-top: 1em;
    grid-gap: 1rem;
    align-items: flex-start; }
  .ui.table:not(.unstackable) tbody.students_tbody tr > td .ui.mini.animated.list a, .ui.table:not(.unstackable) tbody.archived_students_tbody tr > td .ui.mini.animated.list a {
    padding: 0; } }

@media (min-width: 768px) {
  .table-wrapper .compact tr.sticky {
    top: 0 !important; } }

/* Bulk Actions */
.actions-wrapper {
  display: none; }

/* Edit Fields */
.ui.compact.table td.field-action-wrapper {
  position: relative;
  padding: 0;
  height: 1px; }

.field-action-wrapper .field-wrapper {
  height: 100%;
  width: 100%; }

.field-action-wrapper .field-wrapper .ui.small.input {
  display: block;
  width: 100%; }

.field-action-wrapper .field-wrapper .ui.small.input input {
  box-sizing: border-box;
  border-radius: 0;
  border: none;
  width: 100%; }

.field-action-wrapper .action-wrapper {
  position: absolute;
  top: 50%;
  margin-top: -0.75rem;
  right: 0.25rem; }

.field-wrapper form {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.field-wrapper .ui.icon.dropdown {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.5rem;
  border: none; }

.field-wrapper .ui.icon.dropdown .ui.Large.label {
  background: transparent; }

/* Grade book */
div#test_mark_list {
  overflow: auto; }

@media (max-width: 768px) {
  .test_marks_tbody td {
    margin: 0; }
  .ui.compact.table .test_marks_tbody td.field-action-wrapper {
    height: auto;
    margin-top: 10px; }
  .ui.compact.table .test_marks_tbody .field-action-wrapper .field-wrapper {
    border: 1px solid; }
  .ui.compact.table .test_marks_tbody label.mobile-only {
    font-weight: 500; }
  .field-action-wrapper .action-wrapper {
    right: 0.5rem;
    top: 3rem; }
  .ui.compact.table td .action-wrapper a {
    display: block;
    font-size: 2rem; } }

/* Attendance */
.tab[data-tab="attendance_management"] .title {
  padding: 0;
  margin-bottom: -1rem; }

#student_attendance_list td.field-wrapper {
  height: 1px;
  padding: 0 !important; }

#student_attendance_list td.field-wrapper form {
  height: 100%; }

#student_attendance_list td.field-wrapper form .ui.icon.dropdown {
  height: 100%; }

#student_attendance_list td.field-wrapper i.arrow.down.icon {
  float: right;
  margin-top: 9px;
  margin-right: 10px; }

#student_attendance_list td.field-wrapper .dropdown .ui.Large.label {
  padding: 0;
  background: transparent; }

#student_attendance_list td.field-wrapper .dropdown .text {
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding-left: 10px; }

/* Parents */
#batch_parent_actions_form {
  float: right;
  margin-left: 6px; }

#batch_parent_actions_form .ui.dropdown {
  border: none;
  box-shadow: 0px 0px 0px 1px #3e4297 inset !important; }

th .ui.mini.dropdown.icon.all_day_status {
  border: none;
  margin: 0; }

th a.ui.compact.mini.primary.button {
  opacity: 1; }

#student_attendance_list div.dataTables_wrapper div.dataTables_filter span.input {
  margin: 1rem 0;
  width: 100%; }

/* Tabs */
@media (max-width: 768px) {
  .ui.secondary.pointing.menu {
    overflow-x: auto;
    padding-bottom: 4px; }
  .ui.table:not(.unstackable) .teachers_tbody tr > td {
    margin: 0;
    break-word: break-all; } }

.ui.buttons.hidden {
  display: none; }

.float-right {
  float: right; }

/*!
 * # Semantic UI - Statistic
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
           Statistic
*******************************/
/*-------------------
         View
--------------------*/
/* Group */
/* Group Element */
/*-------------------
       Content
--------------------*/
/* Value */
/* Label */
/* Text */
/* Label Image */
/*-------------------
      Types
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Floated */
/* Inverted */
/* Item Width */
/* Size */
/*******************************
           Statistic
*******************************/
/* Standalone */
.ui.statistic {
  display: inline-flex;
  flex-direction: column;
  margin: 1em 0em;
  max-width: auto; }

.ui.statistic + .ui.statistic {
  margin: 0em 0em 0em 1.5em; }

.ui.statistic:first-child {
  margin-top: 0em; }

.ui.statistic:last-child {
  margin-bottom: 0em; }

/*******************************
            Group
*******************************/
/* Grouped */
.ui.statistics {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.ui.statistics > .statistic {
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  margin: 0em 1.5em 2em;
  max-width: auto; }

.ui.statistics {
  display: flex;
  margin: -2.5em; }

/* Clearing */
.ui.statistics:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.ui.statistics:first-child {
  margin-top: 0em; }

.ui.statistics:last-child {
  margin-bottom: 0em; }

/*******************************
            Content
*******************************/
/*--------------
      Value
---------------*/
.ui.statistics .statistic > .value,
.ui.statistic > .value {
  font-family: "icons", Arial, sans-serif;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1em;
  color: #212128;
  text-transform: uppercase;
  text-align: center; }

/*--------------
     Label
---------------*/
.ui.statistics .statistic > .label,
.ui.statistic > .label {
  font-family: "icons", Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #212128;
  text-transform: uppercase;
  text-align: center; }

/* Top Label */
.ui.statistics .statistic > .label ~ .value,
.ui.statistic > .label ~ .value {
  margin-top: 0rem; }

/* Bottom Label */
.ui.statistics .statistic > .value ~ .label,
.ui.statistic > .value ~ .label {
  margin-top: 0rem; }

/*******************************
             Types
*******************************/
/*--------------
   Icon Value
---------------*/
.ui.statistics .statistic > .value .icon,
.ui.statistic > .value .icon {
  opacity: 1;
  width: auto;
  margin: 0em; }

/*--------------
   Text Value
---------------*/
.ui.statistics .statistic > .text.value,
.ui.statistic > .text.value {
  line-height: 1em;
  min-height: 2em;
  font-weight: bold;
  text-align: center; }

.ui.statistics .statistic > .text.value + .label,
.ui.statistic > .text.value + .label {
  text-align: center; }

/*--------------
   Image Value
---------------*/
.ui.statistics .statistic > .value img,
.ui.statistic > .value img {
  max-height: 3rem;
  vertical-align: baseline; }

/*******************************
            Variations
*******************************/
/*--------------
      Count
---------------*/
.ui.ten.statistics {
  margin: 0em -2em; }

.ui.ten.statistics .statistic {
  min-width: 10%;
  margin: 0em 0em 2em; }

.ui.nine.statistics {
  margin: 0em -2em; }

.ui.nine.statistics .statistic {
  min-width: 11.1111111111%;
  margin: 0em 0em 2em; }

.ui.eight.statistics {
  margin: 0em -2em; }

.ui.eight.statistics .statistic {
  min-width: 12.5%;
  margin: 0em 0em 2em; }

.ui.seven.statistics {
  margin: 0em -2em; }

.ui.seven.statistics .statistic {
  min-width: 14.2857142857%;
  margin: 0em 0em 2em; }

.ui.six.statistics {
  margin: 0em -2em; }

.ui.six.statistics .statistic {
  min-width: 16.6666666667%;
  margin: 0em 0em 2em; }

.ui.five.statistics {
  margin: 0em -2em; }

.ui.five.statistics .statistic {
  min-width: 20%;
  margin: 0em 0em 2em; }

.ui.four.statistics {
  margin: 0em -2em; }

.ui.four.statistics .statistic {
  min-width: 25%;
  margin: 0em 0em 2em; }

.ui.three.statistics {
  margin: 0em -2em; }

.ui.three.statistics .statistic {
  min-width: 33.3333333333%;
  margin: 0em 0em 2em; }

.ui.two.statistics {
  margin: 0em -2em; }

.ui.two.statistics .statistic {
  min-width: 50%;
  margin: 0em 0em 2em; }

.ui.one.statistics {
  margin: 0em -2em; }

.ui.one.statistics .statistic {
  min-width: 100%;
  margin: 0em 0em 2em; }

/*--------------
   Horizontal
---------------*/
.ui.horizontal.statistic {
  flex-direction: row;
  align-items: center; }

.ui.horizontal.statistics {
  flex-direction: column;
  margin: 0em;
  max-width: none; }

.ui.horizontal.statistics .statistic {
  flex-direction: row;
  align-items: center;
  max-width: none;
  margin: 1em 0em; }

.ui.horizontal.statistic > .text.value,
.ui.horizontal.statistics > .statistic > .text.value {
  min-height: 0em !important; }

.ui.horizontal.statistics .statistic > .value .icon,
.ui.horizontal.statistic > .value .icon {
  width: 1.18em; }

.ui.horizontal.statistics .statistic > .value,
.ui.horizontal.statistic > .value {
  display: inline-block;
  vertical-align: middle; }

.ui.horizontal.statistics .statistic > .label,
.ui.horizontal.statistic > .label {
  display: inline-block;
  vertical-align: middle;
  margin: 0em 0em 0em 0.75em; }

/*--------------
     Colors
---------------*/
.ui.red.statistics .statistic > .value,
.ui.statistics .red.statistic > .value,
.ui.red.statistic > .value {
  color: #D14F4F; }

.ui.orange.statistics .statistic > .value,
.ui.statistics .orange.statistic > .value,
.ui.orange.statistic > .value {
  color: #F2711C; }

.ui.yellow.statistics .statistic > .value,
.ui.statistics .yellow.statistic > .value,
.ui.yellow.statistic > .value {
  color: #F7B21A; }

.ui.olive.statistics .statistic > .value,
.ui.statistics .olive.statistic > .value,
.ui.olive.statistic > .value {
  color: #B5CC18; }

.ui.green.statistics .statistic > .value,
.ui.statistics .green.statistic > .value,
.ui.green.statistic > .value {
  color: #47973E; }

.ui.teal.statistics .statistic > .value,
.ui.statistics .teal.statistic > .value,
.ui.teal.statistic > .value {
  color: #00B5AD; }

.ui.blue.statistics .statistic > .value,
.ui.statistics .blue.statistic > .value,
.ui.blue.statistic > .value {
  color: #3E4297; }

.ui.violet.statistics .statistic > .value,
.ui.statistics .violet.statistic > .value,
.ui.violet.statistic > .value {
  color: #6435C9; }

.ui.purple.statistics .statistic > .value,
.ui.statistics .purple.statistic > .value,
.ui.purple.statistic > .value {
  color: #A333C8; }

.ui.pink.statistics .statistic > .value,
.ui.statistics .pink.statistic > .value,
.ui.pink.statistic > .value {
  color: #E03997; }

.ui.brown.statistics .statistic > .value,
.ui.statistics .brown.statistic > .value,
.ui.brown.statistic > .value {
  color: #A5673F; }

.ui.grey.statistics .statistic > .value,
.ui.statistics .grey.statistic > .value,
.ui.grey.statistic > .value {
  color: #80808C; }

/*--------------
    Inverted
---------------*/
.ui.inverted.statistics .statistic > .value,
.ui.inverted.statistic .value {
  color: #FFFFFF; }

.ui.inverted.statistics .statistic > .label,
.ui.inverted.statistic .label {
  color: rgba(255, 255, 255, 0.9); }

.ui.inverted.red.statistics .statistic > .value,
.ui.statistics .inverted.red.statistic > .value,
.ui.inverted.red.statistic > .value {
  color: #FF695E; }

.ui.inverted.orange.statistics .statistic > .value,
.ui.statistics .inverted.orange.statistic > .value,
.ui.inverted.orange.statistic > .value {
  color: #FF851B; }

.ui.inverted.yellow.statistics .statistic > .value,
.ui.statistics .inverted.yellow.statistic > .value,
.ui.inverted.yellow.statistic > .value {
  color: #FFE21F; }

.ui.inverted.olive.statistics .statistic > .value,
.ui.statistics .inverted.olive.statistic > .value,
.ui.inverted.olive.statistic > .value {
  color: #D9E778; }

.ui.inverted.green.statistics .statistic > .value,
.ui.statistics .inverted.green.statistic > .value,
.ui.inverted.green.statistic > .value {
  color: #2ECC40; }

.ui.inverted.teal.statistics .statistic > .value,
.ui.statistics .inverted.teal.statistic > .value,
.ui.inverted.teal.statistic > .value {
  color: #6DFFFF; }

.ui.inverted.blue.statistics .statistic > .value,
.ui.statistics .inverted.blue.statistic > .value,
.ui.inverted.blue.statistic > .value {
  color: #54C8FF; }

.ui.inverted.violet.statistics .statistic > .value,
.ui.statistics .inverted.violet.statistic > .value,
.ui.inverted.violet.statistic > .value {
  color: #A291FB; }

.ui.inverted.purple.statistics .statistic > .value,
.ui.statistics .inverted.purple.statistic > .value,
.ui.inverted.purple.statistic > .value {
  color: #DC73FF; }

.ui.inverted.pink.statistics .statistic > .value,
.ui.statistics .inverted.pink.statistic > .value,
.ui.inverted.pink.statistic > .value {
  color: #FF8EDF; }

.ui.inverted.brown.statistics .statistic > .value,
.ui.statistics .inverted.brown.statistic > .value,
.ui.inverted.brown.statistic > .value {
  color: #D67C1C; }

.ui.inverted.grey.statistics .statistic > .value,
.ui.statistics .inverted.grey.statistic > .value,
.ui.inverted.grey.statistic > .value {
  color: #DDDDE4; }

/*--------------
    Floated
---------------*/
.ui.statistic[class*="left floated"] {
  float: left;
  margin: 0em 2em 1em 0em; }

.ui.statistic[class*="right floated"] {
  float: right;
  margin: 0em 0em 1em 2em; }

.ui.floated.statistic:last-child {
  margin-bottom: 0em; }

/*--------------
     Sizes
---------------*/
/* Mini */
.ui.mini.statistics .statistic > .value,
.ui.mini.statistic > .value {
  font-size: 1.5rem !important; }

.ui.mini.horizontal.statistics .statistic > .value,
.ui.mini.horizontal.statistic > .value {
  font-size: 1.5rem !important; }

.ui.mini.statistics .statistic > .text.value,
.ui.mini.statistic > .text.value {
  font-size: 1rem !important; }

/* Tiny */
.ui.tiny.statistics .statistic > .value,
.ui.tiny.statistic > .value {
  font-size: 2rem !important; }

.ui.tiny.horizontal.statistics .statistic > .value,
.ui.tiny.horizontal.statistic > .value {
  font-size: 2rem !important; }

.ui.tiny.statistics .statistic > .text.value,
.ui.tiny.statistic > .text.value {
  font-size: 1rem !important; }

/* Small */
.ui.small.statistics .statistic > .value,
.ui.small.statistic > .value {
  font-size: 3rem !important; }

.ui.small.horizontal.statistics .statistic > .value,
.ui.small.horizontal.statistic > .value {
  font-size: 2rem !important; }

.ui.small.statistics .statistic > .text.value,
.ui.small.statistic > .text.value {
  font-size: 1rem !important; }

/* Medium */
.ui.statistics .statistic > .value,
.ui.statistic > .value {
  font-size: 4rem !important; }

.ui.horizontal.statistics .statistic > .value,
.ui.horizontal.statistic > .value {
  font-size: 3rem !important; }

.ui.statistics .statistic > .text.value,
.ui.statistic > .text.value {
  font-size: 2rem !important; }

/* Large */
.ui.large.statistics .statistic > .value,
.ui.large.statistic > .value {
  font-size: 5rem !important; }

.ui.large.horizontal.statistics .statistic > .value,
.ui.large.horizontal.statistic > .value {
  font-size: 4rem !important; }

.ui.large.statistics .statistic > .text.value,
.ui.large.statistic > .text.value {
  font-size: 2.5rem !important; }

/* Huge */
.ui.huge.statistics .statistic > .value,
.ui.huge.statistic > .value {
  font-size: 6rem !important; }

.ui.huge.horizontal.statistics .statistic > .value,
.ui.huge.horizontal.statistic > .value {
  font-size: 5rem !important; }

.ui.huge.statistics .statistic > .text.value,
.ui.huge.statistic > .text.value {
  font-size: 2.5rem !important; }

/*******************************
    User Variable Overrides
*******************************/
.main .ui.statistics.three {
  margin: 1em 0 2em;
  grid-gap: 2em;
  align-items: stretch; }
  @media (max-width: 989px) {
    .main .ui.statistics.three {
      grid-gap: 1em; } }
.main .ui.statistics:after {
  display: none; }

.main .ui.statistics.three > .statistic.card {
  flex-grow: 1;
  margin: 0;
  width: calc(33% - 2em) !important;
  padding: 0 1em 0.5em;
  min-width: 0;
  justify-content: center; }
  @media (max-width: 989px) {
    .main .ui.statistics.three > .statistic.card {
      width: calc(33% - 1em); } }
@media (max-width: 989px) {
  .main .ui.statistics .statistic.card > .value, .main .ui.statistic.card > .value {
    font-size: 3em !important; }
  .main .ui.statistics .statistic.card > .value ~ .label, .main .ui.statistic.card > .value ~ .label {
    font-size: .75em;
    line-height: 1.2;
    margin-top: .5em; } }

/*!
 * # Semantic UI - Step
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Step
*******************************/
/*-------------------
       Group
--------------------*/
/*-------------------
      Element
--------------------*/
/* Icon */
/* Title */
/* Description */
/* Arrow */
/* Mobile */
/*-------------------
       Types
--------------------*/
/* Vertical */
/*-------------------
      Variations
--------------------*/
/*-------------------
       States
--------------------*/
/* Completed */
/* Hover */
/* Down */
/* Active */
/* Active + Hover */
/* Disabled */
/*******************************
             Step
*******************************/
/*******************************
            Plural
*******************************/
.ui.steps {
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  margin: 1em 0em;
  background: "";
  box-shadow: none;
  line-height: 1.14285714em;
  border-radius: 0.3571428571rem;
  border: 1px solid rgba(34, 36, 38, 0.15); }

/* First Steps */
.ui.steps:first-child {
  margin-top: 0em; }

/* Last Steps */
.ui.steps:last-child {
  margin-bottom: 0em; }

/*******************************
           Singular
*******************************/
.ui.steps .step {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
  flex-direction: row;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin: 0em 0em;
  padding: 1.14285714em 2em;
  background: #FFFFFF;
  color: #212128;
  box-shadow: none;
  border-radius: 0em;
  border: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; }

/* Arrow */
.ui.steps .step:after {
  display: none;
  position: absolute;
  z-index: 2;
  content: '';
  top: 50%;
  right: 0%;
  border: medium none;
  background-color: #FFFFFF;
  width: 1.14285714em;
  height: 1.14285714em;
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0px 1px 1px 0px;
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transform: translateY(-50%) translateX(50%) rotate(-45deg); }

/* First Step */
.ui.steps .step:first-child {
  padding-left: 2em;
  border-radius: 0.3571428571rem 0em 0em 0.3571428571rem; }

/* Last Step */
.ui.steps .step:last-child {
  border-radius: 0em 0.3571428571rem 0.3571428571rem 0em; }

.ui.steps .step:last-child {
  border-right: none;
  margin-right: 0em; }

/* Only Step */
.ui.steps .step:only-child {
  border-radius: 0.3571428571rem; }

/*******************************
            Content
*******************************/
/* Title */
.ui.steps .step .title {
  font-family: "icons", Arial, sans-serif;
  font-size: 1.14285714em;
  font-weight: bold; }

.ui.steps .step > .title {
  width: 100%; }

/* Description */
.ui.steps .step .description {
  font-weight: normal;
  font-size: 0.92857143em;
  color: #212128; }

.ui.steps .step > .description {
  width: 100%; }

.ui.steps .step .title ~ .description {
  margin-top: 0.25em; }

/* Icon */
.ui.steps .step > .icon {
  line-height: 1;
  font-size: 2.5em;
  margin: 0em 1rem 0em 0em; }

.ui.steps .step > .icon,
.ui.steps .step > .icon ~ .content {
  display: block;
  flex: 0 1 auto;
  align-self: middle; }

.ui.steps .step > .icon ~ .content {
  flex-grow: 1 0 auto; }

/* Horizontal Icon */
.ui.steps:not(.vertical) .step > .icon {
  width: auto; }

/* Link */
.ui.steps .link.step,
.ui.steps a.step {
  cursor: pointer; }

/*******************************
            Types
*******************************/
/*--------------
     Ordered
---------------*/
.ui.ordered.steps {
  counter-reset: ordered; }

.ui.ordered.steps .step:before {
  display: block;
  position: static;
  text-align: center;
  content: counters(ordered, ".");
  align-self: middle;
  margin-right: 1rem;
  font-size: 2.5em;
  counter-increment: ordered;
  font-family: inherit;
  font-weight: bold; }

.ui.ordered.steps .step > * {
  display: block;
  align-self: middle; }

/*--------------
    Vertical
---------------*/
.ui.vertical.steps {
  display: inline-flex;
  flex-direction: column;
  overflow: visible; }

.ui.vertical.steps .step {
  justify-content: flex-start;
  border-radius: 0em;
  padding: 1.14285714em 2em;
  border-right: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15); }

.ui.vertical.steps .step:first-child {
  padding: 1.14285714em 2em;
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

.ui.vertical.steps .step:last-child {
  border-bottom: none;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

.ui.vertical.steps .step:only-child {
  border-radius: 0.3571428571rem; }

/* Arrow */
.ui.vertical.steps .step:after {
  display: none; }

.ui.vertical.steps .step:after {
  top: 50%;
  right: 0%;
  border-width: 0px 1px 1px 0px; }

.ui.vertical.steps .step:after {
  display: none; }

.ui.vertical.steps .active.step:after {
  display: block; }

.ui.vertical.steps .step:last-child:after {
  display: none; }

.ui.vertical.steps .active.step:last-child:after {
  display: block; }

/*---------------
    Responsive
----------------*/
/* Mobile (Default) */
@media only screen and (max-width: 767px) {
  .ui.steps:not(.unstackable) {
    display: inline-flex;
    overflow: visible;
    flex-direction: column; }
  .ui.steps:not(.unstackable) .step {
    width: 100% !important;
    flex-direction: column;
    border-radius: 0em;
    padding: 1.14285714em 2em; }
  .ui.steps:not(.unstackable) .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }
  .ui.steps:not(.unstackable) .step:last-child {
    border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }
  /* Arrow */
  .ui.steps:not(.unstackable) .step:after {
    display: none !important; }
  /* Content */
  .ui.steps:not(.unstackable) .step .content {
    text-align: center; }
  /* Icon */
  .ui.steps:not(.unstackable) .step > .icon,
  .ui.ordered.steps:not(.unstackable) .step:before {
    margin: 0em 0em 1rem 0em; } }

/*******************************
             States
*******************************/
/* Link Hover */
.ui.steps .link.step:hover::after,
.ui.steps .link.step:hover,
.ui.steps a.step:hover::after,
.ui.steps a.step:hover {
  background: #F9FAFB;
  color: rgba(0, 0, 0, 0.8); }

/* Link Down */
.ui.steps .link.step:active::after,
.ui.steps .link.step:active,
.ui.steps a.step:active::after,
.ui.steps a.step:active {
  background: #F3F4F5;
  color: rgba(0, 0, 0, 0.9); }

/* Active */
.ui.steps .step.active {
  cursor: auto;
  background: #F3F4F5; }

.ui.steps .step.active:after {
  background: #F3F4F5; }

.ui.steps .step.active .title {
  color: #3E4297; }

.ui.ordered.steps .step.active:before,
.ui.steps .active.step .icon {
  color: rgba(0, 0, 0, 0.85); }

/* Active Arrow */
.ui.steps .step:after {
  display: block; }

.ui.steps .active.step:after {
  display: block; }

.ui.steps .step:last-child:after {
  display: none; }

.ui.steps .active.step:last-child:after {
  display: none; }

/* Active Hover */
.ui.steps .link.active.step:hover::after,
.ui.steps .link.active.step:hover,
.ui.steps a.active.step:hover::after,
.ui.steps a.active.step:hover {
  cursor: pointer;
  background: #DDDDE4;
  color: #212128; }

/* Completed */
.ui.steps .step.completed > .icon:before,
.ui.ordered.steps .step.completed:before {
  color: #47973E; }

/* Disabled */
.ui.steps .disabled.step {
  cursor: auto;
  background: #FFFFFF;
  pointer-events: none; }

.ui.steps .disabled.step,
.ui.steps .disabled.step .title,
.ui.steps .disabled.step .description {
  color: rgba(40, 40, 40, 0.3); }

.ui.steps .disabled.step:after {
  background: #FFFFFF; }

/*******************************
           Variations
*******************************/
/*--------------
   Stackable
---------------*/
/* Tablet Or Below */
@media only screen and (max-width: 991px) {
  .ui.steps[class*="tablet stackable"] {
    display: inline-flex;
    overflow: visible;
    flex-direction: column; }
  /* Steps */
  .ui.steps[class*="tablet stackable"] .step {
    flex-direction: column;
    border-radius: 0em;
    padding: 1.14285714em 2em; }
  .ui.steps[class*="tablet stackable"] .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }
  .ui.steps[class*="tablet stackable"] .step:last-child {
    border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }
  /* Arrow */
  .ui.steps[class*="tablet stackable"] .step:after {
    display: none !important; }
  /* Content */
  .ui.steps[class*="tablet stackable"] .step .content {
    text-align: center; }
  /* Icon */
  .ui.steps[class*="tablet stackable"] .step > .icon,
  .ui.ordered.steps[class*="tablet stackable"] .step:before {
    margin: 0em 0em 1rem 0em; } }

/*--------------
      Fluid
---------------*/
/* Fluid */
.ui.fluid.steps {
  display: flex;
  width: 100%; }

/*--------------
    Attached
---------------*/
/* Top */
.ui.attached.steps {
  width: calc(100% + 2px) !important;
  margin: 0em -1px 0;
  max-width: calc(100% + 2px);
  border-radius: 0.3571428571rem 0.3571428571rem 0em 0em; }

.ui.attached.steps .step:first-child {
  border-radius: 0.3571428571rem 0em 0em 0em; }

.ui.attached.steps .step:last-child {
  border-radius: 0em 0.3571428571rem 0em 0em; }

/* Bottom */
.ui.bottom.attached.steps {
  margin: 0 -1px 0em;
  border-radius: 0em 0em 0.3571428571rem 0.3571428571rem; }

.ui.bottom.attached.steps .step:first-child {
  border-radius: 0em 0em 0em 0.3571428571rem; }

.ui.bottom.attached.steps .step:last-child {
  border-radius: 0em 0em 0.3571428571rem 0em; }

/*-------------------
    Evenly Divided
--------------------*/
.ui.one.steps,
.ui.two.steps,
.ui.three.steps,
.ui.four.steps,
.ui.five.steps,
.ui.six.steps,
.ui.seven.steps,
.ui.eight.steps {
  width: 100%; }

.ui.one.steps > .step,
.ui.two.steps > .step,
.ui.three.steps > .step,
.ui.four.steps > .step,
.ui.five.steps > .step,
.ui.six.steps > .step,
.ui.seven.steps > .step,
.ui.eight.steps > .step {
  flex-wrap: nowrap; }

.ui.one.steps > .step {
  width: 100%; }

.ui.two.steps > .step {
  width: 50%; }

.ui.three.steps > .step {
  width: 33.333%; }

.ui.four.steps > .step {
  width: 25%; }

.ui.five.steps > .step {
  width: 20%; }

.ui.six.steps > .step {
  width: 16.666%; }

.ui.seven.steps > .step {
  width: 14.285%; }

.ui.eight.steps > .step {
  width: 12.500%; }

/*-------------------
       Sizes
--------------------*/
.ui.mini.steps .step,
.ui.mini.step {
  font-size: 0.78571429rem; }

.ui.tiny.steps .step,
.ui.tiny.step {
  font-size: 0.85714286rem; }

.ui.small.steps .step,
.ui.small.step {
  font-size: 0.92857143rem; }

.ui.steps .step,
.ui.step {
  font-size: 1rem; }

.ui.large.steps .step,
.ui.large.step {
  font-size: 1.14285714rem; }

.ui.big.steps .step,
.ui.big.step {
  font-size: 1.28571429rem; }

.ui.huge.steps .step,
.ui.huge.step {
  font-size: 1.42857143rem; }

.ui.massive.steps .step,
.ui.massive.step {
  font-size: 1.71428571rem; }

/*******************************
         Theme Overrides
*******************************/
@font-face {
  font-family: 'Step';
  src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format("woff"); }

.ui.steps .step.completed > .icon:before,
.ui.ordered.steps .step.completed:before {
  font-family: 'Step';
  content: '\e800';
  /* '' */ }

/*!
 * # Semantic UI - Sticky
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
            Sticky
*******************************/
/*******************************
            Sticky
*******************************/
.ui.sticky {
  position: static;
  transition: none;
  z-index: 800; }

/*******************************
            States
*******************************/
/* Bound */
.ui.sticky.bound {
  position: absolute;
  left: auto;
  right: auto; }

/* Fixed */
.ui.sticky.fixed {
  position: fixed;
  left: auto;
  right: auto; }

/* Bound/Fixed Position */
.ui.sticky.bound.top,
.ui.sticky.fixed.top {
  top: 0px;
  bottom: auto; }

.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
  top: auto;
  bottom: 0px; }

/*******************************
            Types
*******************************/
.ui.native.sticky {
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

/*!
 * # Semantic UI - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
              Tab
*******************************/
/* Loading */
/*******************************
           UI Tabs
*******************************/
.ui.tab {
  display: none; }

/*******************************
             States
*******************************/
/*--------------------
       Active
---------------------*/
.ui.tab.active,
.ui.tab.open {
  display: block; }

/*--------------------
       Loading
---------------------*/
.ui.tab.loading {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 250px; }

.ui.tab.loading * {
  position: relative !important;
  left: -10000px !important; }

.ui.tab.loading:before,
.ui.tab.loading.segment:before {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.tab.loading:after,
.ui.tab.loading.segment:after {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -0.642857145em 0em 0em -0.642857145em;
  width: 2.5em;
  height: 2.5em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #80808C transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent; }

/*******************************
        User Overrides
*******************************/
.scrollable .ui.fixed.table {
  table-layout: auto; }

.ui.secondary.pointing.tabular.menu.submenu ~ .ui.tab {
  margin-left: 11rem;
  position: relative; }

.ui.secondary.pointing.tabular.menu.submenu ~ .ui.tab.segment {
  margin-top: 0; }

.ui.tab.active > .ui.padded.segment:not(.mini) {
  min-height: 500px; }

@media (max-width: 768px) {
  .ui.tabular.pointing.secondary.menu.submenu {
    display: none; }
  .ui.secondary.pointing.tabular.menu.submenu ~ .ui.tab {
    margin-left: 0; }
  .main .ui .column .ui.dropdown.tab-select.active {
    position: relative;
    z-index: 13; } }

/* Submenu */
@media (min-width: 768px) {
  .ui.tabular.pointing.secondary.menu.submenu {
    background: #383a7e;
    margin-left: -30px;
    margin-top: -20px;
    height: 100%;
    min-height: 100vh;
    padding: 10px 20px;
    position: fixed;
    transition: .2s; }
  .ui.tabular.pointing.secondary.menu.submenu.close {
    transform: translateX(-200px); }
  .ui.tabular.pointing.secondary.menu.submenu .item {
    color: #ffffff;
    text-align: left;
    line-height: 1.3;
    margin-top: .5rem;
    transition: .2s;
    padding: 10px; }
  .ui.tabular.pointing.secondary.menu.submenu .item.active, .ui.tabular.pointing.secondary.menu.submenu .item:hover {
    background: #3e4297;
    color: #ffffff; }
  .tabs-wrapper {
    margin-left: 160px;
    transition: .2s; }
  .tabs-wrapper.tabs-hidden {
    margin-left: 0; }
  .ui.tabular.pointing.secondary.menu.submenu a.submenu-collapse {
    width: 100%;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px;
    position: absolute;
    top: 100vh;
    color: #fff;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    justify-content: center;
    margin-top: -105px;
    transition: .2s; }
  .ui.tabular.pointing.secondary.menu.submenu a.submenu-collapse:hover {
    background: #3e4297; }
  .ui.tabular.pointing.secondary.menu.submenu + a.submenu-expand {
    position: fixed;
    left: 5px;
    z-index: 20;
    bottom: 5px;
    padding: 10px 15px;
    border-radius: 5px;
    transition: .2s;
    z-index: 9997 !important; }
  .ui.tabular.pointing.secondary.menu.submenu + a.submenu-expand:hover {
    background: #383a7e; } }

/*!
 * # Semantic UI - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
             Table
*******************************/
/*-------------------
       Element
--------------------*/
/*--------------
     Parts
---------------*/
/* Table Row */
/* Table Cell */
/* Table Header */
/* Table Footer */
/* Responsive Size */
/*-------------------
       Types
--------------------*/
/* Definition */
/*--------------
    Couplings
---------------*/
/*--------------
     States
---------------*/
/* Positive */
/* Negative */
/* Error */
/* Warning */
/* Active */
/*--------------
     Types
---------------*/
/* Attached */
/* Striped */
/* Selectable */
/* Sortable */
/* Colors */
/* Inverted */
/* Basic */
/* Padded */
/* Compact */
/* Sizes */
/*******************************
    Table Variable Overrides
*******************************/
/* Header */
/* Data */
/*******************************
             Table
*******************************/
/* Prototype */
.ui.table {
  width: 100%;
  background: #FFFFFF;
  margin: 1em 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  color: #80808C;
  border-collapse: separate;
  border-spacing: 0px; }

.ui.table:first-child {
  margin-top: 0em; }

.ui.table:last-child {
  margin-bottom: 0em; }

/*******************************
             Parts
*******************************/
/* Table Content */
.ui.table th,
.ui.table td {
  transition: background 0.1s ease, color 0.1s ease; }

/* Headers */
.ui.table thead {
  box-shadow: none; }

.ui.table thead th {
  cursor: auto;
  background: #EFEFEF;
  text-align: inherit;
  color: #80808C;
  padding: 10px 0.78571429em;
  vertical-align: inherit;
  font-style: none;
  font-weight: 500;
  text-transform: none;
  border-bottom: none;
  border-left: 1px solid #BBBBCA; }

.ui.table thead tr > th:first-child {
  border-left: none; }

.ui.table thead tr:first-child > th:first-child {
  border-radius: 0 0em 0em 0em; }

.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0 0em 0em; }

.ui.table thead tr:first-child > th:only-child {
  border-radius: 0 0 0em 0em; }

/* Footer */
.ui.table tfoot {
  box-shadow: none; }

.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: #F9FAFB;
  text-align: inherit;
  color: #212128;
  padding: 0.78571429em 0.78571429em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  text-transform: none; }

.ui.table tfoot tr > th:first-child {
  border-left: none; }

.ui.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0; }

.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0 0em; }

.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0 0; }

/* Table Row */
.ui.table tr td {
  border-top: 1px solid rgba(34, 36, 38, 0.1); }

.ui.table tr:first-child td {
  border-top: none; }

/* Repeated tbody */
.ui.table tbody + tbody tr:first-child td {
  border-top: 1px solid rgba(34, 36, 38, 0.1); }

/* Table Cells */
.ui.table td {
  padding: 0.78571429em 0.78571429em;
  text-align: inherit; }

/* Icons */
.ui.table > .icon {
  vertical-align: baseline; }

.ui.table > .icon:only-child {
  margin: 0em; }

/* Table Segment */
.ui.table.segment {
  padding: 0em; }

.ui.table.segment:after {
  display: none; }

.ui.table.segment.stacked:after {
  display: block; }

/* Responsive */
@media only screen and (max-width: 767px) {
  .ui.table:not(.unstackable) {
    width: 100%; }
  .ui.table:not(.unstackable) tbody,
  .ui.table:not(.unstackable) tr,
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    display: block !important;
    width: auto !important;
    display: block !important; }
  .ui.table:not(.unstackable) {
    padding: 0em; }
  .ui.table:not(.unstackable) thead {
    display: block; }
  .ui.table:not(.unstackable) tfoot {
    display: block; }
  .ui.table:not(.unstackable) tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; }
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em !important;
    box-shadow: none !important; }
  .ui.table:not(.unstackable) th:first-child,
  .ui.table:not(.unstackable) td:first-child {
    font-weight: bold; }
  /* Definition Table */
  .ui.definition.table:not(.unstackable) thead th:first-child {
    box-shadow: none !important; } }

/*******************************
            Coupling
*******************************/
/* UI Image */
.ui.table th .image,
.ui.table th .image img,
.ui.table td .image,
.ui.table td .image img {
  max-width: none; }

/*******************************
             Types
*******************************/
/*--------------
    Complex
---------------*/
.ui.structured.table {
  border-collapse: collapse; }

.ui.structured.table thead th {
  border-left: 1px solid #BBBBCA;
  border-right: 1px solid #BBBBCA; }

.ui.structured.sortable.table thead th {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15); }

.ui.structured.basic.table th {
  border-left: none;
  border-right: none; }

.ui.structured.celled.table tr th,
.ui.structured.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  border-right: 1px solid rgba(34, 36, 38, 0.1); }

/*--------------
   Definition
---------------*/
.ui.definition.table thead:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: -2px 0px 1px #FFFFFF; }

.ui.definition.table tfoot:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: rgba(0, 0, 0, 0.4);
  color: normal;
  box-shadow: 1px 1px 0px 1px #FFFFFF; }

/* Remove Border */
.ui.celled.definition.table thead:not(.full-width) th:first-child {
  box-shadow: -1px 0px 1px #FFFFFF; }

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  box-shadow: 0px 1px 0px 1px #FFFFFF; }

/* Highlight Defining Column */
.ui.definition.table tr td:first-child:not(.ignored),
.ui.definition.table tr td.definition {
  background: rgba(0, 0, 0, 0.03);
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  text-transform: "";
  box-shadow: "";
  text-align: "";
  font-size: 1em;
  padding-left: "";
  padding-right: ""; }

/* Fix 2nd Column */
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15); }

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15); }

.ui.definition.table td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15); }

/*******************************
             States
*******************************/
/*--------------
    Positive
---------------*/
.ui.table tr.positive,
.ui.table td.positive {
  box-shadow: 0px 0px 0px #A3C293 inset; }

.ui.table tr.positive,
.ui.table td.positive {
  background: #FCFFF5 !important;
  color: #2C662D !important; }

/*--------------
     Negative
---------------*/
.ui.table tr.negative,
.ui.table td.negative {
  box-shadow: 0px 0px 0px #E0B4B4 inset; }

.ui.table tr.negative,
.ui.table td.negative {
  background: #FFF6F6 !important;
  color: #9F3A38 !important; }

/*--------------
      Error
---------------*/
.ui.table tr.error,
.ui.table td.error {
  box-shadow: 0px 0px 0px #E0B4B4 inset; }

.ui.table tr.error,
.ui.table td.error {
  background: #FFF6F6 !important;
  color: #9F3A38 !important; }

/*--------------
     Warning
---------------*/
.ui.table tr.warning,
.ui.table td.warning {
  box-shadow: 0px 0px 0px #C9BA9B inset; }

.ui.table tr.warning,
.ui.table td.warning {
  background: #FFFAF3 !important;
  color: #573A08 !important; }

/*--------------
     Active
---------------*/
.ui.table tr.active,
.ui.table td.active {
  box-shadow: 0px 0px 0px #212128 inset; }

.ui.table tr.active,
.ui.table td.active {
  background: #E0E0E0 !important;
  color: #212128 !important; }

/*--------------
     Disabled
---------------*/
.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3); }

/*******************************
          Variations
*******************************/
/*--------------
    Stackable
---------------*/
@media only screen and (max-width: 991px) {
  .ui.table[class*="tablet stackable"],
  .ui.table[class*="tablet stackable"] tbody,
  .ui.table[class*="tablet stackable"] tr,
  .ui.table[class*="tablet stackable"] tr > th,
  .ui.table[class*="tablet stackable"] tr > td {
    display: block !important;
    width: 100% !important;
    display: block !important; }
  .ui.table[class*="tablet stackable"] {
    padding: 0em; }
  .ui.table[class*="tablet stackable"] thead {
    display: block; }
  .ui.table[class*="tablet stackable"] tfoot {
    display: block; }
  .ui.table[class*="tablet stackable"] tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; }
  .ui.table[class*="tablet stackable"] tr > th,
  .ui.table[class*="tablet stackable"] tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em;
    box-shadow: none !important; }
  /* Definition Table */
  .ui.definition.table[class*="tablet stackable"] thead th:first-child {
    box-shadow: none !important; } }

/*--------------
 Text Alignment
---------------*/
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
  text-align: left; }

.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
  text-align: center; }

.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
  text-align: right; }

/*------------------
 Vertical Alignment
------------------*/
.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
  vertical-align: top; }

.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
  vertical-align: middle; }

.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
  vertical-align: bottom; }

/*--------------
    Collapsing
---------------*/
.ui.table th.collapsing,
.ui.table td.collapsing {
  width: 1px;
  white-space: nowrap; }

/*--------------
     Fixed
---------------*/
.ui.fixed.table {
  table-layout: fixed; }

.ui.fixed.table th,
.ui.fixed.table td {
  overflow: hidden;
  text-overflow: ellipsis; }

/*--------------
   Selectable
---------------*/
.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important; }

.ui.selectable.inverted.table tbody tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: white !important; }

/* Selectable Cell Link */
.ui.table tbody tr td.selectable {
  padding: 0em; }

.ui.table tbody tr td.selectable > a:not(.ui) {
  display: block;
  color: inherit;
  padding: 0.78571429em 0.78571429em; }

/* Other States */
.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
  background: #ffe7e7 !important;
  color: #943634 !important; }

.ui.selectable.table tr.warning:hover,
.ui.table tr td.selectable.warning:hover,
.ui.selectable.table tr:hover td.warning {
  background: #fff4e4 !important;
  color: #493107 !important; }

.ui.selectable.table tr.active:hover,
.ui.table tr td.selectable.active:hover,
.ui.selectable.table tr:hover td.active {
  background: #E0E0E0 !important;
  color: #212128 !important; }

.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
  background: #f7ffe6 !important;
  color: #275b28 !important; }

.ui.selectable.table tr.negative:hover,
.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
  background: #ffe7e7 !important;
  color: #943634 !important; }

/*-------------------
      Attached
--------------------*/
/* Middle */
.ui.attached.table {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
  box-shadow: none;
  border: 1px solid #D4D4D5; }

.ui.attached + .ui.attached.table:not(.top) {
  border-top: none; }

/* Top */
.ui.table[class*="top attached"] {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1em;
  border-radius: 0 0 0em 0em; }

.ui.table[class*="top attached"]:first-child {
  margin-top: 0em; }

/* Bottom */
.ui.table[class*="bottom attached"] {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1em;
  box-shadow: none, none;
  border-radius: 0em 0em 0 0; }

.ui.table[class*="bottom attached"]:last-child {
  margin-bottom: 0em; }

/*--------------
     Striped
---------------*/
/* Table Striping */
.ui.striped.table > tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02); }

/* Stripes */
.ui.inverted.striped.table > tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05); }

/* Allow striped active hover */
.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  background: #EFEFEF !important;
  color: rgba(0, 0, 0, 0.95) !important; }

/*--------------
   Single Line
---------------*/
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap; }

.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap; }

/*-------------------
       Colors
--------------------*/
/* Red */
.ui.red.table {
  border-top: 0.2em solid #D14F4F; }

.ui.inverted.red.table {
  background-color: #D14F4F !important;
  color: #FFFFFF !important; }

/* Orange */
.ui.orange.table {
  border-top: 0.2em solid #F2711C; }

.ui.inverted.orange.table {
  background-color: #F2711C !important;
  color: #FFFFFF !important; }

/* Yellow */
.ui.yellow.table {
  border-top: 0.2em solid #F7B21A; }

.ui.inverted.yellow.table {
  background-color: #F7B21A !important;
  color: #FFFFFF !important; }

/* Olive */
.ui.olive.table {
  border-top: 0.2em solid #B5CC18; }

.ui.inverted.olive.table {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important; }

/* Green */
.ui.green.table {
  border-top: 0.2em solid #47973E; }

.ui.inverted.green.table {
  background-color: #47973E !important;
  color: #FFFFFF !important; }

/* Teal */
.ui.teal.table {
  border-top: 0.2em solid #00B5AD; }

.ui.inverted.teal.table {
  background-color: #00B5AD !important;
  color: #FFFFFF !important; }

/* Blue */
.ui.blue.table {
  border-top: 0.2em solid #3E4297; }

.ui.inverted.blue.table {
  background-color: #3E4297 !important;
  color: #FFFFFF !important; }

/* Violet */
.ui.violet.table {
  border-top: 0.2em solid #6435C9; }

.ui.inverted.violet.table {
  background-color: #6435C9 !important;
  color: #FFFFFF !important; }

/* Purple */
.ui.purple.table {
  border-top: 0.2em solid #A333C8; }

.ui.inverted.purple.table {
  background-color: #A333C8 !important;
  color: #FFFFFF !important; }

/* Pink */
.ui.pink.table {
  border-top: 0.2em solid #E03997; }

.ui.inverted.pink.table {
  background-color: #E03997 !important;
  color: #FFFFFF !important; }

/* Brown */
.ui.brown.table {
  border-top: 0.2em solid #A5673F; }

.ui.inverted.brown.table {
  background-color: #A5673F !important;
  color: #FFFFFF !important; }

/* Grey */
.ui.grey.table {
  border-top: 0.2em solid #80808C; }

.ui.inverted.grey.table {
  background-color: #80808C !important;
  color: #FFFFFF !important; }

/* Black */
.ui.black.table {
  border-top: 0.2em solid #212128; }

.ui.inverted.black.table {
  background-color: #212128 !important;
  color: #FFFFFF !important; }

/*--------------
  Column Count
---------------*/
/* Grid Based */
.ui.one.column.table td {
  width: 100%; }

.ui.two.column.table td {
  width: 50%; }

.ui.three.column.table td {
  width: 33.3333333333%; }

.ui.four.column.table td {
  width: 25%; }

.ui.five.column.table td {
  width: 20%; }

.ui.six.column.table td {
  width: 16.6666666667%; }

.ui.seven.column.table td {
  width: 14.2857142857%; }

.ui.eight.column.table td {
  width: 12.5%; }

.ui.nine.column.table td {
  width: 11.1111111111%; }

.ui.ten.column.table td {
  width: 10%; }

.ui.eleven.column.table td {
  width: 9.0909090909%; }

.ui.twelve.column.table td {
  width: 8.3333333333%; }

.ui.thirteen.column.table td {
  width: 7.6923076923%; }

.ui.fourteen.column.table td {
  width: 7.1428571429%; }

.ui.fifteen.column.table td {
  width: 6.6666666667%; }

.ui.sixteen.column.table td {
  width: 6.25%; }

/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
  width: 6.25%; }

.ui.table th.two.wide,
.ui.table td.two.wide {
  width: 12.5%; }

.ui.table th.three.wide,
.ui.table td.three.wide {
  width: 18.75%; }

.ui.table th.four.wide,
.ui.table td.four.wide {
  width: 25%; }

.ui.table th.five.wide,
.ui.table td.five.wide {
  width: 31.25%; }

.ui.table th.six.wide,
.ui.table td.six.wide {
  width: 37.5%; }

.ui.table th.seven.wide,
.ui.table td.seven.wide {
  width: 43.75%; }

.ui.table th.eight.wide,
.ui.table td.eight.wide {
  width: 50%; }

.ui.table th.nine.wide,
.ui.table td.nine.wide {
  width: 56.25%; }

.ui.table th.ten.wide,
.ui.table td.ten.wide {
  width: 62.5%; }

.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
  width: 68.75%; }

.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
  width: 75%; }

.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
  width: 81.25%; }

.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
  width: 87.5%; }

.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
  width: 93.75%; }

.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
  width: 100%; }

/*--------------
    Sortable
---------------*/
.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  color: #212128; }

.ui.sortable.table thead th:first-child {
  border-left: none; }

.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.ui.sortable.table thead th:after {
  display: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '';
  height: 1em;
  width: auto;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: "Icons"; }

.ui.sortable.table thead th.ascending:after {
  content: ""; }

.ui.sortable.table thead th.descending:after {
  content: ""; }

/* Hover */
.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.3); }

.ui.sortable.table thead th:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8); }

/* Sorted */
.ui.sortable.table thead th.sorted {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95); }

.ui.sortable.table thead th.sorted:after {
  display: inline-block; }

/* Sorted Hover */
.ui.sortable.table thead th.sorted:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95); }

/* Inverted */
.ui.inverted.sortable.table thead th.sorted {
  background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: white; }

.ui.inverted.sortable.table thead th:hover {
  background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: white; }

.ui.inverted.sortable.table thead th {
  border-left-color: transparent;
  border-right-color: transparent; }

/*--------------
    Inverted
---------------*/
/* Text Color */
.ui.inverted.table {
  background: #333333;
  color: rgba(255, 255, 255, 0.9);
  border: none; }

.ui.inverted.table th {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9) !important; }

.ui.inverted.table tr td {
  border-color: rgba(255, 255, 255, 0.1) !important; }

.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.3); }

/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
  background: #FFFFFF; }

.ui.inverted.definition.table tr td:first-child {
  background: rgba(255, 255, 255, 0.02);
  color: white; }

/*--------------
   Collapsing
---------------*/
.ui.collapsing.table {
  width: auto; }

/*--------------
      Basic
---------------*/
.ui.basic.table {
  background: transparent;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none; }

.ui.basic.table thead,
.ui.basic.table tfoot {
  box-shadow: none; }

.ui.basic.table th {
  background: transparent;
  border-left: none; }

.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ui.basic.table td {
  background: transparent; }

.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05) !important; }

/* Very Basic */
.ui.table[class*="very basic"] {
  border: none; }

.ui.table[class*="very basic"]:not(.sortable):not(.striped) th,
.ui.table[class*="very basic"]:not(.sortable):not(.striped) td {
  padding: ""; }

.ui.table[class*="very basic"]:not(.sortable):not(.striped) th:first-child,
.ui.table[class*="very basic"]:not(.sortable):not(.striped) td:first-child {
  padding-left: 0em; }

.ui.table[class*="very basic"]:not(.sortable):not(.striped) th:last-child,
.ui.table[class*="very basic"]:not(.sortable):not(.striped) td:last-child {
  padding-right: 0em; }

.ui.table[class*="very basic"]:not(.sortable):not(.striped) thead tr:first-child th {
  padding-top: 0em; }

/*--------------
     Celled
---------------*/
.ui.celled.table tr th,
.ui.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1); }

.ui.celled.table tr th:first-child,
.ui.celled.table tr td:first-child {
  border-left: none; }

/*--------------
     Padded
---------------*/
.ui.padded.table th {
  padding-left: 1em;
  padding-right: 1em; }

.ui.padded.table th,
.ui.padded.table td {
  padding: 1em 1em; }

/* Very */
.ui.table[class*="very padded"] th {
  padding-left: 1.5em;
  padding-right: 1.5em; }

.ui.table[class*="very padded"] td {
  padding: 1.5em 1.5em; }

/*--------------
     Compact
---------------*/
.ui.compact.table th {
  padding-left: 0.7em;
  padding-right: 0.7em; }

.ui.compact.table td {
  padding: 0.2em 0.7em; }

/* Very */
.ui.table[class*="very compact"] th {
  padding-left: 0.6em;
  padding-right: 0.6em; }

.ui.table[class*="very compact"] td {
  padding: 0.4em 0.6em; }

/*--------------
      Sizes
---------------*/
/* Small */
.ui.small.table {
  font-size: 0.9em; }

/* Standard */
.ui.table {
  font-size: 1em; }

/* Large */
.ui.large.table {
  font-size: 1.1em; }

.ui.table thead th {
  white-space: nowrap;
  font-size: 16px; }

.ui.compact.table td {
  border-left: 1px solid #BBBBCA;
  /* white-space: nowrap;
    max-width: 10rem; */ }

.ui.compact.table td:first-child {
  border-left: none; }

.ui.compact.table td a {
  max-width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis; }

.ui.compact.table td .list a {
  display: block; }

.ui.compact.table td img.circular.bordered.tiny.ui.image {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.table-wrapper {
  overflow: auto; }

/* Actions */
.table.compact a.ui.compact.icon.basic.button.secondary {
  background: #80808C !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 16px;
  font-weight: normal; }

.table.compact .ui.buttons.stackable {
  grid-gap: 10px; }

.table.compact a.ui.compact.icon.basic.button.secondary:hover {
  background: #3E4297 !important; }

.table.compact a.ui.compact.icon.basic.button.secondary.danger:hover {
  background: #D14F4F !important; }

.table.compact tr:hover td {
  background: #f5f5f7; }

.dataTables_wrapper .bottom {
  display: flex;
  justify-content: space-between; }

.dataTables_paginate {
  margin-top: 1rem; }

.history_datatable.ui.compact.table td a {
  display: inline; }

.top.with-search .input {
  width: 100%;
  margin-left: 0 !important;
  margin: 20px 0 10px; }

@media (max-width: 767px) {
  .ui.table:not(.unstackable) thead {
    display: none; } }

/*!
 * # Semantic UI - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
@use "sass:math";
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
      Borders
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Text ---*/
/*--- Colored Headers ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of $px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Page
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds $size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
     User Global Variables
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Page
--------------------*/
/*-------------------
       Links
--------------------*/
/*******************************
          Transition
*******************************/
/*******************************
          Transitions
*******************************/
.transition {
  animation-iteration-count: 1;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-fill-mode: both; }

/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  backface-visibility: hidden;
  visibility: visible !important; }

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px; }

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden; }

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: $backfaceVisibility;
  transform: $use3DAcceleration;*/ }

/* Disabled */
.disabled.transition {
  animation-play-state: paused; }

/*******************************
          Variations
*******************************/
.looping.transition {
  animation-iteration-count: infinite; }

/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  animation-duration: 500ms; }

.transition.browse.in {
  animation-name: browseIn; }

.transition.browse.out,
.transition.browse.left.out {
  animation-name: browseOutLeft; }

.transition.browse.right.out {
  animation-name: browseOutRight; }

/* In */
@keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% {
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% {
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

/* Out */
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: -1;
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutRight {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: 1;
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

/*--------------
     Drop
---------------*/
.drop.transition {
  transform-origin: top center;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in {
  animation-name: dropIn; }

.drop.transition.out {
  animation-name: dropOut; }

/* Drop */
@keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(0); } }

/*--------------
      Fade
---------------*/
.transition.fade.in {
  animation-name: fadeIn; }

.transition.in[class*="fade up"] {
  animation-name: fadeInUp; }

.transition.in[class*="fade down"] {
  animation-name: fadeInDown; }

.transition.in[class*="fade left"] {
  animation-name: fadeInLeft; }

.transition.in[class*="fade right"] {
  animation-name: fadeInRight; }

.transition.fade.out {
  animation-name: fadeOut; }

.transition.out[class*="fade up"] {
  animation-name: fadeOutUp; }

.transition.out[class*="fade down"] {
  animation-name: fadeOutDown; }

.transition.out[class*="fade left"] {
  animation-name: fadeOutLeft; }

.transition.out[class*="fade right"] {
  animation-name: fadeOutRight; }

/* In */
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(10%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }

/* Out */
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0%); }
  100% {
    opacity: 0;
    transform: translateY(5%); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0%); }
  100% {
    opacity: 0;
    transform: translateY(-5%); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0%); }
  100% {
    opacity: 0;
    transform: translateX(5%); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0%); }
  100% {
    opacity: 0;
    transform: translateX(-5%); } }

/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  animation-duration: 600ms; }

.horizontal.flip.transition.in {
  animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out {
  animation-name: horizontalFlipOut; }

.vertical.flip.transition.in {
  animation-name: verticalFlipIn; }

.vertical.flip.transition.out {
  animation-name: verticalFlipOut; }

/* In */
@keyframes horizontalFlipIn {
  0% {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; } }

@keyframes verticalFlipIn {
  0% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; } }

/* Out */
@keyframes horizontalFlipOut {
  0% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; }
  100% {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }

@keyframes verticalFlipOut {
  0% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; }
  100% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }

/*--------------
      Scale
---------------*/
.scale.transition.in {
  animation-name: scaleIn; }

.scale.transition.out {
  animation-name: scaleOut; }

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }

/* Out */
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(0.9); } }

/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  animation-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in {
  animation-name: flyIn; }

.transition.in[class*="fly up"] {
  animation-name: flyInUp; }

.transition.in[class*="fly down"] {
  animation-name: flyInDown; }

.transition.in[class*="fly left"] {
  animation-name: flyInLeft; }

.transition.in[class*="fly right"] {
  animation-name: flyInRight; }

/* Outward */
.transition.fly.out {
  animation-name: flyOut; }

.transition.out[class*="fly up"] {
  animation-name: flyOutUp; }

.transition.out[class*="fly down"] {
  animation-name: flyOutDown; }

.transition.out[class*="fly left"] {
  animation-name: flyOutLeft; }

.transition.out[class*="fly right"] {
  animation-name: flyOutRight; }

/* In */
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

@keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  100% {
    transform: none; } }

@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: none; } }

@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  100% {
    transform: none; } }

/* Out */
@keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition.in[class*="slide down"] {
  animation-name: slideInY;
  transform-origin: top center; }

.transition.in[class*="slide up"] {
  animation-name: slideInY;
  transform-origin: bottom center; }

.transition.in[class*="slide left"] {
  animation-name: slideInX;
  transform-origin: center right; }

.transition.in[class*="slide right"] {
  animation-name: slideInX;
  transform-origin: center left; }

.transition.slide.out,
.transition.out[class*="slide down"] {
  animation-name: slideOutY;
  transform-origin: top center; }

.transition.out[class*="slide up"] {
  animation-name: slideOutY;
  transform-origin: bottom center; }

.transition.out[class*="slide left"] {
  animation-name: slideOutX;
  transform-origin: center right; }

.transition.out[class*="slide right"] {
  animation-name: slideOutX;
  transform-origin: center left; }

/* In */
@keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0); }
  100% {
    opacity: 1;
    transform: scaleY(1); } }

@keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0); }
  100% {
    opacity: 1;
    transform: scaleX(1); } }

/* Out */
@keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1); }
  100% {
    opacity: 0;
    transform: scaleY(0); } }

@keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1); }
  100% {
    opacity: 0;
    transform: scaleX(0); } }

/*--------------
     Swing
---------------*/
.transition.swing {
  animation-duration: 800ms; }

.transition.in[class*="swing down"] {
  animation-name: swingInX;
  transform-origin: top center; }

.transition.in[class*="swing up"] {
  animation-name: swingInX;
  transform-origin: bottom center; }

.transition.in[class*="swing left"] {
  animation-name: swingInY;
  transform-origin: center right; }

.transition.in[class*="swing right"] {
  animation-name: swingInY;
  transform-origin: center left; }

.transition.swing.out,
.transition.out[class*="swing down"] {
  animation-name: swingOutX;
  transform-origin: top center; }

.transition.out[class*="swing up"] {
  animation-name: swingOutX;
  transform-origin: bottom center; }

.transition.out[class*="swing left"] {
  animation-name: swingOutY;
  transform-origin: center right; }

.transition.out[class*="swing right"] {
  animation-name: swingOutY;
  transform-origin: center left; }

/* In */
@keyframes swingInX {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    transform: perspective(1000px) rotateX(0deg); } }

@keyframes swingInY {
  0% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    transform: perspective(1000px) rotateY(0deg); } }

/* Out */
@keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0deg); }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0deg); }
  40% {
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

/*--------------
      Zoom
---------------*/
.transition.zoom.in {
  animation-name: zoomIn; }

.transition.zoom.out {
  animation-name: zoomOut; }

@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(0); } }

/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  animation-duration: 750ms;
  animation-name: flash; }

.shake.transition {
  animation-duration: 750ms;
  animation-name: shake; }

.bounce.transition {
  animation-duration: 750ms;
  animation-name: bounce; }

.tada.transition {
  animation-duration: 750ms;
  animation-name: tada; }

.pulse.transition {
  animation-duration: 500ms;
  animation-name: pulse; }

.jiggle.transition {
  animation-duration: 750ms;
  animation-name: jiggle; }

.transition.glow {
  animation-duration: 2000ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.transition.glow {
  animation-name: glow; }

/* Flash */
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

/* Shake */
@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }

/* Bounce */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

/* Tada */
@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }

/* Pulse */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(0.9);
    opacity: 0.7; }
  100% {
    transform: scale(1);
    opacity: 1; } }

/* Jiggle */
@keyframes jiggle {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

/* Glow */
@keyframes glow {
  0% {
    background-color: #FCFCFD; }
  30% {
    background-color: #FFF6CD; }
  100% {
    background-color: #FCFCFD; } }
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }
  .chosen-container * {
    box-sizing: border-box; }
  .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
    clip-path: inset(100% 100%); }
  .chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    clip-path: none; }
  .chosen-container a {
    cursor: pointer; }
  .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999; }
    .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
      content: ":";
      padding-left: 2px;
      vertical-align: top; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat;
  font-size: 1px; }
  .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }
  .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 0px 2px; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }
  .chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(100% 100%); }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }
  .chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none; }
    .chosen-container .chosen-results li.active-result {
      display: list-item;
      cursor: pointer; }
    .chosen-container .chosen-results li.disabled-result {
      display: list-item;
      color: #ccc;
      cursor: default; }
    .chosen-container .chosen-results li.highlighted {
      background-color: #3875d7;
      background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
      color: #fff; }
    .chosen-container .chosen-results li.no-results {
      color: #777;
      display: list-item;
      background: #f4f4f4; }
    .chosen-container .chosen-results li.group-result {
      display: list-item;
      font-weight: bold;
      cursor: default; }
    .chosen-container .chosen-results li.group-option {
      padding-left: 15px; }
    .chosen-container .chosen-results li em {
      font-style: normal;
      text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }
  .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap; }
    .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
      margin: 1px 0;
      padding: 0;
      height: 25px;
      outline: 0;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none;
      color: #999;
      font-size: 100%;
      font-family: sans-serif;
      line-height: normal;
      border-radius: 0;
      width: 25px; }
  .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default; }
    .chosen-container-multi .chosen-choices li.search-choice span {
      word-wrap: break-word; }
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
      position: absolute;
      top: 4px;
      right: 3px;
      display: block;
      width: 12px;
      height: 12px;
      background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat;
      font-size: 1px; }
      .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
        background-position: -42px -10px; }
  .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666; }
  .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4; }
    .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
      background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }
  .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }
  .chosen-disabled .chosen-single {
    cursor: default; }
  .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }
  .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0; }
  .chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl; }
  .chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px; }
  .chosen-rtl .chosen-single div {
    right: auto;
    left: 3px; }
  .chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px; }
  .chosen-rtl .chosen-choices li {
    float: right; }
    .chosen-rtl .chosen-choices li.search-field input[type="text"] {
      direction: rtl; }
    .chosen-rtl .chosen-choices li.search-choice {
      margin: 3px 5px 3px 0;
      padding: 3px 5px 3px 19px; }
      .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
        right: auto;
        left: 4px; }
  .chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0; }
  .chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0; }
  .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none; }
  .chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat -30px -20px;
    direction: rtl; }
  .chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px; }
  .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url(/assets/chosen-sprite@2x-f811c9f3282470438df5d1b7fe6faf244a0a17124591b467957a91634aac16e8.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }

/* @end */
/*! Jcrop.css v2.0.4 - build: 20151117
 *  Copyright 2008-2015 Tapmodo Interactive LLC
 *  Free software under MIT License
 **/
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-active {
  direction: ltr;
  text-align: left;
  box-sizing: border-box;
  /* IE10 touch compatibility */
  -ms-touch-action: none; }

.jcrop-dragging {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.jcrop-selection {
  z-index: 2; }

.jcrop-selection.jcrop-current {
  z-index: 4; }

/* Selection Borders */
.jcrop-border {
  background: #ffffff url(/assets/jcrop/css/Jcrop-84a7f966d62bae87922a647224b04effc1236b4f8b63077d76d731a2b32a9803.gif);
  line-height: 1px !important;
  font-size: 0 !important;
  overflow: hidden;
  position: absolute;
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important; }

.jcrop-border.ord-w,
.jcrop-border.ord-e,
.jcrop-border.ord-n {
  top: 0px; }

.jcrop-border.ord-n,
.jcrop-border.ord-s {
  width: 100%;
  height: 1px !important; }

.jcrop-border.ord-w,
.jcrop-border.ord-e {
  height: 100%;
  width: 1px !important; }

.jcrop-border.ord-e {
  right: -1px; }

.jcrop-border.ord-n {
  top: -1px; }

.jcrop-border.ord-w {
  left: -1px; }

.jcrop-border.ord-s {
  bottom: -1px; }

.jcrop-selection {
  position: absolute; }

.jcrop-box {
  z-index: 2;
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 0; }

.jcrop-box:hover {
  background: none; }

.jcrop-box:active {
  background: none; }

.jcrop-box:focus {
  outline: 1px rgba(128, 128, 128, 0.65) dotted; }

.jcrop-active,
.jcrop-box {
  position: relative; }

.jcrop-box {
  width: 100%;
  height: 100%;
  cursor: move; }

/* Selection Handles */
.jcrop-handle {
  z-index: 4;
  background-color: rgba(49, 28, 28, 0.58);
  border: 1px #eeeeee solid;
  width: 9px;
  height: 9px;
  font-size: 0;
  position: absolute;
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important; }

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  top: 0;
  cursor: n-resize; }

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize; }

.jcrop-handle.ord-e {
  margin-right: -5px;
  margin-top: -5px;
  right: 0;
  top: 50%;
  cursor: e-resize; }

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -5px;
  margin-top: -5px;
  top: 50%;
  cursor: w-resize; }

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -5px;
  margin-top: -5px;
  top: 0;
  cursor: nw-resize; }

.jcrop-handle.ord-ne {
  margin-right: -5px;
  margin-top: -5px;
  right: 0;
  top: 0;
  cursor: ne-resize; }

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  right: 0;
  cursor: se-resize; }

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize; }

/* Larger Selection Handles for Touch */
.jcrop-touch .jcrop-handle {
  z-index: 4;
  background-color: rgba(49, 28, 28, 0.58);
  border: 1px #eeeeee solid;
  width: 18px;
  height: 18px;
  font-size: 0;
  position: absolute;
  filter: alpha(opacity=80) !important;
  opacity: 0.8 !important; }

.jcrop-touch .jcrop-handle.ord-n {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  top: 0;
  cursor: n-resize; }

.jcrop-touch .jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -10px;
  margin-left: -10px;
  cursor: s-resize; }

.jcrop-touch .jcrop-handle.ord-e {
  margin-right: -10px;
  margin-top: -10px;
  right: 0;
  top: 50%;
  cursor: e-resize; }

.jcrop-touch .jcrop-handle.ord-w {
  left: 0;
  margin-left: -10px;
  margin-top: -10px;
  top: 50%;
  cursor: w-resize; }

.jcrop-touch .jcrop-handle.ord-nw {
  left: 0;
  margin-left: -10px;
  margin-top: -10px;
  top: 0;
  cursor: nw-resize; }

.jcrop-touch .jcrop-handle.ord-ne {
  margin-right: -10px;
  margin-top: -10px;
  right: 0;
  top: 0;
  cursor: ne-resize; }

.jcrop-touch .jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -10px;
  margin-right: -10px;
  right: 0;
  cursor: se-resize; }

.jcrop-touch .jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -10px;
  margin-left: -10px;
  cursor: sw-resize; }

/* Selection Dragbars */
.jcrop-dragbar {
  font-size: 0;
  position: absolute; }

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 9px !important;
  width: 100%; }

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  top: 0px;
  height: 100%;
  width: 9px !important; }

.jcrop-dragbar.ord-n {
  margin-top: -5px;
  cursor: n-resize;
  top: 0px; }

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -5px;
  cursor: s-resize; }

.jcrop-dragbar.ord-e {
  margin-right: -5px;
  right: 0;
  cursor: e-resize; }

.jcrop-dragbar.ord-w {
  margin-left: -5px;
  cursor: w-resize; }

/* Shading panels */
.jcrop-shades {
  position: relative;
  top: 0;
  left: 0; }

.jcrop-shades div {
  cursor: crosshair; }

/* Various special states */
.jcrop-noresize .jcrop-dragbar,
.jcrop-noresize .jcrop-handle {
  display: none; }

.jcrop-selection.jcrop-nodrag .jcrop-box,
.jcrop-nodrag .jcrop-shades div {
  cursor: default; }

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-border {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-light .jcrop-handle {
  background-color: #000000;
  border-color: #ffffff; }

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-border {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important; }

.jcrop-dark .jcrop-handle {
  background-color: #ffffff;
  border-color: #000000; }

/* Simple macro to turn off the antlines */
.solid-line .jcrop-border {
  background: #ffffff; }

.jcrop-thumb {
  position: absolute;
  overflow: hidden;
  z-index: 5; }

/* Fix for twitter bootstrap et al. */
.jcrop-active img,
.jcrop-thumb img,
.jcrop-thumb canvas {
  min-width: none;
  min-height: none;
  max-width: none;
  max-height: none; }

/* Improved multiple selection styles - in progress */
.jcrop-hl-active .jcrop-border {
  filter: alpha(opacity=20) !important;
  opacity: 0.2 !important; }

.jcrop-hl-active .jcrop-handle {
  filter: alpha(opacity=10) !important;
  opacity: 0.1 !important; }

.jcrop-hl-active .jcrop-selection:hover {
  /*
    .jcrop-handle {
      filter:Alpha(opacity=35)!important;
      opacity:.35!important;
    }
    */ }

.jcrop-hl-active .jcrop-selection:hover .jcrop-border {
  background-color: #ccc;
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important; }

.jcrop-hl-active .jcrop-selection.jcrop-current .jcrop-border {
  background: #808080 url(/assets/jcrop/css/Jcrop-84a7f966d62bae87922a647224b04effc1236b4f8b63077d76d731a2b32a9803.gif);
  opacity: 0.35 !important;
  filter: alpha(opacity=35) !important; }

.jcrop-hl-active .jcrop-selection.jcrop-current .jcrop-handle {
  filter: alpha(opacity=30) !important;
  opacity: 0.3 !important; }

.jcrop-hl-active .jcrop-selection.jcrop-focus .jcrop-border {
  background: url(/assets/jcrop/css/Jcrop-84a7f966d62bae87922a647224b04effc1236b4f8b63077d76d731a2b32a9803.gif);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important; }

.jcrop-hl-active .jcrop-selection.jcrop-focus .jcrop-handle {
  filter: alpha(opacity=60) !important;
  opacity: 0.6 !important; }

/* Prevent background on button element */
button.jcrop-box {
  background: none; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/assets/owl.video.play-12d5ab429e87fceae0abca364a3b5853563d3c91118e6af942bee5d9d05d18f9.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(-40px); } }

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px); }
  30% {
    opacity: 1;
    transform: translateY(0px); } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.1); }
  20% {
    transform: scale(1); } }

.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }

.dropzone.dz-clickable {
  cursor: pointer; }

.dropzone.dz-clickable * {
  cursor: default; }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer; }

.dropzone.dz-started .dz-message {
  display: none; }

.dropzone.dz-drag-hover {
  border-style: solid; }

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5; }

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0; }

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px; }

.dropzone .dz-preview:hover {
  z-index: 1000; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd); }

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-image-preview {
  background: white; }

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear; }

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none; }

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%; }

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px; }

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap; }

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8); }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis; }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent; }

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px; }

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px); }

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10; }

.dropzone .dz-preview .dz-image img {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px; }

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px; }

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear; }

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in; }

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite; }

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden; }

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out; }

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block; }

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto; }

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white; }

.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626; }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */





@font-face {
  font-family: 'FontAwesome';
  src: url(/assets/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot);
  src: url(/assets/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot?#iefix) format('embedded-opentype'), url(/assets/fontawesome-webfont-fa79d127baca4558a0b973f5f514b90fc5ef43314c41095f5cb285ffaa0a4029.woff2) format('woff2'), url(/assets/fontawesome-webfont-c9a0a23a23a3f6f7165cba218b40483a0b1750d92b49c40842f1d8f566f5f421.woff) format('woff'), url(/assets/fontawesome-webfont-2794b002e3568f5abce8991e2431ca79e0ce84a08ea1268884b4e097b62762a6.ttf) format('truetype'), url(/assets/fontawesome-webfont-67c6c8e9ffb0fcd7c7c64eaff12a298abf5b54a54b54f0e6c4c49161dba62d6d.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *































 */
@import url(/assets/actiontext-331052063bc3189c115bbd5a82b07f331ca49f1ebd6d0c87861bfc3f7c07c6df.css);
tr.active {
  font-weight: bolder;
  font-size: 1000;
  border: 3px solid black; }

.scrollable {
  max-height: 600px;
  overflow: hidden;
  overflow-y: auto; }

.scrollable-full {
  max-height: 100vh;
  overflow: hidden;
  overflow-y: auto; }

.scrollable-large {
  max-height: 85vh;
  overflow: hidden;
  overflow-y: auto; }

.scrollable-small {
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto; }

.scrollable-mini {
  max-height: 120px;
  overflow: hidden;
  overflow-y: auto; }

.scrollable-mid {
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto; }

.scrollable-x-full {
  max-width: 100%;
  max-height: 100vh;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto; }

.scrollable-x {
  max-width: 150rem;
  max-height: 600px;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto; }

tr.sticky {
  background: white !important;
  position: sticky !important;
  top: 0 !important;
  /*z-index: 10!important;*/ }

.filter_labels_container .ui.label {
  background-color: #e8e8e800 !important;
  padding-left: 2px; }

.round {
  line-height: 33px;
  color: #ffffff;
  width: 30px;
  height: 30px;
  display: inline-block;
  font-weight: 900;
  text-align: center;
  border-radius: 100%;
  background: #1e88e5;
  font-size: 13px;
  margin-bottom: 5px;
  margin-left: 2px; }

@media screen and (max-width: 1000px) {
  .dimmed.dimmable > .fullscreen-dimmer {
    height: calc(100% - 51px) !important; } }

@media screen and (min-width: 1010px) {
  .ui.fullscreen.notification .modal-main-content {
    max-width: calc(100% - 464px); }
    .ui.fullscreen.notification .modal-main-content .notes-section form button.ui.mini[name="tag"] {
      width: auto;
      margin-bottom: 0.5rem;
      display: inlnie-flex;
      flex-direction: row-reverse;
      align-items: center; } }

/*img {*/
/*  z-index: 1!important;*/
/*}*/
/*.ui.dropdown{*/
/*  z-index: 500!important;*/
/*}*/
#user_name_sergio {
  color: red; }

.xdsoft_time {
  background: inherit !important;
  border-top: none !important;
  color: inherit !important;
  margin-top: 6px;
  margin-bottom: 6px; }

.xdsoft_timepicker .xdsoft_time_box {
  border: none !important; }

.xdsoft_timepicker .xdsoft_prev {
  display: none !important; }

.xdsoft_timepicker .xdsoft_next {
  display: none !important; }

.xdsoft_time_box {
  padding-right: 12px;
  width: -moz-max-content !important;
  width: max-content !important; }

.xdsoft_datetimepicker {
  padding-right: 0 !important; }

.xdsoft_current {
  box-shadow: #178FE5 0 1px 4px 0 inset !important;
  padding-left: 2px !important;
  padding-right: 2px !important; }

.xdsoft_scrollbar {
  right: 3px !important; }

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 26px;
  margin-bottom: 3px; }

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #ffffff !important;
  color: inherit !important; }

.xdsoft_datetimepicker .xdsoft_calendar td {
  background: #ffffff;
  color: inherit; }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  border: none;
  font-size: 14px !important;
  font-family: Inter, arial, helvetica, sans-serif; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ede7e7; }

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 275px !important;
  margin-right: 4px !important; }
  @media (max-width: 420px) {
    .xdsoft_datetimepicker .xdsoft_datepicker {
      width: 235px !important; } }
.xdsoft_timepicker {
  width: 125px !important;
  margin-right: 8px !important; }
  @media (max-width: 450px) {
    .xdsoft_timepicker {
      width: 90px !important; } }
.xdsoft_time_box {
  width: 100%;
  margin-right: 0 !important; }

.xdsoft_time_variant {
  width: 125px !important; }
  @media (max-width: 450px) {
    .xdsoft_time_variant {
      width: 90px !important; } }
.xdsoft_time {
  font-size: 14px !important;
  font-family: Inter, arial, helvetica, sans-serif;
  text-align: left !important; }

.xdsoft_label {
  font-size: 15px !important;
  font-family: Inter, arial, helvetica, sans-serif; }
  .xdsoft_label i {
    margin-left: 2px; }
  .xdsoft_label span {
    font-family: Inter, arial, helvetica, sans-serif; }

.xdsoft_year {
  width: 58px !important; }

.xdsoft_scroller {
  width: 4px !important; }

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  font-family: Inter, arial, helvetica, sans-serif; }

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  opacity: 0.35; }

@media (max-width: 380px) {
  .xdsoft_datetimepicker .xdsoft_timepicker {
    margin-left: 0 !important;
    margin-right: 2px !important; } }

@media (max-width: 380px) {
  .xdsoft_datetimepicker .xdsoft_timepicker {
    margin-right: 0 !important; } }

.xdsoft_datetimepicker {
  border-radius: 6px; }

.xdsoft_time {
  padding: 0 4px !important;
  border-radius: 4px; }

.xdsoft_timepicker .xdsoft_time_box {
  height: 180px !important; }

.xdsoft_datetimepicker {
  min-width: -moz-max-content;
  min-width: max-content; }

.modals {
  z-index: 9999 !important; }

.shadowed {
  box-shadow: 0px 4px 8px 0 rgba(34, 36, 38, 0.05) !important;
  border-radius: 8px !important;
  border: none !important; }

.opaque-header {
  z-index: 2; }

.fc-time-grid-event .fc-title {
  font-size: 0.85em !important;
  line-height: 1.3em; }

/*
Trix 1.3.2
Copyright © 2024 Basecamp, LLC
http://trix-editor.org/*/
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }
trix-toolbar * {
  box-sizing: border-box; }
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }
trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%; }
trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-dialogs {
  position: relative; }
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }
trix-toolbar .trix-dialog--link {
  max-width: 600px; }
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }
trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight; }
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }
trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }
trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }
trix-editor .trix-button-group {
  display: inline-flex; }
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }
trix-editor .attachment__metadata-container {
  position: relative; }
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }
@charset "UTF-8";
.trix-content {
  line-height: 1.5; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' · '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }