/*
 * # Semantic - Breadcrumb
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           Breadcrumb
*******************************/
.ui.breadcrumb {
    margin: 1em 0em;
    display: inline-block;
    vertical-align: middle;
}
.ui.breadcrumb:first-child {
    margin-top: 0em;
}
.ui.breadcrumb:last-child {
    margin-bottom: 0em;
}
/*******************************
          Content
*******************************/
.ui.breadcrumb .divider {
    display: inline-block;
    opacity: 0.5;
    margin: 0em 0.15em 0em;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.3);
}
.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.5em 1em;
}
/*******************************
            States
*******************************/
.ui.breadcrumb .active.section {
    font-weight: bold;
}
/*******************************
           Variations
*******************************/
.ui.small.breadcrumb {
    font-size: 0.75em;
}
.ui.large.breadcrumb {
    font-size: 1.1em;
}
.ui.huge.breadcrumb {
    font-size: 1.3em;
}

/*
 * # Semantic - Form
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
           Standard
*******************************/
/*--------------------
        Form
---------------------*/
.ui.form {
    position: relative;
    max-width: 100%;
}
.ui.form :first-child {
  
}
.ui.form :last-child {
    margin-bottom: 0em;
}
/*--------------------
        Content
---------------------*/
.ui.form > p {
    margin: 1em 0;
}
/*--------------------
        Field
---------------------*/
.ui.form .field {
    /*clear: both;*/
   /* margin: 0em 0em 1em;*/
}
/*--------------------
        Labels
---------------------*/
.ui.form .field > label {
   /* margin: 0em 0em 0.3em;*/
    display: block;
    color: #555555;
   /* font-size: 0.875em;*/
}
/*--------------------
    Standard Inputs
---------------------*/
.ui.form textarea,
.ui.form input[type="color"],
.ui.form input[type="date"],
.ui.form input[type="datetime"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="month"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="range"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.form input[type="week"],
.ui.form .ui.input {
    width: 100%;
}
.ui.form textarea,
.ui.form input[type="color"],
.ui.form input[type="date"],
.ui.form input[type="datetime"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="month"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.form input[type="week"] {
    margin: 0em;
    padding: 0.65em 1em;
    font-size: 1em;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    outline: none;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 0.3125em;
    -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
    -moz-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ui.textarea,
.ui.form textarea {
    line-height: 1.33;
    min-height: 8em;
    height: 12em;
    max-height: 24em;
    resize: vertical;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
    vertical-align: top;
}
/*--------------------
       Dividers
---------------------*/
.ui.form .divider {
    clear: both;
    margin: 1em 0em;
}
/*--------------------
   Types of Messages
---------------------*/
.ui.form .info.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: nowrap;
}
.ui.form .inline.field .prompt {
    margin-top: 0em;
    margin-left: 1em;
}
.ui.form .inline.field .prompt:before {
    margin-top: -0.3em;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0em;
}
/*******************************
            States
*******************************/
/*--------------------
        Focus
---------------------*/
.ui.form input[type="color"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="month"]: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="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="week"]:focus .ui.form textarea:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: #260497;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-appearance: none;
}
/*--------------------
        Error
---------------------*/
/* On Form */
.ui.form.warning .warning.message {
    display: block;
}
/*--------------------
        Warning
---------------------*/
/* On Form */
.ui.form.error .error.message {
    display: block;
}
/* 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: #D95C5C;
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
    border-color: #D95C5C;
    color: #FFFFFF;
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field input[type="color"],
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="month"],
.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="text"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field input[type="week"],
.ui.form .field.error textarea,
.ui.form .field.error input[type="color"],
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="month"],
.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="text"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="url"],
.ui.form .field.error input[type="week"] {
    background-color: #FFFAFA;
    border-color: #E7BEBE;
    color: #D95C5C;
}
.ui.form .field.error textarea:focus,
.ui.form .field.error input[type="color"]:focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="month"]: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="text"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="url"]:focus,
.ui.form .field.error input[type="week"]:focus {
    border-color: #ff5050;
    color: #ff5050;
}
/*----------------------------
  Dropdown Selection Warning
-----------------------------*/
.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 .item {
    background-color: #FFFAFA;
    color: #D95C5C;
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
    -webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
    box-shadow: 0px 0px 0px 1px #E7BEBE !important;
}
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
    box-shadow: 0px 0px 0px 1px #E7BEBE !important;
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
    -webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
    box-shadow: 0px 1px 0px 1px #E7BEBE;
}
.ui.form .fields.error .field .ui.selection.dropdown .menu .item:hover,
.ui.form .field.error .ui.selection.dropdown .menu .item:hover {
    background-color: #FFF2F2;
}
/* Currently Active Item */
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
    background-color: #FDCFCF !important;
}
/*--------------------
  Empty (Placeholder)
---------------------*/
/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
    color: #AAAAAA;
}
.ui.form ::-moz-placeholder {
    color: #AAAAAA;
}
.ui.form :focus::-webkit-input-placeholder {
    color: #999999;
}
.ui.form :focus::-moz-placeholder {
    color: #999999;
}
/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder {
    color: rgba(255, 80, 80, 0.4);
}
.ui.form .error ::-moz-placeholder {
    color: rgba(255, 80, 80, 0.4);
}
.ui.form .error :focus::-webkit-input-placeholder {
    color: rgba(255, 80, 80, 0.7);
}
.ui.form .error :focus::-moz-placeholder {
    color: rgba(255, 80, 80, 0.7);
}
/*--------------------
       Disabled
---------------------*/
.ui.form .field :disabled,
.ui.form .field.disabled {
    opacity: 0.5;
}
.ui.form .field.disabled label {
    opacity: 0.5;
}
.ui.form .field.disabled :disabled {
    opacity: 1;
}
/*--------------------
     Loading State
---------------------*/
/* On Form */
.ui.form.loading {
    position: relative;
}
.ui.form.loading:after {
    position: absolute;
    top: 0%;
    left: 0%;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url(http://akapelaopen.com/View/resources/images/loader-large.gif) no-repeat 50% 50%;
    visibility: visible;
}
/*******************************
           Variations
*******************************/
/*--------------------
      Fluid Width
---------------------*/
.ui.form.fluid {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*--------------------------
  Input w/ attached Button
---------------------------*/
.ui.form input.attached {
    width: auto;
}
/*--------------------
      Date Input
---------------------*/
.ui.form .date.field > label {
    position: relative;
}
.ui.form .date.field > label:after {
    position: absolute;
    top: 2em;
    right: 0.5em;
    font-family: 'Icons';
    content: '\f133';
    font-size: 1.2em;
    font-weight: normal;
    color: #CCCCCC;
}
/*--------------------
    Inverted Colors
---------------------*/
.ui.inverted.form label {
    color: #FFFFFF;
}
.ui.inverted.form .field.error textarea,
.ui.inverted.form .field.error input[type="color"],
.ui.inverted.form .field.error input[type="date"],
.ui.inverted.form .field.error input[type="datetime"],
.ui.inverted.form .field.error input[type="datetime-local"],
.ui.inverted.form .field.error input[type="email"],
.ui.inverted.form .field.error input[type="month"],
.ui.inverted.form .field.error input[type="number"],
.ui.inverted.form .field.error input[type="password"],
.ui.inverted.form .field.error input[type="search"],
.ui.inverted.form .field.error input[type="tel"],
.ui.inverted.form .field.error input[type="text"],
.ui.inverted.form .field.error input[type="time"],
.ui.inverted.form .field.error input[type="url"],
.ui.inverted.form .field.error input[type="week"] {
    background-color: #FFCCCC;
}
.ui.inverted.form .ui.checkbox label {
    color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.form .ui.checkbox label:hover,
.ui.inverted.form .ui.checkbox .box:hover {
    color: #FFFFFF;
}
/*--------------------
     Field Groups
---------------------*/
/* Grouped Vertically */
.ui.form .grouped.fields {
    margin: 0em 0em 1em;
}
.ui.form .grouped.fields .field {
    display: block;
    float: none;
    margin: 0.5em 0em;
    padding: 0em;
}
/*--------------------
          Fields
--------------------*/
/* Split fields */
.ui.form .fields {
   clear: both;
}
.ui.form .fields:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.ui.form .fields > .field {
    clear: none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ui.form .fields > .field:first-child {
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Other Combinations */
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%;
}
.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
    width: 33.333%;
    padding-left: 1%;
    padding-right: 1%;
}
.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
    width: 25%;
    padding-left: 1%;
    padding-right: 1%;
}
.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
    width: 20%;
    padding-left: 1%;
    padding-right: 1%;
}
.ui.form .fields .field:first-child {
    padding-left: 0%;
}
.ui.form .fields .field:last-child {
    padding-right: 0%;
}
/* Fields grid support */
.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: 1%;
    padding-right: 1%;
}
.ui.form .fields .wide.field:first-child {
    padding-left: 0%;
}
.ui.form .fields .wide.field:last-child {
    padding-right: 0%;
}
.ui.form .fields > .one.wide.field {
    width: 6.25%;
}
.ui.form .fields > .two.wide.field {
    width: 12.5%;
}
.ui.form .fields > .three.wide.field {
    width: 18.75%;
}
.ui.form .fields > .four.wide.field {
    width: 25%;
}
.ui.form .fields > .five.wide.field {
    width: 31.25%;
}
.ui.form .fields > .six.wide.field {
    width: 37.5%;
}
.ui.form .fields > .seven.wide.field {
    width: 43.75%;
}
.ui.form .fields > .eight.wide.field {
    width: 50%;
}
.ui.form .fields > .nine.wide.field {
    width: 56.25%;
}
.ui.form .fields > .ten.wide.field {
    width: 62.5%;
}
.ui.form .fields > .eleven.wide.field {
    width: 68.75%;
}
.ui.form .fields > .twelve.wide.field {
    width: 75%;
}
.ui.form .fields > .thirteen.wide.field {
    width: 81.25%;
}
.ui.form .fields > .fourteen.wide.field {
    width: 87.5%;
}
.ui.form .fields > .fifteen.wide.field {
    width: 93.75%;
}
.ui.form .fields > .sixteen.wide.field {
    width: 100%;
}
/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
    .ui.form .two.fields > .fields,
    .ui.form .two.fields > .field,
    .ui.form .three.fields > .fields,
    .ui.form .three.fields > .field,
    .ui.form .four.fields > .fields,
    .ui.form .four.fields > .field,
    .ui.form .five.fields > .fields,
    .ui.form .five.fields > .field,
    .ui.form .fields > .two.wide.field,
    .ui.form .fields > .three.wide.field,
    .ui.form .fields > .four.wide.field,
    .ui.form .fields > .five.wide.field,
    .ui.form .fields > .six.wide.field,
    .ui.form .fields > .seven.wide.field,
    .ui.form .fields > .eight.wide.field,
    .ui.form .fields > .nine.wide.field,
    .ui.form .fields > .ten.wide.field,
    .ui.form .fields > .eleven.wide.field,
    .ui.form .fields > .twelve.wide.field,
    .ui.form .fields > .thirteen.wide.field,
    .ui.form .fields > .fourteen.wide.field,
    .ui.form .fields > .fifteen.wide.field,
    .ui.form .fields > .sixteen.wide.field {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
    }
}
/*--------------------
    Inline Fields
---------------------*/
.ui.form .inline.fields .field {
    min-height: 1.3em;
    margin-right: 0.5em;
}
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.fields .field > .ui.input,
.ui.form .inline.fields .field > input,
.ui.form .inline.field > label,
.ui.form .inline.field > p,
.ui.form .inline.field > .ui.input,
.ui.form .inline.field > input {
    display: inline-block;
    width: auto;
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: middle;
}
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
    margin: 0em 0.5em 0em 0em;
}
.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
    margin: 0em;
}
/*--------------------
        Sizes
---------------------*/
/* Standard */
.ui.small.form {
    font-size: 0.875em;
}
.ui.small.form textarea,
.ui.small.form input[type="color"],
.ui.small.form input[type="date"],
.ui.small.form input[type="datetime"],
.ui.small.form input[type="datetime-local"],
.ui.small.form input[type="email"],
.ui.small.form input[type="month"],
.ui.small.form input[type="number"],
.ui.small.form input[type="password"],
.ui.small.form input[type="search"],
.ui.small.form input[type="tel"],
.ui.small.form input[type="text"],
.ui.small.form input[type="time"],
.ui.small.form input[type="url"],
.ui.small.form input[type="week"],
.ui.small.form label {
    font-size: 1em;
}
/* Large */
.ui.large.form {
    font-size: 1.125em;
}

/*
 * # Semantic - Grid
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Grid
*******************************/
.ui.grid {
    display: block;
    text-align: left;
    font-size: 0em;
    margin: 0% -1.5%;
    padding: 0%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body > .ui.grid {
    margin-left: 0% !important;
    margin-right: 0% !important;
}
.ui.grid:after,
.ui.row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*-------------------
       Columns
--------------------*/
/* Standard 16 column */
.ui.grid > .column,
.ui.grid > .row > .column {
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    width: 6.25%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}
/* Vertical padding when no rows */
.ui.grid > .column {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/*-------------------
        Rows
--------------------*/
.ui.grid > .row {
    display: block;
    width: 100% !important;
    margin-top: 1.5%;
    padding: 1rem 0% 0%;
    font-size: 0rem;
}
.ui.grid > .row:first-child {
    padding-top: 0rem;
    margin-top: 0rem;
}
/*-------------------
      Content
--------------------*/
.ui.grid > .row > img,
.ui.grid > .row > .column > img {
    max-width: 100%;
}
.ui.grid .column > .ui.segment:only-child {
    margin: 0em;
}
/*******************************
           Variations
*******************************/
/*-----------------------
  Page Grid (Responsive)
-------------------------*/
.ui.page.grid {
    min-width: 320px;
    margin-left: 0%;
    margin-right: 0%;
}
@media only screen and (max-width: 991px) {
    .ui.page.grid {
        padding: 0% 4%;
    }
}
@media only screen and (min-width: 992px) {
    .ui.page.grid {
        padding: 0% 8%;
    }
}
@media only screen and (min-width: 1500px) {
    .ui.page.grid {
        padding: 0% 13%;
    }
}
@media only screen and (min-width: 1750px) {
    .ui.page.grid {
        padding: 0% 18%;
    }
}
@media only screen and (min-width: 2000px) {
    .ui.page.grid {
        padding: 0% 23%;
    }
}
/*-------------------
    Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > .one.wide.column,
.ui.grid > .column.row > .one.wide.column,
.ui.grid > .one.wide.column,
.ui.column.grid > .one.wide.column {
    width: 6.25%;
}
.ui.grid > .row > .two.wide.column,
.ui.grid > .column.row > .two.wide.column,
.ui.grid > .two.wide.column,
.ui.column.grid > .two.wide.column {
    width: 12.5%;
}
.ui.grid > .row > .three.wide.column,
.ui.grid > .column.row > .three.wide.column,
.ui.grid > .three.wide.column,
.ui.column.grid > .three.wide.column {
    width: 18.75%;
}
.ui.grid > .row > .four.wide.column,
.ui.grid > .column.row > .four.wide.column,
.ui.grid > .four.wide.column,
.ui.column.grid > .four.wide.column {
    width: 25%;
}
.ui.grid > .row > .five.wide.column,
.ui.grid > .column.row > .five.wide.column,
.ui.grid > .five.wide.column,
.ui.column.grid > .five.wide.column {
    width: 31.25%;
}
.ui.grid > .row > .six.wide.column,
.ui.grid > .column.row > .six.wide.column,
.ui.grid > .six.wide.column,
.ui.column.grid > .six.wide.column {
    width: 37.5%;
}
.ui.grid > .row > .seven.wide.column,
.ui.grid > .column.row > .seven.wide.column,
.ui.grid > .seven.wide.column,
.ui.column.grid > .seven.wide.column {
    width: 43.75%;
}
.ui.grid > .row > .eight.wide.column,
.ui.grid > .column.row > .eight.wide.column,
.ui.grid > .eight.wide.column,
.ui.column.grid > .eight.wide.column {
    width: 50%;
}
.ui.grid > .row > .nine.wide.column,
.ui.grid > .column.row > .nine.wide.column,
.ui.grid > .nine.wide.column,
.ui.column.grid > .nine.wide.column {
    width: 56.25%;
}
.ui.grid > .row > .ten.wide.column,
.ui.grid > .column.row > .ten.wide.column,
.ui.grid > .ten.wide.column,
.ui.column.grid > .ten.wide.column {
    width: 62.5%;
}
.ui.grid > .row > .eleven.wide.column,
.ui.grid > .column.row > .eleven.wide.column,
.ui.grid > .eleven.wide.column,
.ui.column.grid > .eleven.wide.column {
    width: 68.75%;
}
.ui.grid > .row > .twelve.wide.column,
.ui.grid > .column.row > .twelve.wide.column,
.ui.grid > .twelve.wide.column,
.ui.column.grid > .twelve.wide.column {
    width: 75%;
}
.ui.grid > .row > .thirteen.wide.column,
.ui.grid > .column.row > .thirteen.wide.column,
.ui.grid > .thirteen.wide.column,
.ui.column.grid > .thirteen.wide.column {
    width: 81.25%;
}
.ui.grid > .row > .fourteen.wide.column,
.ui.grid > .column.row > .fourteen.wide.column,
.ui.grid > .fourteen.wide.column,
.ui.column.grid > .fourteen.wide.column {
    width: 87.5%;
}
.ui.grid > .row > .fifteen.wide.column,
.ui.grid > .column.row > .fifteen.wide.column,
.ui.grid > .fifteen.wide.column,
.ui.column.grid > .fifteen.wide.column {
    width: 93.75%;
}
.ui.grid > .row > .sixteen.wide.column,
.ui.grid > .column.row > .sixteen.wide.column,
.ui.grid > .sixteen.wide.column,
.ui.column.grid > .sixteen.wide.column {
    width: 100%;
}
/*-------------------
     Column Count
--------------------*/
/* Assume full width with one column */
.ui.one.column.grid > .row > .column,
.ui.one.column.grid > .column,
.ui.grid > .one.column.row > .column {
    width: 100%;
}
.ui.two.column.grid > .row > .column,
.ui.two.column.grid > .column,
.ui.grid > .two.column.row > .column {
    width: 50%;
}
.ui.three.column.grid > .row > .column,
.ui.three.column.grid > .column,
.ui.grid > .three.column.row > .column {
    width: 33.3333%;
}
.ui.four.column.grid > .row > .column,
.ui.four.column.grid > .column,
.ui.grid > .four.column.row > .column {
    width: 25%;
}
.ui.five.column.grid > .row > .column,
.ui.five.column.grid > .column,
.ui.grid > .five.column.row > .column {
    width: 20%;
}
.ui.six.column.grid > .row > .column,
.ui.six.column.grid > .column,
.ui.grid > .six.column.row > .column {
    width: 16.66667%;
}
.ui.seven.column.grid > .row > .column,
.ui.seven.column.grid > .column,
.ui.grid > .seven.column.row > .column {
    width: 14.2857%;
}
.ui.eight.column.grid > .row > .column,
.ui.eight.column.grid > .column,
.ui.grid > .eight.column.row > .column {
    width: 12.5%;
}
.ui.nine.column.grid > .row > .column,
.ui.nine.column.grid > .column,
.ui.grid > .nine.column.row > .column {
    width: 11.1111%;
}
.ui.ten.column.grid > .row > .column,
.ui.ten.column.grid > .column,
.ui.grid > .ten.column.row > .column {
    width: 10%;
}
.ui.eleven.column.grid > .row > .column,
.ui.eleven.column.grid > .column,
.ui.grid > .eleven.column.row > .column {
    width: 9.0909%;
}
.ui.twelve.column.grid > .row > .column,
.ui.twelve.column.grid > .column,
.ui.grid > .twelve.column.row > .column {
    width: 8.3333%;
}
.ui.thirteen.column.grid > .row > .column,
.ui.thirteen.column.grid > .column,
.ui.grid > .thirteen.column.row > .column {
    width: 7.6923%;
}
.ui.fourteen.column.grid > .row > .column,
.ui.fourteen.column.grid > .column,
.ui.grid > .fourteen.column.row > .column {
    width: 7.1428%;
}
.ui.fifteen.column.grid > .row > .column,
.ui.fifteen.column.grid > .column,
.ui.grid > .fifteen.column.row > .column {
    width: 6.6666%;
}
.ui.sixteen.column.grid > .row > .column,
.ui.sixteen.column.grid > .column,
.ui.grid > .sixteen.column.row > .column {
    width: 6.25%;
}
/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
    width: 100%;
}
/*----------------------
        Relaxed
-----------------------*/
.ui.relaxed.grid {
    margin: 0% -2.5%;
}
.ui.relaxed.grid > .column,
.ui.relaxed.grid > .row > .column {
    padding-left: 2.5%;
    padding-right: 2.5%;
}
/*----------------------
       "Floated"
-----------------------*/
.ui.grid .left.floated.column {
    float: left;
}
.ui.grid .right.floated.column {
    float: right;
}
/*----------------------
        Divided
-----------------------*/
.ui.divided.grid,
.ui.divided.grid > .row {
    display: table;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
}
.ui.divided.grid > .column:not(.row),
.ui.divided.grid > .row > .column {
    display: table-cell;
    -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
    box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.1), -2px 0px 0px 0px rgba(255, 255, 255, 0.8);
}
.ui.divided.grid > .column.row {
    display: table;
}
.ui.divided.grid > .column:first-child,
.ui.divided.grid > .row > .column:first-child {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Vertically Divided */
.ui.vertically.divided.grid > .row {
    -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
}
.ui.vertically.divided.grid > .row > .column,
.ui.vertically.divided.grid > .column:not(.row),
.ui.vertically.divided.grid > .row:first-child {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
/*----------------------
         Celled
-----------------------*/
.ui.celled.grid {
    display: table;
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF;
    box-shadow: 0px 0px 0px 1px #DFDFDF;
}
.ui.celled.grid > .row,
.ui.celled.grid > .column.row,
.ui.celled.grid > .column.row:first-child {
    display: table;
    width: 100%;
    margin-top: 0em;
    padding-top: 0em;
    -webkit-box-shadow: 0px -1px 0px 0px #dfdfdf;
    box-shadow: 0px -1px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
    display: table-cell;
    padding: 0.75em;
    -webkit-box-shadow: -1px 0px 0px 0px #dfdfdf;
    box-shadow: -1px 0px 0px 0px #dfdfdf;
}
.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.celled.page.grid {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*----------------------
  Horizontally Centered
-----------------------*/
/* Vertical Centered */
.ui.left.aligned.grid,
.ui.left.aligned.grid > .row > .column,
.ui.left.aligned.grid > .column,
.ui.grid .left.aligned.column,
.ui.grid > .left.aligned.row > .column {
    text-align: left;
}
.ui.center.aligned.grid,
.ui.center.aligned.grid > .row > .column,
.ui.center.aligned.grid > .column,
.ui.grid .center.aligned.column,
.ui.grid > .center.aligned.row > .column {
    text-align: center;
}
.ui.right.aligned.grid,
.ui.right.aligned.grid > .row > .column,
.ui.right.aligned.grid > .column,
.ui.grid .right.aligned.column,
.ui.grid > .right.aligned.row > .column {
    text-align: right;
}
.ui.justified.grid,
.ui.justified.grid > .row > .column,
.ui.justified.grid > .column,
.ui.grid .justified.column,
.ui.grid > .justified.row > .column {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/*----------------------
  Vertically Centered
-----------------------*/
/* Vertical Centered */
.ui.top.aligned.grid,
.ui.top.aligned.grid > .row > .column,
.ui.top.aligned.grid > .column,
.ui.grid .top.aligned.column,
.ui.grid > .top.aligned.row > .column {
    vertical-align: top;
}
.ui.middle.aligned.grid,
.ui.middle.aligned.grid > .row > .column,
.ui.middle.aligned.grid > .column,
.ui.grid .middle.aligned.column,
.ui.grid > .middle.aligned.row > .column {
    vertical-align: middle;
}
.ui.bottom.aligned.grid,
.ui.bottom.aligned.grid > .row > .column,
.ui.bottom.aligned.grid > .column,
.ui.grid .bottom.aligned.column,
.ui.grid > .bottom.aligned.row > .column {
    vertical-align: bottom;
}
/*----------------------
  Equal Height Columns
-----------------------*/
.ui.grid > .equal.height.row {
    display: table;
    width: 100%;
}
.ui.grid > .equal.height.row > .column {
    display: table-cell;
}
/*----------------------
     Only (Device)
-----------------------*/
/* Mobile Only Hide */
@media only screen and (max-width: 767px) {
    .ui.tablet:not(.mobile).only.grid,
    .ui.grid > .tablet:not(.mobile).only.row,
    .ui.grid > .tablet:not(.mobile).only.column,
    .ui.grid > .row > .tablet:not(.mobile).only.column {
        display: none !important;
    }
    .ui.computer:not(.mobile).only.grid,
    .ui.grid > .computer:not(.mobile).only.row,
    .ui.grid > .computer:not(.mobile).only.column,
    .ui.grid > .row > .computer:not(.mobile).only.column {
        display: none !important;
    }
}
/* Tablet Only Hide */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.mobile:not(.tablet).only.grid,
    .ui.grid > .mobile:not(.tablet).only.row,
    .ui.grid > .mobile:not(.tablet).only.column,
    .ui.grid > .row > .mobile:not(.tablet).only.column {
        display: none !important;
    }
    .ui.computer:not(.tablet).only.grid,
    .ui.grid > .computer:not(.tablet).only.row,
    .ui.grid > .computer:not(.tablet).only.column,
    .ui.grid > .row > .computer:not(.tablet).only.column {
        display: none !important;
    }
}
/* Computer Only Hide */
@media only screen and (min-width: 992px) {
    .ui.mobile:not(.computer).only.grid,
    .ui.grid > .mobile:not(.computer).only.row,
    .ui.grid > .mobile:not(.computer).only.column,
    .ui.grid > .row > .mobile:not(.computer).only.column {
        display: none !important;
    }
    .ui.tablet:not(.computer).only.grid,
    .ui.grid > .tablet:not(.computer).only.row,
    .ui.grid > .tablet:not(.computer).only.column,
    .ui.grid > .row > .tablet:not(.computer).only.column {
        display: none !important;
    }
}
/*-------------------
      Doubling
--------------------*/
/* Mobily Only */
@media only screen and (max-width: 767px) {
    .ui.two.column.doubling.grid > .row > .column,
    .ui.two.column.doubling.grid > .column,
    .ui.grid > .two.column.doubling.row > .column {
        width: 100%;
    }
    .ui.three.column.doubling.grid > .row > .column,
    .ui.three.column.doubling.grid > .column,
    .ui.grid > .three.column.doubling.row > .column {
        width: 100%;
    }
    .ui.four.column.doubling.grid > .row > .column,
    .ui.four.column.doubling.grid > .column,
    .ui.grid > .four.column.doubling.row > .column {
        width: 100%;
    }
    .ui.five.column.doubling.grid > .row > .column,
    .ui.five.column.doubling.grid > .column,
    .ui.grid > .five.column.doubling.row > .column {
        width: 100%;
    }
    .ui.six.column.doubling.grid > .row > .column,
    .ui.six.column.doubling.grid > .column,
    .ui.grid > .six.column.doubling.row > .column {
        width: 50%;
    }
    .ui.seven.column.doubling.grid > .row > .column,
    .ui.seven.column.doubling.grid > .column,
    .ui.grid > .seven.column.doubling.row > .column {
        width: 50%;
    }
    .ui.eight.column.doubling.grid > .row > .column,
    .ui.eight.column.doubling.grid > .column,
    .ui.grid > .eight.column.doubling.row > .column {
        width: 50%;
    }
    .ui.nine.column.doubling.grid > .row > .column,
    .ui.nine.column.doubling.grid > .column,
    .ui.grid > .nine.column.doubling.row > .column {
        width: 50%;
    }
    .ui.ten.column.doubling.grid > .row > .column,
    .ui.ten.column.doubling.grid > .column,
    .ui.grid > .ten.column.doubling.row > .column {
        width: 50%;
    }
    .ui.twelve.column.doubling.grid > .row > .column,
    .ui.twelve.column.doubling.grid > .column,
    .ui.grid > .twelve.column.doubling.row > .column {
        width: 33.3333333333333%;
    }
    .ui.fourteen.column.doubling.grid > .row > .column,
    .ui.fourteen.column.doubling.grid > .column,
    .ui.grid > .fourteen.column.doubling.row > .column {
        width: 33.3333333333333%;
    }
    .ui.sixteen.column.doubling.grid > .row > .column,
    .ui.sixteen.column.doubling.grid > .column,
    .ui.grid > .sixteen.column.doubling.row > .column {
        width: 25%;
    }
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.two.column.doubling.grid > .row > .column,
    .ui.two.column.doubling.grid > .column,
    .ui.grid > .two.column.doubling.row > .column {
        width: 100%;
    }
    .ui.three.column.doubling.grid > .row > .column,
    .ui.three.column.doubling.grid > .column,
    .ui.grid > .three.column.doubling.row > .column {
        width: 50%;
    }
    .ui.four.column.doubling.grid > .row > .column,
    .ui.four.column.doubling.grid > .column,
    .ui.grid > .four.column.doubling.row > .column {
        width: 50%;
    }
    .ui.five.column.doubling.grid > .row > .column,
    .ui.five.column.doubling.grid > .column,
    .ui.grid > .five.column.doubling.row > .column {
        width: 33.3333333%;
    }
    .ui.six.column.doubling.grid > .row > .column,
    .ui.six.column.doubling.grid > .column,
    .ui.grid > .six.column.doubling.row > .column {
        width: 33.3333333%;
    }
    .ui.eight.column.doubling.grid > .row > .column,
    .ui.eight.column.doubling.grid > .column,
    .ui.grid > .eight.column.doubling.row > .column {
        width: 33.3333333%;
    }
    .ui.eight.column.doubling.grid > .row > .column,
    .ui.eight.column.doubling.grid > .column,
    .ui.grid > .eight.column.doubling.row > .column {
        width: 25%;
    }
    .ui.nine.column.doubling.grid > .row > .column,
    .ui.nine.column.doubling.grid > .column,
    .ui.grid > .nine.column.doubling.row > .column {
        width: 25%;
    }
    .ui.ten.column.doubling.grid > .row > .column,
    .ui.ten.column.doubling.grid > .column,
    .ui.grid > .ten.column.doubling.row > .column {
        width: 20%;
    }
    .ui.twelve.column.doubling.grid > .row > .column,
    .ui.twelve.column.doubling.grid > .column,
    .ui.grid > .twelve.column.doubling.row > .column {
        width: 16.6666666%;
    }
    .ui.fourteen.column.doubling.grid > .row > .column,
    .ui.fourteen.column.doubling.grid > .column,
    .ui.grid > .fourteen.column.doubling.row > .column {
        width: 14.28571428571429%;
    }
    .ui.sixteen.column.doubling.grid > .row > .column,
    .ui.sixteen.column.doubling.grid > .column,
    .ui.grid > .sixteen.column.doubling.row > .column {
        width: 12.5%;
    }
}
/*-------------------
      Stackable
--------------------*/
@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        display: block !important;
        padding: 0em;
        margin: 0em;
    }
    .ui.stackable.grid > .row > .column,
    .ui.stackable.grid > .column {
        display: block !important;
        width: auto !important;
        margin: 1em 0em 0em !important;
        padding: 1em 0em 0em !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .ui.stackable.divided.grid .column,
    .ui.stackable.celled.grid .column {
        border-top: 1px dotted rgba(0, 0, 0, 0.1);
    }
    .ui.stackable.grid > .row:first-child > .column:first-child,
    .ui.stackable.grid > .column:first-child {
        margin-top: 0em !important;
        padding-top: 0em !important;
    }
    .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:first-child,
    .ui.stackable.celled.grid > .column:first-child {
        border-top: none !important;
    }
    .ui.stackable.page.grid > .row > .column,
    .ui.stackable.page.grid > .column {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }
    /* Remove pointers from vertical menus */
    .ui.stackable.grid .vertical.pointing.menu .item:after {
        display: none;
    }
}

/*
 * # Semantic - Menu
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Standard
*******************************/
/*--------------
      Menu
---------------*/
.ui.menu {
    margin: 1rem 0rem;
    background-color: #FFFFFF;
    font-size: 0px;
    font-weight: normal;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0.1875rem;
}
.ui.menu:first-child {
    margin-top: 0rem;
}
.ui.menu:last-child {
    margin-bottom: 0rem;
}
.ui.menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui.menu > .item:first-child {
    border-radius: 0.1875em 0px 0px 0.1875em;
}
.ui.menu > .item:last-child {
    border-radius: 0px 0.1875em 0.1875em 0px;
}
.ui.menu .item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
    -moz-transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
/*--------------
    Colors
---------------*/
/* Text Color */
.ui.menu .item,
.ui.menu .item > a:not(.button) {
    color: rgba(0, 0, 0, 0.75);
}
.ui.menu .item .item,
.ui.menu .item .item > a:not(.button) {
    color: rgba(30, 30, 30, 0.7);
}
.ui.menu .item .item .item,
.ui.menu .item .item .item > a:not(.button) {
    color: rgba(30, 30, 30, 0.6);
}
.ui.menu .dropdown .menu .item,
.ui.menu .dropdown .menu .item a:not(.button) {
    color: rgba(0, 0, 0, 0.75);
}
/* Hover */
.ui.menu .item .menu a.item:hover,
.ui.menu .item .menu .link.item:hover {
    color: rgba(0, 0, 0, 0.85);
}
.ui.menu .dropdown .menu .item a:not(.button):hover {
    color: rgba(0, 0, 0, 0.85);
}
/* Active */
.ui.menu .active.item,
.ui.menu .active.item a:not(.button) {
    color: rgba(0, 0, 0, 0.85);
    border-radius: 0px;
}
/*--------------
      Items
---------------*/
.ui.menu .item {
    position: relative;
    display: inline-block;
    padding: 0.83em 0.95em;
    border-top: 0em solid rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui.menu .menu {
    margin: 0em;
}
.ui.menu .item.left,
.ui.menu .menu.left {
    float: left;
}
.ui.menu .item.right,
.ui.menu .menu.right {
    float: right;
}
/*--------------
    Borders
---------------*/
.ui.menu .item:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0px;
    width: 1px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.05)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
    background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%);
}
/*rtl:ignore*/
.ui.menu > .menu:not(.right):first-child > .item:first-child:before,
.ui.menu .item:first-child:before {
    display: none;
}
.ui.menu .menu.right .item:before,
.ui.menu .item.right:before {
    right: auto;
    left: 0px;
}
/*--------------
  Text Content
---------------*/
.ui.menu .text.item > *,
.ui.menu .item > p:only-child {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
}
.ui.menu .item > p:first-child {
    margin-top: 0px;
}
.ui.menu .item > p:last-child {
    margin-bottom: 0px;
}
/*--------------
     Button
---------------*/
.ui.menu:not(.vertical) .item > .button {
    position: relative;
    top: -0.05em;
    margin: -0.55em 0;
    padding-bottom: 0.55em;
    padding-top: 0.55em;
    font-size: 0.875em;
}
/*--------------
     Inputs
---------------*/
.ui.menu:not(.vertical) .item > .input {
    margin-top: -0.85em;
    margin-bottom: -0.85em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    width: 100%;
    vertical-align: top;
}
.ui.menu .item > .input input {
    padding-top: 0.35em;
    padding-bottom: 0.35em;
}
.ui.vertical.menu .item > .input input {
    margin: 0em;
    padding-top: 0.63em;
    padding-bottom: 0.63em;
}
/* Action Input */
.ui.menu:not(.vertical) .item > .button.labeled > .icon {
    padding-top: 0.6em;
}
.ui.menu:not(.vertical) .item .action.input > .button {
    font-size: 0.8em;
    padding: 0.55em 0.8em;
}
/* Resizes */
.ui.small.menu:not(.vertical) .item > .input input {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}
.ui.large.menu:not(.vertical) .item > .input input {
    top: -0.125em;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
}
.ui.large.menu:not(.vertical) .item .action.input > .button {
    font-size: 0.8em;
    padding: 0.9em;
}
.ui.large.menu:not(.vertical) .item .action.input > .button > .icon {
    padding-top: 0.8em;
}
/*--------------
     Header
---------------*/
.ui.menu .header.item {
    background-color: rgba(0, 0, 0, 0.04);
    margin: 0em;
}
.ui.vertical.menu .header.item {
    font-weight: bold;
}
/*--------------
    Dropdowns
---------------*/
.ui.menu .dropdown .menu .item .icon {
    float: none;
    margin: 0em 0.75em 0em 0em;
}
.ui.menu .dropdown.item .menu {
    left: 1px;
    margin: 0px;
    min-width: -webkit-calc(99%);
    min-width: -moz-calc(99%);
    min-width: calc(99%);
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.ui.secondary.menu .dropdown.item .menu {
    left: 0px;
    min-width: 100%;
}
.ui.menu .pointing.dropdown.item .menu {
    margin-top: 0.75em;
}
.ui.menu .simple.dropdown.item .menu {
    margin: 0px !important;
}
.ui.menu .dropdown.item .menu .item {
    width: 100%;
    color: rgba(0, 0, 0, 0.75);
}
.ui.menu .dropdown.item .menu .active.item {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ui.menu .ui.dropdown .menu .item:before {
    display: none;
}
/*--------------
     Labels
---------------*/
.ui.menu .item > .label {
    background-color: rgba(0, 0, 0, 0.35);
    color: #FFFFFF;
    margin: -0.15em 0em -0.15em 0.5em;
    padding: 0.3em 0.8em;
    vertical-align: baseline;
}
.ui.menu .item > .floating.label {
    padding: 0.3em 0.8em;
}
/*--------------
      Images
---------------*/
.ui.menu .item > img:only-child {
    display: block;
    max-width: 100%;
    margin: 0em auto;
}
/*******************************
             States
*******************************/
/*--------------
      Hover
---------------*/
.ui.link.menu .item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover,
.ui.menu .ui.dropdown .menu .item:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.02);
}
.ui.menu .ui.dropdown.item.active {
    background-color: rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-bottom-right-radius: 0em;
    border-bottom-right-radius: 0em;
    -moz-border-bottom-left-radius: 0em;
    border-bottom-left-radius: 0em;
}
/*--------------
      Down
---------------*/
.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active,
.ui.menu .ui.dropdown .menu .item:active {
    background-color: rgba(0, 0, 0, 0.05);
}
/*--------------
     Active
---------------*/
.ui.menu .active.item {
    background-color: rgba(0, 0, 0, 0.01);
    color: rgba(0, 0, 0, 0.95);
    -webkit-box-shadow: 0em 0.2em 0em inset;
    box-shadow: 0em 0.2em 0em inset;
}
.ui.vertical.menu .active.item {
    border-radius: 0em;
    -webkit-box-shadow: 0.2em 0em 0em inset;
    box-shadow: 0.2em 0em 0em inset;
}
.ui.vertical.menu > .active.item:first-child {
    border-radius: 0em 0.1875em 0em 0em;
}
.ui.vertical.menu > .active.item:last-child {
    border-radius: 0em 0em 0.1875em 0em;
}
.ui.vertical.menu > .active.item:only-child {
    border-radius: 0em 0.1875em 0.1875em 0em;
}
.ui.vertical.menu .active.item .menu .active.item {
    border-left: none;
}
.ui.vertical.menu .active.item .menu .active.item {
    padding-left: 1.5rem;
}
.ui.vertical.menu .item .menu .active.item {
    background-color: rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*--------------
     Disabled
---------------*/
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
    cursor: default;
    color: rgba(0, 0, 0, 0.2);
    background-color: transparent !important;
}
/*--------------------
     Loading
---------------------*/
/* On Form */
.ui.menu.loading {
    position: relative;
}
.ui.menu.loading:after {
    position: absolute;
    top: 0%;
    left: 0%;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url(http://akapelaopen.com/View/resources/images/loader-large.gif) no-repeat 50% 50%;
    visibility: visible;
}
/*******************************
             Types
*******************************/
/*--------------
    Vertical
---------------*/
.ui.vertical.menu .item {
    display: block;
    height: auto !important;
    border-top: none;
    border-left: 0em solid rgba(0, 0, 0, 0);
    border-right: none;
}
.ui.vertical.menu > .item:first-child {
    border-radius: 0.1875em 0.1875em 0px 0px;
}
.ui.vertical.menu > .item:last-child {
    border-radius: 0px 0px 0.1875em 0.1875em;
}
.ui.vertical.menu .item > .label {
    float: right;
    text-align: center;
}
.ui.vertical.menu .item > i.icon {
    float: right;
    width: 1.22em;
    margin: 0em 0em 0em 0.5em;
}
.ui.vertical.menu .item > .label + i.icon {
    float: none;
    margin: 0em 0.25em 0em 0em;
}
/*--- Border ---*/
.ui.vertical.menu .item:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0px;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.03)), color-stop(1.5em, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.03)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%);
}
.ui.vertical.menu .item:first-child:before {
    background-image: none !important;
}
/*--- Dropdown ---*/
.ui.vertical.menu .dropdown.item > i {
    float: right;
    content: "\f0da";
}
.ui.vertical.menu .dropdown.item .menu {
    top: 0% !important;
    left: 100%;
    margin: 0px 0px 0px 1px;
    -webkit-box-shadow: 0 0px 1px 1px #DDDDDD;
    box-shadow: 0 0px 1px 1px #DDDDDD;
}
.ui.vertical.menu .dropdown.item.active {
    border-top-right-radius: 0em;
    border-bottom-right-radius: 0em;
}
.ui.vertical.menu .dropdown.item .menu .item {
    font-size: 1rem;
}
.ui.vertical.menu .dropdown.item .menu .item i.icon {
    margin-right: 0em;
}
.ui.vertical.menu .dropdown.item.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*--- Sub Menu ---*/
.ui.vertical.menu .item > .menu {
    margin: 0.5em -0.95em 0em;
}
.ui.vertical.menu .item > .menu > .item {
    padding: 0.5rem 1.5rem;
    font-size: 0.875em;
}
.ui.vertical.menu .item > .menu > .item:before {
    display: none;
}
/*--------------
     Tiered
---------------*/
.ui.tiered.menu > .sub.menu > .item {
    color: rgba(0, 0, 0, 0.4);
}
.ui.tiered.menu > .menu > .item:hover {
    color: rgba(0, 0, 0, 0.8);
}
.ui.tiered.menu .item.active {
    color: rgba(0, 0, 0, 0.8);
}
.ui.tiered.menu > .menu .item.active:after {
    position: absolute;
    content: '';
    margin-top: -1px;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #FBFBFB;
}
.ui.tiered.menu .sub.menu {
    background-color: rgba(0, 0, 0, 0.01);
    border-radius: 0em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFFFFF;
}
.ui.tiered.menu .sub.menu .item {
    font-size: 0.875rem;
}
.ui.tiered.menu .sub.menu .item:before {
    background-image: none;
}
.ui.tiered.menu .sub.menu .active.item {
    padding-top: 0.83em;
    background-color: transparent;
    border-radius: 0 0 0 0;
    border-top: medium none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.7) !important;
}
.ui.tiered.menu .sub.menu .active.item:after {
    display: none;
}
/* Inverted */
.ui.inverted.tiered.menu > .menu > .item {
    color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.tiered.menu .sub.menu {
    background-color: rgba(0, 0, 0, 0.2);
}
.ui.inverted.tiered.menu .sub.menu .item {
    color: rgba(255, 255, 255, 0.6);
}
.ui.inverted.tiered.menu > .menu > .item:hover {
    color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.tiered.menu .active.item:after {
    display: none;
}
.ui.inverted.tiered.menu > .sub.menu > .active.item,
.ui.inverted.tiered.menu > .menu > .active.item {
    color: #ffffff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Tiered pointing */
.ui.pointing.tiered.menu > .menu > .item:after {
    display: none;
}
.ui.pointing.tiered.menu > .sub.menu > .item:after {
    display: block;
}
/*--------------
     Tabular
---------------*/
.ui.tabular.menu {
    background-color: transparent;
    border-bottom: 1px solid #DCDDDE;
    border-radius: 0em;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ui.tabular.menu .item {
    background-color: transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    padding-left: 1.4em;
    padding-right: 1.4em;
    color: rgba(0, 0, 0, 0.6);
}
.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 {
    position: relative;
    background-color: #FFFFFF;
    color: rgba(0, 0, 0, 0.8);
    border-color: #DCDDDE;
    font-weight: bold;
    margin-bottom: -1px;
    border-bottom: 1px solid #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px 5px 0 0;
}
/* Coupling with segment for attachment */
.ui.attached.tabular.menu {
    position: relative;
    z-index: 2;
}
.ui.tabular.menu ~ .bottom.attached.segment {
    margin: 1px 0px 0px 1px;
}
/*--------------
   Pagination
---------------*/
.ui.pagination.menu {
    margin: 0em;
    display: inline-block;
    vertical-align: middle;

}
.ui.pagination.menu .item {
    min-width: 3em;
    text-align: center;
}
.ui.pagination.menu .icon.item i.icon {
    vertical-align: top;
}
.ui.pagination.menu.floated {
    display: block;
}
/* active */
.ui.pagination.menu .active.item {
    border-top: none;
    padding-top: 0.83em;
    background-color: rgba(1, 1, 1, 0.11);
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*--------------
   Secondary
---------------*/
.ui.secondary.menu {
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.secondary.menu > .menu > .item,
.ui.secondary.menu > .item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: auto !important;
    margin: 0em 0.25em;
    padding: 0.5em 1em;
    border-radius: 0.3125em;
}
.ui.secondary.menu > .menu > .item:before,
.ui.secondary.menu > .item:before {
    display: none !important;
}
.ui.secondary.menu .item > .input input {
    background-color: transparent;
    border: none;
}
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
    opacity: 0.8;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.ui.secondary.menu .header.item {
    border-right: 0.1em solid rgba(0, 0, 0, 0.1);
    background-color: transparent;
    border-radius: 0em;
}
/* hover */
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
    opacity: 1;
}
/* active */
.ui.secondary.menu > .menu > .active.item,
.ui.secondary.menu > .active.item {
    background-color: rgba(0, 0, 0, 0.08);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.secondary.vertical.menu > .active.item {
    border-radius: 0.3125em;
}
/* inverted */
.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
    color: rgba(255, 255, 255, 0.5);
}
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
    color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.inverted.menu .active.item {
    background-color: rgba(255, 255, 255, 0.1);
}
/* disable variations */
.ui.secondary.item.menu > .item {
    margin: 0em;
}
.ui.secondary.attached.menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*---------------------
   Secondary Pointing
-----------------------*/
.ui.secondary.pointing.menu {
	margin-top:32px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
	width: 980px;
	margin-left:34px;
}
.ui.secondary.pointing.menu > .menu > .item,
.ui.secondary.pointing.menu > .item {
    margin: 0em 0em -3px;
    padding: 0.6em 0.80em;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    border-radius: 0em;
    -webkit-transition: color 0.2s
;
    -moz-transition: color 0.2s
;
    transition: color 0.2s
;
	font-family: 'Champagne & Limousines', Arial, sans-serif;
}
/* Item Types */
.ui.secondary.pointing.menu .header.item {
    margin-bottom: -3px;
    background-color: transparent !important;
    border-right-width: 0px !important;
    font-weight: bold !important;
    color: rgba(0, 0, 0, 0.8) !important;
}
.ui.secondary.pointing.menu .text.item {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ui.secondary.pointing.menu > .menu > .item:after,
.ui.secondary.pointing.menu > .item:after {
    display: none;
}
/* Hover */
.ui.secondary.pointing.menu > .menu > .link.item:hover,
.ui.secondary.pointing.menu > .link.item:hover,
.ui.secondary.pointing.menu > .menu > a.item:hover,
.ui.secondary.pointing.menu > a.item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.7);
}
/* Down */
.ui.secondary.pointing.menu > .menu > .link.item:active,
.ui.secondary.pointing.menu > .link.item:active,
.ui.secondary.pointing.menu > .menu > a.item:active,
.ui.secondary.pointing.menu > a.item:active {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2);
}
/* Active */
.ui.secondary.pointing.menu > .menu > .item.active,
.ui.secondary.pointing.menu > .item.active {
    background-color: transparent;
    border-color: #260497;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*---------------------
   Secondary Vertical
-----------------------*/
.ui.secondary.vertical.pointing.menu {
    border: none;
    border-right: 3px solid rgba(0, 0, 0, 0.1);
}
.ui.secondary.vertical.menu > .item {
    border: none;
    margin: 0em 0em 0.3em;
    padding: 0.6em 0.8em;
    border-radius: 0.1875em;
}
.ui.secondary.vertical.menu > .header.item {
    border-radius: 0em;
}
.ui.secondary.vertical.pointing.menu > .item {
    margin: 0em -3px 0em 0em;
    border-bottom: none;
    border-right: 3px solid transparent;
    border-radius: 0em;
}
/* Hover */
.ui.secondary.vertical.pointing.menu > .item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.7);
}
/* Down */
.ui.secondary.vertical.pointing.menu > .item:active {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2);
}
/* Active */
.ui.secondary.vertical.pointing.menu > .item.active {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.85);
}
/*--------------
    Inverted
---------------*/
.ui.secondary.inverted.menu {
    background-color: transparent;
}
.ui.secondary.inverted.pointing.menu {
    border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu > .item {
    color: rgba(255, 255, 255, 0.7);
}
.ui.secondary.inverted.pointing.menu > .header.item {
    color: #FFFFFF !important;
}
/* Hover */
.ui.secondary.inverted.pointing.menu > .menu > .item:hover,
.ui.secondary.inverted.pointing.menu > .item:hover {
    color: rgba(255, 255, 255, 0.85);
}
/* Down */
.ui.secondary.inverted.pointing.menu > .menu > .item:active,
.ui.secondary.inverted.pointing.menu > .item:active {
    border-color: rgba(255, 255, 255, 0.4);
}
/* Active */
.ui.secondary.inverted.pointing.menu > .menu > .item.active,
.ui.secondary.inverted.pointing.menu > .item.active {
    border-color: rgba(255, 255, 255, 0.8);
    color: #ffffff;
}
/*---------------------
   Inverted Vertical
----------------------*/
.ui.secondary.inverted.vertical.pointing.menu {
    border-right: 3px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
}
/*--------------
    Text Menu
---------------*/
.ui.text.menu {
    background-color: transparent;
    margin: 1rem -1rem;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.text.menu > .item {
    opacity: 0.8;
    margin: 0em 1em;
    padding: 0em;
    height: auto !important;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: opacity 0.2s ease
;
    -moz-transition: opacity 0.2s ease
;
    transition: opacity 0.2s ease
;
}
.ui.text.menu > .item:before {
    display: none !important;
}
.ui.text.menu .header.item {
    background-color: transparent;
    opacity: 1;
    color: rgba(50, 50, 50, 0.8);
    font-size: 0.875rem;
    padding: 0em;
    text-transform: uppercase;
    font-weight: bold;
}
/*--- fluid text ---*/
.ui.text.item.menu .item {
    margin: 0em;
}
/*--- vertical text ---*/
.ui.vertical.text.menu {
    margin: 1rem 0em;
}
.ui.vertical.text.menu:first-child {
    margin-top: 0rem;
}
.ui.vertical.text.menu:last-child {
    margin-bottom: 0rem;
}
.ui.vertical.text.menu .item {
    float: left;
    clear: left;
    margin: 0.5em 0em;
}
.ui.vertical.text.menu .item > i.icon {
    float: none;
    margin: 0em 0.83em 0em 0em;
}
.ui.vertical.text.menu .header.item {
    margin: 0.8em 0em;
}
/*--- hover ---*/
.ui.text.menu .item:hover {
    opacity: 1;
    background-color: transparent;
}
/*--- active ---*/
.ui.text.menu .active.item {
    background-color: transparent;
    padding: 0em;
    border: none;
    opacity: 1;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* disable variations */
.ui.text.pointing.menu .active.item:after {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.text.attached.menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.inverted.text.menu,
.ui.inverted.text.menu .item,
.ui.inverted.text.menu .item:hover,
.ui.inverted.text.menu .item.active {
    background-color: transparent;
}
/*--------------
    Icon Only
---------------*/
.ui.icon.menu,
.ui.vertical.icon.menu {
    width: auto;
    display: inline-block;
    height: auto;
}
.ui.icon.menu > .item {
    height: auto;
    text-align: center;
    color: rgba(60, 60, 60, 0.7);
}
.ui.icon.menu > .item > .icon {
    display: block;
    float: none !important;
    opacity: 1;
    margin: 0em auto !important;
}
.ui.icon.menu .icon:before {
    opacity: 1;
}
/* Item Icon Only */
.ui.menu .icon.item .icon {
    margin: 0em;
}
.ui.vertical.icon.menu {
    float: none;
}
/*--- inverted ---*/
.ui.inverted.icon.menu .item {
    color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.icon.menu .icon {
    color: #ffffff;
}
/*--------------
   Labeled Icon
---------------*/
.ui.labeled.icon.menu {
    text-align: center;
}
.ui.labeled.icon.menu > .item > .icon {
    display: block;
    font-size: 1.5em !important;
    margin: 0em auto 0.3em !important;
}
/*******************************
           Variations
*******************************/
/*--------------
    Colors
---------------*/
/*--- Light Colors  ---*/
.ui.menu .green.active.item,
.ui.green.menu .active.item {
    border-color: #A1CF64 !important;
    color: #A1CF64 !important;
}
.ui.menu .red.active.item,
.ui.red.menu .active.item {
    border-color: #D95C5C !important;
    color: #D95C5C !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
    border-color: #6ECFF5 !important;
    color: #6ECFF5 !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
    border-color: #564F8A !important;
    color: #564F8A !important;
}
.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
    border-color: #F05940 !important;
    color: #F05940 !important;
}
.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
    border-color: #00B5AD !important;
    color: #00B5AD !important;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.menu {
    background-color: #333333;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.inverted.menu .header.item {
    margin: 0em;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.inverted.menu .item,
.ui.inverted.menu .item > a {
    color: #FFFFFF;
}
.ui.inverted.menu .item .item,
.ui.inverted.menu .item .item > a {
    color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.menu .dropdown .menu .item,
.ui.inverted.menu .dropdown .menu .item a {
    color: rgba(0, 0, 0, 0.75) !important;
}
.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover {
    color: rgba(255, 255, 255, 0.2);
}
/*--- Border ---*/
.ui.inverted.menu .item:before {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
}
.ui.vertical.inverted.menu .item:before {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.03)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.03)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%);
}
/*--- Hover ---*/
.ui.link.inverted.menu .item:hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover,
.ui.inverted.menu .dropdown.item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.ui.inverted.menu a.item:hover,
.ui.inverted.menu .item > a:hover,
.ui.inverted.menu .item .menu a.item:hover,
.ui.inverted.menu .item .menu .link.item:hover {
    color: #ffffff;
}
/*--- Down ---*/
.ui.inverted.menu a.item:active,
.ui.inverted.menu .dropdown.item:active,
.ui.inverted.menu .link.item:active,
.ui.inverted.menu a.item:active {
    background-color: rgba(255, 255, 255, 0.15);
}
/*--- Active ---*/
.ui.inverted.menu .active.item {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.2);
}
.ui.inverted.menu .active.item,
.ui.inverted.menu .active.item a {
    color: #ffffff !important;
}
.ui.inverted.vertical.menu .item .menu .active.item {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}
/*--- Pointers ---*/
.ui.inverted.pointing.menu .active.item:after {
    background-color: #5B5B5B;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ui.inverted.pointing.menu .active.item:hover:after {
    background-color: #4A4A4A;
}
/*--------------
    Selection
---------------*/
.ui.selection.menu > .item {
    color: rgba(0, 0, 0, 0.4);
}
.ui.selection.menu > .item:hover {
    color: rgba(0, 0, 0, 0.6);
}
.ui.selection.menu > .item.active {
    color: rgba(0, 0, 0, 0.85);
}
.ui.inverted.selection.menu > .item {
    color: rgba(255, 255, 255, 0.4);
}
.ui.inverted.selection.menu > .item:hover {
    color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.selection.menu > .item.active {
    color: #FFFFFF;
}
/*--------------
     Floated
---------------*/
.ui.floated.menu {
    float: left;
    margin: 0rem 0.5rem 0rem 0rem;
}
.ui.right.floated.menu {
    float: right;
    margin: 0rem 0rem 0rem 0.5rem;
}
/*--------------
 Inverted Colors
---------------*/
/*--- Light Colors  ---*/
.ui.grey.menu {
    background-color: #F0F0F0;
}
/*--- Inverted Colors  ---*/
.ui.inverted.green.menu {
    background-color: #A1CF64;
}
.ui.inverted.green.pointing.menu .active.item:after {
    background-color: #B3D782;
}
.ui.inverted.red.menu {
    background-color: #D95C5C;
}
.ui.inverted.red.pointing.menu .active.item:after {
    background-color: #DF7C7C;
}
.ui.inverted.blue.menu {
    background-color: #6ECFF5;
}
.ui.inverted.blue.pointing.menu .active.item:after {
    background-color: #8AD7F6;
}
.ui.inverted.purple.menu {
    background-color: #564F8A;
}
.ui.inverted.purple.pointing.menu .active.item:after {
    background-color: #7771A0;
}
.ui.inverted.orange.menu {
    background-color: #F05940;
}
.ui.inverted.orange.pointing.menu .active.item:after {
    background-color: #F27966;
}
.ui.inverted.teal.menu {
    background-color: #00B5AD;
}
.ui.inverted.teal.pointing.menu .active.item:after {
    background-color: #33C3BC;
}
/*--------------
     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.83em;
    padding-bottom: 0.83em;
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
    padding-left: 0.95em;
    padding-right: 0.95em;
}
/*--------------
   Borderless
---------------*/
.ui.borderless.menu .item:before,
.ui.borderless.menu .item .menu .item:before,
.ui.menu .borderless.item:before {
    background-image: none;
}
/*-------------------
       Compact
--------------------*/
.ui.compact.menu {
    display: inline-block;
    margin: 0em;
    vertical-align: middle;
}
.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 {
    display: block;
    width: 100% !important;
}
/*-------------------
      Evenly Sized
--------------------*/
.ui.item.menu,
.ui.item.menu .item {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center;
}
.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: 999;
    margin: 0em;
    border: none;
    width: 100%;
}
.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
    border-radius: 0px !important;
}
.ui.menu.fixed.top {
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
}
.ui.menu.fixed.right {
    top: 0px;
    right: 0px;
    left: auto;
    bottom: auto;
    width: auto;
    height: 100%;
}
.ui.menu.fixed.bottom {
    bottom: 0px;
    left: 0px;
    top: auto;
    right: auto;
}
.ui.menu.fixed.left {
    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 .active.item:after {
    position: absolute;
    bottom: -0.3em;
    left: 50%;
    content: "";
    margin-left: -0.3em;
    width: 0.6em;
    height: 0.6em;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    background-image: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-transition: background 0.2s ease
;
    -moz-transition: background 0.2s ease
;
    transition: background 0.2s ease
;
}
/* Don't double up pointers */
.ui.pointing.menu .active.item .menu .active.item:after {
    display: none;
}
.ui.vertical.pointing.menu .active.item:after {
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: -0.4em;
    bottom: auto;
    left: auto;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
/* Colors */
.ui.pointing.menu .active.item:after {
    background-color: #FCFCFC;
}
.ui.pointing.menu .active.item:hover:after {
    background-color: #FAFAFA;
}
.ui.vertical.pointing.menu .menu .active.item:after {
    background-color: #F4F4F4;
}
.ui.pointing.menu a.active.item:active:after {
    background-color: #F0F0F0;
}
/*--------------
    Attached
---------------*/
.ui.menu.attached {
    margin: 0rem;
    border-radius: 0px;
    /* avoid rgba multiplying */
    -webkit-box-shadow: 0px 0px 0px 1px #DDDDDD;
    box-shadow: 0px 0px 0px 1px #DDDDDD;
}
.ui.top.attached.menu {
    border-radius: 0.1875em 0.1875em 0px 0px;
}
.ui.menu.bottom.attached {
    border-radius: 0px 0px 0.1875em 0.1875em;
}
/*--------------
     Sizes
---------------*/
.ui.small.menu .item {
    font-size: 0.875rem;
}
.ui.small.vertical.menu {
    width: 13rem;
}
.ui.menu .item {
    font-size: 1rem;
}
.ui.vertical.menu {
    width: 15rem;
}
.ui.large.menu .item {
    font-size: 1.125rem;
}
.ui.large.menu .item .item {
    font-size: 0.875rem;
}
.ui.large.menu .dropdown .item {
    font-size: 1rem;
}
.ui.large.vertical.menu {
    width: 18rem;
}

/*
 * # Semantic - Message
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Message
*******************************/
.ui.message {
    position: relative;
    min-height: 18px;
    margin: 1em 0em;
    height: auto;
    background-color: #EFEFEF;
    padding: 1em;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -moz-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.325em 0.325em 0.325em 0.325em;
}
.ui.message:first-child {
    margin-top: 0em;
}
.ui.message:last-child {
    margin-bottom: 0em;
}
/*--------------
     Content
---------------*/
/* block with headers */
.ui.message .header {
    margin: 0em;
    font-size: 1.33em;
    font-weight: bold;
}
/* block with paragraphs */
.ui.message p {
    opacity: 0.85;
    margin: 1em 0em;
}
.ui.message p:first-child {
    margin-top: 0em;
}
.ui.message p:last-child {
    margin-bottom: 0em;
}
.ui.message .header + p {
    margin-top: 0.3em;
}
.ui.message > :first-child {
    margin-top: 0em;
}
.ui.message > :last-child {
    margin-bottom: 0em;
}
/* block with child list */
.ui.message ul.list {
    opacity: 0.85;
    list-style-position: inside;
    margin: 0.2em 0em;
    padding: 0em;
}
.ui.message ul.list li {
    position: relative;
    list-style-type: none;
    margin: 0em 0em 0.3em 1em;
    padding: 0em;
}
.ui.message ul.list li:before {
    position: absolute;
    content: '\2022';
    top: -0.05em;
    left: -0.8em;
    height: 100%;
    vertical-align: baseline;
    opacity: 0.5;
}
.ui.message ul.list li:first-child {
    margin-top: 0em;
}
/* dismissable block */
.ui.message > .close.icon {
    cursor: pointer;
    position: absolute;
    right: 0em;
    top: 0em;
    width: 2.5em;
    height: 2.5em;
    opacity: 0.7;
    padding: 0.75em 0em 0em 0.75em;
    z-index: 2;
    -webkit-transition: opacity 0.1s linear
;
    -moz-transition: opacity 0.1s linear
;
    transition: opacity 0.1s linear
;
    z-index: 10;
}
.ui.message > .close.icon:hover {
    opacity: 1;
}
/*******************************
            States
*******************************/
.ui.message.visible {
    display: block !important;
}
.ui.icon.message.animating,
.ui.icon.message.visible {
    display: table !important;
}
.ui.message.hidden {
    display: none !important;
}
/*******************************
            Variations
*******************************/
/*--------------
    Compact
---------------*/
.ui.compact.message {
    display: inline-block;
}
/*--------------
    Attached
---------------*/
.ui.attached.message {
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    border-radius: 0.325em 0.325em 0em 0em;
    -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
}
.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.325em 0.325em;
}
.ui.bottom.attached.message:not(:last-child) {
    margin-bottom: 1em;
}
.ui.attached.icon.message {
    display: block;
    width: auto;
}
/*--------------
      Icon
---------------*/
.ui.icon.message {
    display: table;
    width: 100%;
}
.ui.icon.message > .icon:not(.close) {
    display: table-cell;
    vertical-align: middle;
    font-size: 3.8em;
    opacity: 0.5;
}
.ui.icon.message > .icon + .content {
    padding-left: 1em;
}
.ui.icon.message > .content {
    display: table-cell;
    vertical-align: middle;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.message {
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.95);
}
/*--------------
    Floating
---------------*/
.ui.floating.message {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
}
/*--------------
     Colors
---------------*/
.ui.black.message {
    background-color: #333333;
    color: rgba(255, 255, 255, 0.95);
}
/*--------------
     Types
---------------*/
.ui.blue.message,
.ui.info.message {
    background-color: #E6F4F9;
    color: #4D8796;
}
/* Green Text Block */
.ui.green.message {
    background-color: #DEFCD5;
    color: #52A954;
}
/* Yellow Text Block */
.ui.yellow.message,
.ui.warning.message {
    background-color: #F6F3D5;
    color: #96904D;
}
/* Red Text Block */
.ui.red.message {
    background-color: #F1D7D7;
    color: #A95252;
}
/* Success Text Block */
.ui.success.message,
.ui.positive.message {
    background-color: #DEFCD5;
    color: #52A954;
}
/* Error Text Block */
.ui.error.message,
.ui.negative.message {
    background-color: #F1D7D7;
    color: #A95252;
}
/*--------------
     Sizes
---------------*/
.ui.small.message {
    font-size: 0.875em;
}
.ui.message {
    font-size: 1em;
}
.ui.large.message {
    font-size: 1.125em;
}
.ui.huge.message {
    font-size: 1.5em;
}
.ui.massive.message {
    font-size: 2em;
}

/*
 * # Semantic - Table
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Table
*******************************/
/* Prototype */
.ui.table {
    width: 100%;
    border-collapse: collapse;
}
/* Table Content */
.ui.table th,
.ui.table tr,
.ui.table td {
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
/* Headers */
.ui.table thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.ui.table tfoot th {
    background-color: rgba(0, 0, 0, 0.03);
}
.ui.table th {
    cursor: auto;
    background-color: rgba(0, 0, 0, 0.05);
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    padding: 0.5em 0.7em;
    vertical-align: middle;
}
.ui.table thead th:first-child {
    border-radius: 5px 0px 0px 0px;
}
.ui.table thead th:last-child {
    border-radius: 0px 5px 0px 0px;
}
.ui.table tfoot th:first-child {
    border-radius: 0px 0px 0px 5px;
}
.ui.table tfoot th:last-child {
    border-radius: 0px 0px 5px 0px;
}
.ui.table tfoot th:only-child {
    border-radius: 0px 0px 5px 5px;
}
/* Table Cells */
.ui.table td {
    padding: 0.40em 0.7em;
    vertical-align: middle;
}
/* Footer */
.ui.table tfoot {
    border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.ui.table tfoot th {
    font-weight: normal;
    font-style: italic;
}
/* Table Striping */
.ui.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, 0.02);
}
/* Icons */
.ui.table > .icon {
    vertical-align: baseline;
}
.ui.table > .icon:only-child {
    margin: 0em;
}
/* Table Segment */
.ui.table.segment:after {
    display: none;
}
.ui.table.segment.stacked:after {
    display: block;
}
/* Responsive */
@media only screen and (max-width: 768px) {
    .ui.table {
        display: block;
        padding: 0em;
    }
    .ui.table thead,
    .ui.table tfoot {
        display: none;
    }
    .ui.table tbody {
        display: block;
    }
    .ui.table tr {
        display: block;
    }
    .ui.table tr > td {
        width: 100% !important;
        display: block;
        border: none !important;
        padding: 0.25em 0.75em;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
    }
    .ui.table td:first-child {
        font-weight: bold;
        padding-top: 1em;
    }
    .ui.table td:last-child {
        -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
        box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
        padding-bottom: 1em;
    }
    /* Clear BG Colors */
    .ui.table tr > td.warning,
    .ui.table tr > td.error,
    .ui.table tr > td.active,
    .ui.table tr > td.positive,
    .ui.table tr > td.negative {
        background-color: transparent !important;
    }
}
/*******************************
             States
*******************************/
/*--------------
      Hover
---------------*/
/* Sortable */
.ui.sortable.table th.disabled:hover {
    cursor: auto;
    text-align: left;
    font-weight: bold;
    color: #333333;
    color: rgba(0, 0, 0, 0.8);
}
.ui.sortable.table thead th:hover {
    background-color: rgba(0, 0, 0, 0.13);
    color: rgba(0, 0, 0, 0.8);
}
/* Inverted Sortable */
.ui.inverted.sortable.table thead th:hover {
    background-color: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}
/*--------------
    Positive
---------------*/
.ui.table tr.positive,
.ui.table td.positive {
    -webkit-box-shadow: 2px 0px 0px #119000 inset;
    box-shadow: 2px 0px 0px #119000 inset;
}
.ui.table tr.positive td,
.ui.table td.positive {
    background-color: #F2F8F0 !important;
    color: #119000 !important;
}
.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive,
.ui.table tr.positive:hover td,
.ui.table td:hover.positive,
.ui.table th:hover.positive {
    background-color: #ECF5E9 !important;
    color: #119000 !important;
}
/*--------------
     Negative
---------------*/
.ui.table tr.negative,
.ui.table td.negative {
    -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
    box-shadow: 2px 0px 0px #CD2929 inset;
}
.ui.table tr.negative td,
.ui.table td.negative {
    background-color: #F9F4F4;
    color: #CD2929 !important;
}
.ui.celled.table tr.negative:hover td,
.ui.celled.table tr:hover td.negative,
.ui.table tr.negative:hover td,
.ui.table td:hover.negative,
.ui.table th:hover.negative {
    background-color: #F2E8E8;
    color: #CD2929;
}
/*--------------
      Error
---------------*/
.ui.table tr.error,
.ui.table td.error {
    -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
    box-shadow: 2px 0px 0px #CD2929 inset;
}
.ui.table tr.error td,
.ui.table td.error,
.ui.table th.error {
    background-color: #F9F4F4;
    color: #CD2929;
}
.ui.celled.table tr.error:hover td,
.ui.celled.table tr:hover td.error,
.ui.table tr.error:hover td,
.ui.table td:hover.error,
.ui.table th:hover.error {
    background-color: #F2E8E8;
    color: #CD2929;
}
/*--------------
     Warning
---------------*/
.ui.table tr.warning,
.ui.table td.warning {
    -webkit-box-shadow: 2px 0px 0px #7D6C00 inset;
    box-shadow: 2px 0px 0px #7D6C00 inset;
}
.ui.table tr.warning td,
.ui.table td.warning,
.ui.table th.warning {
    background-color: #FBF6E9;
    color: #7D6C00;
}
.ui.celled.table tr.warning:hover td,
.ui.celled.table tr:hover td.warning,
.ui.table tr.warning:hover td,
.ui.table td:hover.warning,
.ui.table th:hover.warning {
    background-color: #F3EDDC;
    color: #7D6C00;
}
/*--------------
     Active
---------------*/
.ui.table tr.active,
.ui.table td.active {
    -webkit-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
    box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
}
.ui.table tr.active td,
.ui.table tr td.active {
    background-color: #E0E0E0;
    color: rgba(50, 50, 50, 0.9);
    /* border-color: rgba(0, 0, 0, 0.15) !important; */
}
/*--------------
     Disabled
---------------*/
.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
    color: rgba(150, 150, 150, 0.3);
}
/*******************************
          Variations
*******************************/
/*--------------
  Column Count
---------------*/
.ui.column.table {
    table-layout: fixed;
}
.ui.two.column.table td {
    width: 50%;
}
.ui.three.column.table td {
    width: 33.3333%;
}
.ui.four.column.table td {
    width: 25%;
}
.ui.five.column.table td {
    width: 20%;
}
.ui.six.column.table td {
    width: 16.66667%;
}
.ui.seven.column.table td {
    width: 14.2857%;
}
.ui.eight.column.table td {
    width: 12.5%;
}
.ui.nine.column.table td {
    width: 11.1111%;
}
.ui.ten.column.table td {
    width: 10%;
}
.ui.eleven.column.table td {
    width: 9.0909%;
}
.ui.twelve.column.table td {
    width: 8.3333%;
}
.ui.thirteen.column.table td {
    width: 7.6923%;
}
.ui.fourteen.column.table td {
    width: 7.1428%;
}
.ui.fifteen.column.table td {
    width: 6.6666%;
}
.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%;
}
/*--------------
     Celled
---------------*/
.ui.celled.table {
    color: rgba(0, 0, 0, 0.8);
}
.ui.celled.table tbody tr,
.ui.celled.table tfoot tr {
    border: none;
}
.ui.celled.table th,
.ui.celled.table td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
/* Coupling with segment */
.ui.celled.table.segment th:first-child,
.ui.celled.table.segment td:first-child {
    border-left: none;
}
.ui.celled.table.segment th:last-child,
.ui.celled.table.segment td:last-child {
    border-right: none;
}
/*--------------
    Sortable
---------------*/
.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui.sortable.table thead th:after {
    display: inline-block;
    content: '';
    width: 1em;
    opacity: 0.8;
    margin: 0em 0em 0em 0.5em;
    font-family: 'Icons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.ui.sortable.table thead th.ascending:after {
    content: '\25b4';
}
.ui.sortable.table thead th.descending:after {
    content: '\25be';
}
/*--------------
    Inverted
---------------*/
/* Text Color */
.ui.inverted.table td {
    color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.table th {
    background-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.9);
}
/* Stripes */
.ui.inverted.table tbody tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.06);
}
/*--------------
   Definition
---------------*/
.ui.definition.table td:first-child {
    font-weight: bold;
}
/*--------------
   Collapsing
---------------*/
.ui.collapsing.table {
    width: auto;
}
/*--------------
      Basic
---------------*/
.ui.basic.table th {
    background-color: transparent;
    padding: 0.5em;
}
.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.ui.basic.table td {
    padding: 0.8em 0.5em;
}
.ui.basic.table tbody tr:nth-child(2n) {
    background-color: transparent !important;
}
/*--------------
     Padded
---------------*/
.ui.padded.table th,
.ui.padded.table td {
    padding: 0.8em 1em;
}
.ui.compact.table th {
    padding: 0.3em 0.5em;
}
.ui.compact.table td {
    padding: 0.2em 0.5em;
}
/*--------------
      Sizes
---------------*/
/* Small */
.ui.small.table {
    font-size: 0.875em;
}
/* Standard */
.ui.table {
    font-size: 1em;
}
/* Large */
.ui.large.table {
    font-size: 1.1em;
}

/*
 * # Semantic - basic.Icon (Basic)
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
          Basic Icon
*******************************/
@font-face {
    font-family: 'Basic Icons';
    src: url(http://akapelaopen.com/View/resources/fonts/basic.icons.eot);
    src: url(http://akapelaopen.com/View/resources/fonts/basic.icons.eot#iefix) format('embedded-opentype'), url(http://akapelaopen.com/View/resources/fonts/basic.icons.svg#basic.icons) format('svg'), url(http://akapelaopen.com/View/resources/fonts/basic.icons.woff) format('woff'), url(http://akapelaopen.com/View/resources/fonts/basic.icons.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none;
}
i.basic.icon {
    display: inline-block;
    opacity: 0.75;
    margin: 0em 0.25em 0em 0em;
    width: 1.23em;
    height: 1em;
    font-family: 'Basic Icons';
    font-style: normal;
    line-height: 1;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
/* basic.icons available */
i.basic.icon.circle.attention:before {
    content: '\2757';
}
/* '