/*
 * Courtesy Semantic UI - 2.5.0
 * https://github.com/Semantic-Org/Semantic-UI
 * http://www.semantic-ui.com/
 *
 * Copyright 2022 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/* Container */

.ui.container {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto var(--mega-large-margin) auto;
    padding: 0;
    border: none;
}

/* Semantic UI button */

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: 1px solid var(--primary-color); /* Match #myBtn */
    vertical-align: baseline;
    background-color: var(--background-color); /* Match #myBtn */
    color: var(--primary-color); /* Match #myBtn */
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: var(--border-radius); /* Match #myBtn */
    box-shadow: none; /* Removed extra shadow */
    user-select: none;
    transition: background-color .1s ease, color .1s ease, border-color .1s ease;
    -webkit-tap-highlight-color: transparent;
}

.ui.button:hover {
    background-color: var(--hover-link-color); /* Match #myBtn */
    color: var(--background-color) !important; /* Match #myBtn */
    border-color: var(--hover-link-color); /* Match #myBtn */
}

.ui.primary.button, .ui.primary.buttons .button {
    background-color: var(--primary-color); /* Use .contact-us-button background */
    color: var(--background-color); /* Use .contact-us-button text color */
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
    background-color: var(--hover-link-color); /* Use .contact-us-button hover color */
    color: var(--background-color); /* Ensure text remains visible */
}

.ui.primary.button:focus, .ui.primary.buttons .button:focus {
    background-color: var(--hover-link-color); /* Same as hover */
    color: var(--background-color);
}

.ui.primary.button:active, .ui.primary.buttons .button:active {
    background-color: var(--hover-link-color); /* Same as hover */
    color: var(--background-color);
}

.ui.primary.active.button, 
.ui.primary.button .active.button:active, 
.ui.primary.buttons .active.button, 
.ui.primary.buttons .active.button:active {
    background-color: var(--hover-link-color); /* Same as hover */
    color: var(--background-color);
}


/* Divider */

.ui.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(0, 0, 0, .85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color:transparent
}

.ui.divider:not(.vertical):not(.horizontal) {
    border-top: 1px solid rgba(34, 36, 38, .15);
    border-bottom:1px solid rgba(255, 255, 255, .1)
}

.ui.grid > .column + .divider, .ui.grid > .row > .column + .divider {
    left:auto
}

.ui.horizontal.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: auto;
    line-height: 1;
    text-align:center
}

.ui.horizontal.divider:after, .ui.horizontal.divider:before {
    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%
}

.ui.vertical.divider {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    height: 50%;
    line-height: 0;
    text-align: center;
    transform:translateX(-50%)
}

.ui.vertical.divider:after, .ui.vertical.divider:before {
    position: absolute;
    left: 50%;
    content: '';
    z-index: 3;
    border-left: 1px solid rgba(34, 36, 38, .15);
    border-right: 1px solid rgba(255, 255, 255, .1);
    width: 0%;
    height:calc(100% - 1rem)
}

.ui.vertical.divider:before {
    top:-100%
}

.ui.vertical.divider:after {
    top: auto;
    bottom:0
}

/* Segment */

.ui.segment {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
    margin: 1rem 0;
    padding: 1em 1em;
    border-radius: .28571429rem;
    border: 1px solid rgba(34, 36, 38, .15);
}

.ui.segment:first-child {
    margin-top: 0;
}
.ui.segment:last-child {
    margin-bottom: 0;
}

.ui.padded.segment {
    padding: 1.5em;
}

.ui.raised.segment {
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
}

.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none;
    border: 1px solid #d4d4d5;
}

.ui[class *="top attached"].segment {
    margin-top: 1rem;
    border-radius: .28571429rem .28571429rem 0 0;
}
.ui.segment[class *="bottom attached"] {
    margin-bottom: 1rem;
    border-radius: 0 0 .28571429rem .28571429rem;
}

.ui.clearing.segment:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Flag */ 

i.flag:not(.icon) {
   display: inline-block;
   width: 16px;
   height: 11px;
   line-height: 11px;
   vertical-align: baseline;
   margin: 0 .5em 0 0;
   text-decoration: inherit;
   speak: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }
 i.flag:not(.icon):before {
   display: inline-block;
   content: '';
   background: url(/content/flag/flags.png) no-repeat -108px -1976px;
   width: 16px;
   height: 11px
 }
 i.flag.ad:before, i.flag.andorra:before {
   background-position: 0 0
 }
 i.flag.ae:before, i.flag.uae:before, i.flag.united.arab.emirates:before {
   background-position: 0 -26px
 }
 i.flag.af:before, i.flag.afghanistan:before {
   background-position: 0 -52px
 }
 i.flag.ag:before, i.flag.antigua:before {
   background-position: 0 -78px
 }
 i.flag.ai:before, i.flag.anguilla:before {
   background-position: 0 -104px
 }
 i.flag.al:before, i.flag.albania:before {
   background-position: 0 -130px
 }
 i.flag.am:before, i.flag.armenia:before {
   background-position: 0 -156px
 }
 i.flag.an:before, i.flag.netherlands.antilles:before {
   background-position: 0 -182px
 }
 i.flag.angola:before, i.flag.ao:before {
   background-position: 0 -208px
 }
 i.flag.ar:before, i.flag.argentina:before {
   background-position: 0 -234px
 }
 i.flag.american.samoa:before, i.flag.as:before {
   background-position: 0 -260px
 }
 i.flag.at:before, i.flag.austria:before {
   background-position: 0 -286px
 }
 i.flag.au:before, i.flag.australia:before {
   background-position: 0 -312px
 }
 i.flag.aruba:before, i.flag.aw:before {
   background-position: 0 -338px
 }
 i.flag.aland.islands:before, i.flag.ax:before {
   background-position: 0 -364px
 }
 i.flag.az:before, i.flag.azerbaijan:before {
   background-position: 0 -390px
 }
 i.flag.ba:before, i.flag.bosnia:before {
   background-position: 0 -416px
 }
 i.flag.barbados:before, i.flag.bb:before {
   background-position: 0 -442px
 }
 i.flag.bangladesh:before, i.flag.bd:before {
   background-position: 0 -468px
 }
 i.flag.be:before, i.flag.belgium:before {
   background-position: 0 -494px
 }
 i.flag.bf:before, i.flag.burkina.faso:before {
   background-position: 0 -520px
 }
 i.flag.bg:before, i.flag.bulgaria:before {
   background-position: 0 -546px
 }
 i.flag.bahrain:before, i.flag.bh:before {
   background-position: 0 -572px
 }
 i.flag.bi:before, i.flag.burundi:before {
   background-position: 0 -598px
 }
 i.flag.benin:before, i.flag.bj:before {
   background-position: 0 -624px
 }
 i.flag.bermuda:before, i.flag.bm:before {
   background-position: 0 -650px
 }
 i.flag.bn:before, i.flag.brunei:before {
   background-position: 0 -676px
 }
 i.flag.bo:before, i.flag.bolivia:before {
   background-position: 0 -702px
 }
 i.flag.br:before, i.flag.brazil:before {
   background-position: 0 -728px
 }
 i.flag.bahamas:before, i.flag.bs:before {
   background-position: 0 -754px
 }
 i.flag.bhutan:before, i.flag.bt:before {
   background-position: 0 -780px
 }
 i.flag.bouvet.island:before, i.flag.bv:before {
   background-position: 0 -806px
 }
 i.flag.botswana:before, i.flag.bw:before {
   background-position: 0 -832px
 }
 i.flag.belarus:before, i.flag.by:before {
   background-position: 0 -858px
 }
 i.flag.belize:before, i.flag.bz:before {
   background-position: 0 -884px
 }
 i.flag.ca:before, i.flag.canada:before {
   background-position: 0 -910px
 }
 i.flag.cc:before, i.flag.cocos.islands:before {
   background-position: 0 -962px
 }
 i.flag.cd:before, i.flag.congo:before {
   background-position: 0 -988px
 }
 i.flag.central.african.republic:before, i.flag.cf:before {
   background-position: 0 -1014px
 }
 i.flag.cg:before, i.flag.congo.brazzaville:before {
   background-position: 0 -1040px
 }
 i.flag.ch:before, i.flag.switzerland:before {
   background-position: 0 -1066px
 }
 i.flag.ci:before, i.flag.cote.divoire:before {
   background-position: 0 -1092px
 }
 i.flag.ck:before, i.flag.cook.islands:before {
   background-position: 0 -1118px
 }
 i.flag.chile:before, i.flag.cl:before {
   background-position: 0 -1144px
 }
 i.flag.cameroon:before, i.flag.cm:before {
   background-position: 0 -1170px
 }
 i.flag.china:before, i.flag.cn:before {
   background-position: 0 -1196px
 }
 i.flag.co:before, i.flag.colombia:before {
   background-position: 0 -1222px
 }
 i.flag.costa.rica:before, i.flag.cr:before {
   background-position: 0 -1248px
 }
 i.flag.cs:before, i.flag.serbia:before {
   background-position: 0 -1274px
 }
 i.flag.cu:before, i.flag.cuba:before {
   background-position: 0 -1300px
 }
 i.flag.cape.verde:before, i.flag.cv:before {
   background-position: 0 -1326px
 }
 i.flag.christmas.island:before, i.flag.cx:before {
   background-position: 0 -1352px
 }
 i.flag.cy:before, i.flag.cyprus:before {
   background-position: 0 -1378px
 }
 i.flag.cz:before, i.flag.czech.republic:before {
   background-position: 0 -1404px
 }
 i.flag.de:before, i.flag.germany:before {
   background-position: 0 -1430px
 }
 i.flag.dj:before, i.flag.djibouti:before {
   background-position: 0 -1456px
 }
 i.flag.denmark:before, i.flag.dk:before {
   background-position: 0 -1482px
 }
 i.flag.dm:before, i.flag.dominica:before {
   background-position: 0 -1508px
 }
 i.flag.do:before, i.flag.dominican.republic:before {
   background-position: 0 -1534px
 }
 i.flag.algeria:before, i.flag.dz:before {
   background-position: 0 -1560px
 }
 i.flag.ec:before, i.flag.ecuador:before {
   background-position: 0 -1586px
 }
 i.flag.ee:before, i.flag.estonia:before {
   background-position: 0 -1612px
 }
 i.flag.eg:before, i.flag.egypt:before {
   background-position: 0 -1638px
 }
 i.flag.eh:before, i.flag.western.sahara:before {
   background-position: 0 -1664px
 }
 i.flag.england:before, i.flag.gb.eng:before {
   background-position: 0 -1690px
 }
 i.flag.er:before, i.flag.eritrea:before {
   background-position: 0 -1716px
 }
 i.flag.es:before, i.flag.spain:before {
   background-position: 0 -1742px
 }
 i.flag.et:before, i.flag.ethiopia:before {
   background-position: 0 -1768px
 }
 i.flag.eu:before, i.flag.european.union:before {
   background-position: 0 -1794px
 }
 i.flag.fi:before, i.flag.finland:before {
   background-position: 0 -1846px
 }
 i.flag.fiji:before, i.flag.fj:before {
   background-position: 0 -1872px
 }
 i.flag.falkland.islands:before, i.flag.fk:before {
   background-position: 0 -1898px
 }
 i.flag.fm:before, i.flag.micronesia:before {
   background-position: 0 -1924px
 }
 i.flag.faroe.islands:before, i.flag.fo:before {
   background-position: 0 -1950px
 }
 i.flag.fr:before, i.flag.france:before {
   background-position: 0 -1976px
 }
 i.flag.ga:before, i.flag.gabon:before {
   background-position: -36px 0
 }
 i.flag.gb:before, i.flag.uk: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.french.guiana:before, i.flag.gf: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.gambia:before, i.flag.gm: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.equatorial.guinea:before, i.flag.gq: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.guinea-bissau:before, i.flag.gw:before {
   background-position: -36px -416px
 }
 i.flag.guyana:before, i.flag.gy:before {
   background-position: -36px -442px
 }
 i.flag.hk:before, i.flag.hong.kong:before {
   background-position: -36px -468px
 }
 i.flag.heard.island:before, i.flag.hm:before {
   background-position: -36px -494px
 }
 i.flag.hn:before, i.flag.honduras:before {
   background-position: -36px -520px
 }
 i.flag.croatia:before, i.flag.hr:before {
   background-position: -36px -546px
 }
 i.flag.haiti:before, i.flag.ht: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.indian.ocean.territory:before, i.flag.io: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.iceland:before, i.flag.is:before {
   background-position: -36px -806px
 }
 i.flag.it:before, i.flag.italy:before {
   background-position: -36px -832px
 }
 i.flag.jamaica:before, i.flag.jm:before {
   background-position: -36px -858px
 }
 i.flag.jo:before, i.flag.jordan:before {
   background-position: -36px -884px
 }
 i.flag.japan:before, i.flag.jp: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.cambodia:before, i.flag.kh:before {
   background-position: -36px -988px
 }
 i.flag.ki:before, i.flag.kiribati:before {
   background-position: -36px -1014px
 }
 i.flag.comoros:before, i.flag.km: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.kuwait:before, i.flag.kw:before {
   background-position: -36px -1144px
 }
 i.flag.cayman.islands:before, i.flag.ky:before {
   background-position: -36px -1170px
 }
 i.flag.kazakhstan:before, i.flag.kz: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.liberia:before, i.flag.lr:before {
   background-position: -36px -1352px
 }
 i.flag.lesotho:before, i.flag.ls:before {
   background-position: -36px -1378px
 }
 i.flag.lithuania:before, i.flag.lt:before {
   background-position: -36px -1404px
 }
 i.flag.lu:before, i.flag.luxembourg:before {
   background-position: -36px -1430px
 }
 i.flag.latvia:before, i.flag.lv:before {
   background-position: -36px -1456px
 }
 i.flag.libya:before, i.flag.ly: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.madagascar:before, i.flag.mg:before {
   background-position: -36px -1613px
 }
 i.flag.marshall.islands:before, i.flag.mh:before {
   background-position: -36px -1639px
 }
 i.flag.macedonia:before, i.flag.mk:before {
   background-position: -36px -1665px
 }
 i.flag.mali:before, i.flag.ml:before {
   background-position: -36px -1691px
 }
 i.flag.burma:before, i.flag.mm:before, i.flag.myanmar:before {
   background-position: -73px -1821px
 }
 i.flag.mn:before, i.flag.mongolia:before {
   background-position: -36px -1743px
 }
 i.flag.macau:before, i.flag.mo:before {
   background-position: -36px -1769px
 }
 i.flag.mp:before, i.flag.northern.mariana.islands:before {
   background-position: -36px -1795px
 }
 i.flag.martinique:before, i.flag.mq:before {
   background-position: -36px -1821px
 }
 i.flag.mauritania:before, i.flag.mr:before {
   background-position: -36px -1847px
 }
 i.flag.montserrat:before, i.flag.ms:before {
   background-position: -36px -1873px
 }
 i.flag.malta:before, i.flag.mt:before {
   background-position: -36px -1899px
 }
 i.flag.mauritius:before, i.flag.mu:before {
   background-position: -36px -1925px
 }
 i.flag.maldives:before, i.flag.mv:before {
   background-position: -36px -1951px
 }
 i.flag.malawi:before, i.flag.mw:before {
   background-position: -36px -1977px
 }
 i.flag.mexico:before, i.flag.mx:before {
   background-position: -72px 0
 }
 i.flag.malaysia:before, i.flag.my:before {
   background-position: -72px -26px
 }
 i.flag.mozambique:before, i.flag.mz: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.netherlands:before, i.flag.nl:before {
   background-position: -72px -234px
 }
 i.flag.no:before, i.flag.norway:before {
   background-position: -72px -260px
 }
 i.flag.nepal:before, i.flag.np:before {
   background-position: -72px -286px
 }
 i.flag.nauru:before, i.flag.nr:before {
   background-position: -72px -312px
 }
 i.flag.niue:before, i.flag.nu:before {
   background-position: -72px -338px
 }
 i.flag.new.zealand:before, i.flag.nz: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.french.polynesia:before, i.flag.pf:before {
   background-position: -72px -468px
 }
 i.flag.new.guinea:before, i.flag.pg:before {
   background-position: -72px -494px
 }
 i.flag.ph:before, i.flag.philippines:before {
   background-position: -72px -520px
 }
 i.flag.pakistan:before, i.flag.pk: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.pitcairn.islands:before, i.flag.pn:before {
   background-position: -72px -624px
 }
 i.flag.pr:before, i.flag.puerto.rico:before {
   background-position: -72px -650px
 }
 i.flag.palestine:before, i.flag.ps:before {
   background-position: -72px -676px
 }
 i.flag.portugal:before, i.flag.pt:before {
   background-position: -72px -702px
 }
 i.flag.palau:before, i.flag.pw:before {
   background-position: -72px -728px
 }
 i.flag.paraguay:before, i.flag.py: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.saint.helena:before, i.flag.sh:before {
   background-position: -72px -1118px
 }
 i.flag.si:before, i.flag.slovenia:before {
   background-position: -72px -1144px
 }
 i.flag.jan.mayen:before, i.flag.sj:before, i.flag.svalbard:before {
   background-position: -72px -1170px
 }
 i.flag.sk:before, i.flag.slovakia:before {
   background-position: -72px -1196px
 }
 i.flag.sierra.leone:before, i.flag.sl:before {
   background-position: -72px -1222px
 }
 i.flag.san.marino:before, i.flag.sm:before {
   background-position: -72px -1248px
 }
 i.flag.senegal:before, i.flag.sn: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.sao.tome:before, i.flag.st:before {
   background-position: -72px -1352px
 }
 i.flag.el.salvador:before, i.flag.sv:before {
   background-position: -72px -1378px
 }
 i.flag.sy:before, i.flag.syria:before {
   background-position: -72px -1404px
 }
 i.flag.swaziland:before, i.flag.sz:before {
   background-position: -72px -1430px
 }
 i.flag.caicos.islands:before, i.flag.tc:before {
   background-position: -72px -1456px
 }
 i.flag.chad:before, i.flag.td:before {
   background-position: -72px -1482px
 }
 i.flag.french.territories:before, i.flag.tf: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.tajikistan:before, i.flag.tj:before {
   background-position: -72px -1586px
 }
 i.flag.tk:before, i.flag.tokelau:before {
   background-position: -72px -1612px
 }
 i.flag.timorleste:before, i.flag.tl: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.trinidad:before, i.flag.tt:before {
   background-position: -72px -1768px
 }
 i.flag.tuvalu:before, i.flag.tv:before {
   background-position: -72px -1794px
 }
 i.flag.taiwan:before, i.flag.tw:before {
   background-position: -72px -1820px
 }
 i.flag.tanzania:before, i.flag.tz: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.america:before, i.flag.united.states:before, i.flag.us:before {
   background-position: -72px -1950px
 }
 i.flag.uruguay:before, i.flag.uy:before {
   background-position: -72px -1976px
 }
 i.flag.uz:before, i.flag.uzbekistan:before {
   background-position: -108px 0
 }
 i.flag.va:before, i.flag.vatican.city:before {
   background-position: -108px -26px
 }
 i.flag.saint.vincent:before, i.flag.vc:before {
   background-position: -108px -52px
 }
 i.flag.ve:before, i.flag.venezuela:before {
   background-position: -108px -78px
 }
 i.flag.british.virgin.islands:before, i.flag.vg:before {
   background-position: -108px -104px
 }
 i.flag.us.virgin.islands:before, i.flag.vi:before {
   background-position: -108px -130px
 }
 i.flag.vietnam:before, i.flag.vn:before {
   background-position: -108px -156px
 }
 i.flag.vanuatu:before, i.flag.vu:before {
   background-position: -108px -182px
 }
 i.flag.gb.wls:before, i.flag.wales:before {
   background-position: -108px -208px
 }
 i.flag.wallis.and.futuna:before, i.flag.wf:before {
   background-position: -108px -234px
 }
 i.flag.samoa:before, i.flag.ws:before {
   background-position: -108px -260px
 }
 i.flag.ye:before, i.flag.yemen:before {
   background-position: -108px -286px
 }
 i.flag.mayotte:before, i.flag.yt:before {
   background-position: -108px -312px
 }
 i.flag.south.africa:before, i.flag.za:before {
   background-position: -108px -338px
 }
 i.flag.zambia:before, i.flag.zm:before {
   background-position: -108px -364px
 }
 i.flag.zimbabwe:before, i.flag.zw:before {
   background-position: -108px -390px
 } 

 /* Input */ 

.ui.input {
   position: relative;
   font-weight: 400;
   font-style: normal;
   display: inline-flex;
   color: rgba(0, 0, 0, .87)
 }
 .ui.input > input {
   margin: 0;
   max-width: 100%;
   flex: 1 0 auto;
   outline: 0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   text-align: left;
   line-height: 1.21428571em;
   padding: .67857143em 1em;
   background: #fff;
   border: 1px solid rgba(34, 36, 38, .15);
   color: rgba(0, 0, 0, .87);
   border-radius: .28571429rem;
   transition: box-shadow .1s ease, border-color .1s ease;
   box-shadow: none
 }
 .ui.input > input::-webkit-input-placeholder {
   color: rgba(191, 191, 191, .87)
 }
 .ui.input > input::-moz-placeholder {
   color: rgba(191, 191, 191, .87)
 }
 .ui.input > input:-ms-input-placeholder {
   color: rgba(191, 191, 191, .87)
 }
 .ui.disabled.input, .ui.input:not(.disabled) input[disabled] {
   opacity: .45
 }
 .ui.disabled.input > input, .ui.input:not(.disabled) input[disabled] {
   pointer-events: none
 }
 .ui.input.down input, .ui.input > input:active {
   border-color: rgba(0, 0, 0, .3);
   background: #fafafa;
   color: rgba(0, 0, 0, .87);
   box-shadow: none
 }
 .ui.loading.loading.input > i.icon:before {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
   margin: -.64285714em 0 0 -.64285714em;
   width: 1.28571429em;
   height: 1.28571429em;
   border-radius: 500rem;
   border: .2em solid rgba(0, 0, 0, .1)
 }
 .ui.loading.loading.input > i.icon:after {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
   margin: -.64285714em 0 0 -.64285714em;
   width: 1.28571429em;
   height: 1.28571429em;
   -webkit-animation: button-spin .6s linear;
   animation: button-spin .6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border-color: #767676 transparent transparent;
   border-style: solid;
   border-width: .2em;
   box-shadow: 0 0 0 1px transparent
 }
 .ui.input.focus > input, .ui.input > input:focus {
   border-color: #007bff;
   background: #fff;
   color: rgba(0, 0, 0, .8);
   box-shadow: none
 }
 .ui.input.focus > input::-webkit-input-placeholder, .ui.input > input:focus::-webkit-input-placeholder {
   color: rgba(115, 115, 115, .87)
 }
 .ui.input.focus > input::-moz-placeholder, .ui.input > input:focus::-moz-placeholder {
   color: rgba(115, 115, 115, .87)
 }
 .ui.input.focus > input:-ms-input-placeholder, .ui.input > input:focus:-ms-input-placeholder {
   color: rgba(115, 115, 115, .87)
 }
 .ui.input.error > input {
   background-color: #fff6f6;
   border-color: #e0b4b4;
   color: #9f3a38;
   box-shadow: none
 }
 .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
 }
 .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
 }
 .ui.transparent.input > input {
   border-color: transparent !important;
   background-color: transparent !important;
   padding: 0 !important;
   box-shadow: none !important;
   border-radius: 0 !important
 }
 .ui.transparent.icon.input > i.icon {
   width: 1.1em
 }
 .ui.transparent.icon.input > input {
   padding-left: 0 !important;
   padding-right: 2em !important
 }
 .ui.transparent[class*="left icon"].input > input {
   padding-left: 2em !important;
   padding-right: 0 !important
 }
 .ui.transparent.inverted.input {
   color: #fff
 }
 .ui.transparent.inverted.input > input {
   color: inherit
 }
 .ui.transparent.inverted.input > input::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .5)
 }
 .ui.transparent.inverted.input > input::-moz-placeholder {
   color: rgba(255, 255, 255, .5)
 }
 .ui.transparent.inverted.input > input:-ms-input-placeholder {
   color: rgba(255, 255, 255, .5)
 }
 .ui.icon.input > i.icon {
   cursor: default;
   position: absolute;
   line-height: 1;
   text-align: center;
   top: 0;
   right: 0;
   margin: 0;
   height: 100%;
   width: 2.67142857em;
   opacity: .5;
   border-radius: 0 .28571429rem .28571429rem 0;
   transition: opacity .3s ease
 }
 .ui.icon.input > i.icon:not(.link) {
   pointer-events: none
 }
 .ui.icon.input > input {
   padding-right: 2.67142857em !important
 }
 .ui.icon.input > i.icon:after, .ui.icon.input > i.icon:before {
   left: 0;
   position: absolute;
   text-align: center;
   top: 50%;
   width: 100%;
   margin-top: -.5em
 }
 .ui.icon.input > i.link.icon {
   cursor: pointer
 }
 .ui.icon.input > i.circular.icon {
   top: .35em;
   right: .5em
 }
 .ui[class*="left icon"].input > i.icon {
   right: auto;
   left: 1px;
   border-radius: .28571429rem 0 0 .28571429rem
 }
 .ui[class*="left icon"].input > i.circular.icon {
   right: auto;
   left: .5em
 }
 .ui[class*="left icon"].input > input {
   padding-left: 2.67142857em !important;
   padding-right: 1em !important
 }
 .ui.icon.input > input:focus ~ i.icon {
   opacity: 1
 }
 .ui.labeled.input > .label {
   flex: 0 0 auto;
   margin: 0;
   font-size: 1em
 }
 .ui.labeled.input > .label:not(.corner) {
   padding-top: .78571429em;
   padding-bottom: .78571429em
 }
 .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
 }
 .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-left-color: transparent
 }
 .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
   border-left-color: #007bff;
 }
 .ui[class*="right labeled"].input > input {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   border-right-color: transparent !important
 }
 .ui[class*="right labeled"].input > input + .label {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
 }
 .ui[class*="right labeled"].input > input:focus {
   border-right-color: #007bff !important;
 }
 .ui.labeled.input .corner.label {
   top: 1px;
   right: 1px;
   font-size: .64285714em;
   border-radius: 0 .28571429rem 0 0
 }
 .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
   padding-right: 2.5em !important
 }
 .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
   padding-right: 3.25em !important
 }
 .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
   margin-right: 1.25em
 }
 .ui[class*="left corner labeled"].labeled.input > input {
   padding-left: 2.5em !important
 }
 .ui[class*="left corner labeled"].icon.input > input {
   padding-left: 3.25em !important
 }
 .ui[class*="left corner labeled"].icon.input > .icon {
   margin-left: 1.25em
 }
 .ui.input > .ui.corner.label {
   top: 1px;
   right: 1px
 }
 .ui.input > .ui.left.corner.label {
   right: auto;
   left: 1px
 }
 .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: .78571429em;
   padding-bottom: .78571429em;
   margin: 0
 }
 .ui.action.input:not([class*="left action"]) > input {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   border-right-color: transparent !important
 }
 .ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button, .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child) {
   border-radius: 0
 }
 .ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button, .ui.action.input:not([class*="left action"]) > .dropdown:last-child {
   border-radius: 0 .28571429rem .28571429rem 0
 }
 .ui.action.input:not([class*="left action"]) > input:focus {
   border-right-color: #007bff !important;
 }
 .ui[class*="left action"].input > input {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
   border-left-color: transparent !important
 }
 .ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button, .ui[class*="left action"].input > .dropdown {
   border-radius: 0
 }
 .ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button, .ui[class*="left action"].input > .dropdown:first-child {
   border-radius: .28571429rem 0 0 .28571429rem
 }
 .ui[class*="left action"].input > input:focus {
   border-left-color: #007bff !important;
 }
 .ui.inverted.input > input {
   border: none
 }
 .ui.fluid.input {
   display: flex
 }
 .ui.fluid.input > input {
   width: 0 !important
 }
 .ui.mini.input {
   font-size: .78571429em
 }
 .ui.small.input {
   font-size: .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
 } 

/* Form */ 

.ui.form {
   position: relative;
   max-width: 100%
 }
 .ui.form > p {
   margin: 1em 0
 }
 .ui.form .field {
   clear: both;
   margin: 0 0 0.5em; /* previously: 0 0 1em */
   padding: 0; /* previously: n.a. */
 }
 .ui.form .field:last-child, .ui.form .fields:last-child .field {
   margin-bottom: 0
 }
 .ui.form .fields .field {
   clear: both;
   margin: 0;
   padding: 0; /* previously: n.a. */  
 }
 .ui.form .field > label {
   display: block;
   margin: 0 0 .28571429rem 0;
   color: rgba(0, 0, 0, .87);
   font-size: .92857143em;
   font-weight: 700;
   text-transform: none
 }
 .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=file], .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 textarea {
   width: 100%;
   vertical-align: top
 }
 .ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button {
   height: 1.21428571em
 }

.ui.form .field input:hover,
.ui.form .field input:focus {
    border-color: #007bff; 
    box-shadow: none;
}

 .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=file], .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] {
   margin: 0;
   outline: 0;
   -webkit-appearance: none;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   line-height: 1.21428571em;
   padding: 0.3em 0.5em; /* Previously: .67857143em 1em; */
   font-size: 1em;
   background: #fff;
   border: 1px solid rgba(34, 36, 38, .15);
   color: rgba(0, 0, 0, .87);
   border-radius: .28571429rem;
   box-shadow: 0 0 0 0 transparent inset;
   transition: color .1s ease, border-color .1s ease
 }
 .ui.form textarea {
   margin: 0;
   -webkit-appearance: none;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   padding: 0.3em 0.5em; /* Previously: .78571429em 1em */
   background: #fff;
   border: 1px solid rgba(34, 36, 38, .15);
   outline: 0;
   color: rgba(0, 0, 0, .87);
   border-radius: .28571429rem;
   box-shadow: 0 0 0 0 transparent inset;
   transition: color .1s ease, border-color .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 input[type=checkbox], .ui.form textarea {
   vertical-align: top
 }
 .ui.form input.attached {
   width: auto
 }
 .ui.form select {
   display: block;
   height: auto;
   width: 100%;
   background: #fff;
   border: 1px solid rgba(34, 36, 38, .15);
   border-radius: .28571429rem;
   box-shadow: 0 0 0 0 transparent inset;
   padding: 0.3em 0.5em; /* Previously: .62em 1em */
   color: rgba(0, 0, 0, .87);
   transition: color .1s ease, border-color .1s ease
 }
 .ui.form .field > .selection.dropdown {
   width: 100%
 }
 .ui.form .field > .selection.dropdown > .dropdown.icon {
   float: right
 }
 .ui.form .inline.field > .selection.dropdown, .ui.form .inline.fields .field > .selection.dropdown {
   width: auto
 }
 .ui.form .inline.field > .selection.dropdown > .dropdown.icon, .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {
   float: none
 }
 .ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {
   width: 100%
 }
 .ui.form .inline.field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) .ui.input {
   width: auto;
   vertical-align: middle
 }
 .ui.form .field .ui.input input, .ui.form .fields .field .ui.input input {
   width: auto
 }
 .ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.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: 0
 }
 .ui.form .error.message, .ui.form .success.message, .ui.form .warning.message {
   display: none
 }
 .ui.form .message:first-child {
   margin-top: 0
 }
 .ui.form .field .prompt.label {
   white-space: normal;
   background: #fff !important;
   border: 1px solid #e0b4b4 !important;
   color: #9f3a38 !important
 }
 .ui.form .inline.field .prompt, .ui.form .inline.fields .field .prompt {
   vertical-align: top;
   margin: -.25em 0 -.5em .5em
 }
 .ui.form .inline.field .prompt:before, .ui.form .inline.fields .field .prompt:before {
   border-width: 0 0 1px 1px;
   bottom: auto;
   right: auto;
   top: 50%;
   left: 0
 }
 .ui.form .field.field input:-webkit-autofill {
   box-shadow: 0 0 0 100px ivory inset !important;
   border-color: #e5dfa1 !important
 }
 .ui.form .field.field input:-webkit-autofill:focus {
   box-shadow: 0 0 0 100px ivory inset !important;
   border-color: #d5c315 !important
 }
 .ui.form .error.error input:-webkit-autofill {
   box-shadow: 0 0 0 100px #fffaf0 inset !important;
   border-color: #e0b4b4 !important
 }
 .ui.form ::-webkit-input-placeholder {
   color: rgba(191, 191, 191, .87)
 }
 .ui.form :-ms-input-placeholder {
   color: rgba(191, 191, 191, .87) !important
 }
 .ui.form ::-moz-placeholder {
   color: rgba(191, 191, 191, .87)
 }
 .ui.form :focus::-webkit-input-placeholder {
   color: rgba(115, 115, 115, .87)
 }
 .ui.form :focus:-ms-input-placeholder {
   color: rgba(115, 115, 115, .87) !important
 }
 .ui.form :focus::-moz-placeholder {
   color: rgba(115, 115, 115, .87)
 }
 .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
 }
 .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=file]: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 {
   color: rgba(0, 0, 0, .95);
   border-color: #007bff;
   border-radius: .28571429rem;
   background: #fff;
   box-shadow: none;
 }
 .ui.form textarea:focus {
   color: rgba(0, 0, 0, .95);
   border-color: #007bff;
   border-radius: .28571429rem;
   background: #fff;
   box-shadow: none;
   -webkit-appearance: none
 }
 .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
 }
 .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
 }
 .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
 }
 .ui.form .field.error .input, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label {
   color: #9f3a38
 }
 .ui.form .field.error .corner.label, .ui.form .fields.error .field .corner.label {
   border-color: #9f3a38;
   color: #fff
 }
 .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=file], .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 select, .ui.form .field.error textarea, .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=file], .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 select, .ui.form .fields.error .field textarea {
   background: #fff6f6;
   border-color: #e0b4b4;
   color: #9f3a38;
   border-radius: 4px;
   box-shadow: none
 }

.ui.form .field textarea:hover {
    border-color: #007bff; 
    box-shadow: none;
}

 .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=file]: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 select:focus, .ui.form .field.error textarea:focus {
   background: #fff6f6;
   border-color: #e0b4b4;
   color: #9f3a38;
   -webkit-appearance: none;
   box-shadow: none
 }
 .ui.form .field.error select {
   -webkit-appearance: menulist-button
 }
 .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .item, .ui.form .field.error .ui.dropdown .text, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item {
   background: #fff6f6;
   color: #9f3a38
 }
 .ui.form .field.error .ui.dropdown, .ui.form .fields.error .field .ui.dropdown {
   border-color: #e0b4b4 !important
 }
 .ui.form .field.error .ui.dropdown:hover, .ui.form .fields.error .field .ui.dropdown:hover {
   border-color: #e0b4b4 !important
 }
 .ui.form .field.error .ui.dropdown:hover .menu, .ui.form .fields.error .field .ui.dropdown:hover .menu {
   border-color: #e0b4b4
 }
 .ui.form .field.error .ui.multiple.selection.dropdown > .label, .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label {
   background-color: #eacbcb;
   color: #9f3a38
 }
 .ui.form .field.error .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .ui.dropdown .menu .item:hover {
   background-color: #fbe7e7
 }
 .ui.form .field.error .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .ui.dropdown .menu .selected.item {
   background-color: #fbe7e7
 }
 .ui.form .field.error .ui.dropdown .menu .active.item, .ui.form .fields.error .field .ui.dropdown .menu .active.item {
   background-color: #fdcfcf !important
 }
 .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
   color: #9f3a38
 }
 .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box: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 .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
   background: #fff6f6;
   border-color: #e0b4b4
 }
 .ui.form .field.error .checkbox .box:after, .ui.form .field.error .checkbox label:after, .ui.form .fields.error .field .checkbox .box:after, .ui.form .fields.error .field .checkbox label:after {
   color: #9f3a38
 }
 .ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled {
   pointer-events: none;
   opacity: .45
 }
 .ui.form .field.disabled > label, .ui.form .fields.disabled > label {
   opacity: .45
 }
 .ui.form .field.disabled :disabled {
   opacity: 1
 }
 .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, .8);
   width: 100%;
   height: 100%;
   z-index: 100
 }
 .ui.loading.form:after {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
   margin: -1.5em 0 0 -1.5em;
   width: 3em;
   height: 3em;
   -webkit-animation: form-spin .6s linear;
   animation: form-spin .6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border-color: #767676 rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
   border-style: solid;
   border-width: .2em;
   box-shadow: 0 0 0 1px transparent;
   visibility: visible;
   z-index: 101
 }
 @-webkit-keyframes form-spin {
   from {
     transform: rotate(0)
   }
   to {
     transform: rotate(360deg)
   }
 }
 @keyframes form-spin {
   from {
     transform: rotate(0)
   }
   to {
     transform: rotate(360deg)
   }
 }
 .ui.form .required.field > .checkbox:after, .ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > label:after {
   margin: -.2em 0 0 .2em;
   content: '*';
   color: #db2828
 }
 .ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > label:after {
   display: inline-block;
   vertical-align: top
 }
 .ui.form .required.field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after {
   position: absolute;
   top: 0;
   left: 100%
 }
 .ui.form .inverted.segment .ui.checkbox .box, .ui.form .inverted.segment .ui.checkbox label, .ui.form .inverted.segment label, .ui.inverted.form .inline.field > label, .ui.inverted.form .inline.field > p, .ui.inverted.form .inline.fields .field > label, .ui.inverted.form .inline.fields .field > p, .ui.inverted.form .inline.fields > label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form label {
   color: rgba(255, 255, 255, .9)
 }
 .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=file], .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=text], .ui.inverted.form input[type=time], .ui.inverted.form input[type=url] {
   background: #fff;
   border-color: rgba(255, 255, 255, .1);
   color: rgba(0, 0, 0, .87);
   box-shadow: none
 }
 .ui.form .grouped.fields {
   display: block;
   margin: 0 0 1em
 }
 .ui.form .grouped.fields:last-child {
   margin-bottom: 0
 }
 .ui.form .grouped.fields > label {
   margin: 0 0 .28571429rem 0;
   color: rgba(0, 0, 0, .87);
   font-size: .92857143em;
   font-weight: 700;
   text-transform: none
 }
 .ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field {
   display: block;
   margin: .5em 0;
   padding: 0
 }
 .ui.form .fields {
   display: flex;
   flex-direction: row;
   margin: 0 -.5em 1em; 
   padding: 0; /* Previously: n.a. */
 }
/* gap between two cols */
 .ui.form .fields > .field {
   flex: 0 1 auto;
   padding-left: .5em; 
   padding-right: .5em 
 }
 .ui.form .fields > .field:first-child {
   border-left: none;
   box-shadow: none
 }
 .ui.form .two.fields > .field, .ui.form .two.fields > .fields {
   width: 50%
 }
 .ui.form .three.fields > .field, .ui.form .three.fields > .fields {
   width: 33.33333333%
 }
 .ui.form .four.fields > .field, .ui.form .four.fields > .fields {
   width: 25%
 }
 .ui.form .five.fields > .field, .ui.form .five.fields > .fields {
   width: 20%
 }
 .ui.form .six.fields > .field, .ui.form .six.fields > .fields {
   width: 16.66666667%
 }
 .ui.form .seven.fields > .field, .ui.form .seven.fields > .fields {
   width: 14.28571429%
 }
 .ui.form .eight.fields > .field, .ui.form .eight.fields > .fields {
   width: 12.5%
 }
 .ui.form .nine.fields > .field, .ui.form .nine.fields > .fields {
   width: 11.11111111%
 }
 .ui.form .ten.fields > .field, .ui.form .ten.fields > .fields {
   width: 10%
 }
 @media only screen and (max-width:767px) {
   .ui.form .fields {
     flex-wrap: wrap
   }
   .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field, .ui[class*="equal width"].form:not(.unstackable) .fields > .field {
     width: 100% !important;
     margin: 0 0 1em
   }
 }
 .ui.form .fields .wide.field {
   width: 6.25%;
   padding-left: .5em;
   padding-right: .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
 }
 @media only screen and (max-width:767px) {
   .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {
     width: 100% !important
   }
   .ui.form .fields {
     margin-bottom: 0
   }
 }
 .ui.form [class*="equal width"].fields > .field, .ui[class*="equal width"].form .fields > .field {
   width: 100%;
   flex: 1 1 auto
 }
 .ui.form .inline.fields {
   margin: 0 0 1em;
   align-items: center
 }
 .ui.form .inline.fields .field {
   margin: 0;
   padding: 0 1em 0 0
 }
 .ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {
   display: inline-block;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
   vertical-align: baseline;
   font-size: .92857143em;
   font-weight: 700;
   color: rgba(0, 0, 0, .87);
   text-transform: none
 }
 .ui.form .inline.fields > label {
   margin: .035714em 1em 0 0
 }
 .ui.form .inline.field > input, .ui.form .inline.field > select, .ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select {
   display: inline-block;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
   vertical-align: middle;
   font-size: 1em
 }
 .ui.form .inline.field > :first-child, .ui.form .inline.fields .field > :first-child {
   margin: 0 .85714286em 0 0
 }
 .ui.form .inline.field > :only-child, .ui.form .inline.fields .field > :only-child {
   margin: 0
 }
 .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%
 }
 .ui.mini.form {
   font-size: .78571429rem
 }
 .ui.tiny.form {
   font-size: .85714286rem
 }
 .ui.small.form {
   font-size: .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
 } 

 /* Message */ 

.ui.message {
   position: relative;
   min-height: 1em;
   margin: 1em 0;
   background: #f8f8f9;
   padding: 1em 1.5em;
   line-height: 1.4285em;
   color: rgba(0, 0, 0, .87);
   transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease;
   border-radius: .28571429rem;
   box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 0 0 0 transparent
 }
 .ui.message:first-child {
   margin-top: 0
 }
 .ui.message:last-child {
   margin-bottom: 0
 }
 .ui.message .header {
   display: block;
   font-weight: 700;
   margin: -.14285714em 0 0 0
 }
 .ui.message .header:not(.ui) {
   font-size: 1.14285714em
 }
 .ui.message p {
   opacity: .85;
   margin: .75em 0
 }
 .ui.message p:first-child {
   margin-top: 0
 }
 .ui.message p:last-child {
   margin-bottom: 0
 }
 .ui.message .header + p {
   margin-top: .25em
 }
 .ui.message .list:not(.ui) {
   text-align: left;
   padding: 0;
   opacity: .85;
   list-style-position: inside;
   margin: .5em 0 0
 }
 .ui.message .list:not(.ui):first-child {
   margin-top: 0
 }
 .ui.message .list:not(.ui):last-child {
   margin-bottom: 0
 }
 .ui.message .list:not(.ui) li {
   position: relative;
   list-style-type: none;
   margin: 0 0 .3em 1em;
   padding: 0
 }
 .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: 0
 }
 .ui.message > .icon {
   margin-right: .6em
 }
 .ui.message > .close.icon {
   cursor: pointer;
   position: absolute;
   margin: 0;
   top: .78575em;
   right: .5em;
   opacity: .7;
   transition: opacity .1s ease
 }
 .ui.message > .close.icon:hover {
   opacity: 1
 }
 .ui.message > :first-child {
   margin-top: 0
 }
 .ui.message > :last-child {
   margin-bottom: 0
 }
 .ui.dropdown .menu > .message {
   margin: 0 -1px
 }
 .ui.visible.visible.visible.visible.message {
   display: block
 }
 .ui.icon.visible.visible.visible.visible.message {
   display: flex
 }
 .ui.hidden.hidden.hidden.hidden.message {
   display: none
 }
 .ui.compact.message {
   display: inline-block
 }
 .ui.compact.icon.message {
   display: inline-flex
 }
 .ui.attached.message {
   margin-bottom: -1px;
   border-radius: .28571429rem .28571429rem 0 0;
   box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
   margin-left: -1px;
   margin-right: -1px
 }
 .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
   margin-top: -1px;
   border-radius: 0
 }
 .ui.bottom.attached.message {
   margin-top: -1px;
   border-radius: 0 0 .28571429rem .28571429rem;
   box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset, 0 1px 2px 0 rgba(34, 36, 38, .15)
 }
 .ui.bottom.attached.message:not(:last-child) {
   margin-bottom: 1em
 }
 .ui.attached.icon.message {
   width: auto
 }
 .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: .8
 }
 .ui.icon.message > .content {
   display: block;
   flex: 1 1 auto;
   vertical-align: middle
 }
 .ui.icon.message .icon:not(.close) + .content {
   padding-left: 0
 }
 .ui.icon.message .circular.icon {
   width: 1em
 }
 .ui.floating.message {
   box-shadow: 0 0 0 1px rgba(34, 36, 38, .22) inset, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15)
 }
 .ui.black.message {
   background-color: #1b1c1d;
   color: rgba(255, 255, 255, .9)
 }
 .ui.positive.message {
   background-color: #fcfff5;
   color: #2c662d
 }
 .ui.attached.positive.message, .ui.positive.message {
   box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent
 }
 .ui.positive.message .header {
   color: #1a531b
 }
 .ui.negative.message {
   background-color: #fff6f6;
   color: #9f3a38
 }
 .ui.attached.negative.message, .ui.negative.message {
   box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent
 }
 .ui.negative.message .header {
   color: #912d2b
 }
 .ui.info.message {
   background-color: #f8ffff;
   color: #276f86
 }
 .ui.attached.info.message, .ui.info.message {
   box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent
 }
 .ui.info.message .header {
   color: #0e566c
 }
 .ui.warning.message {
   background-color: #fffaf3;
   color: #573a08
 }
 .ui.attached.warning.message, .ui.warning.message {
   box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent
 }
 .ui.warning.message .header {
   color: #794b02
 }
 .ui.error.message {
   background-color: #fff6f6;
   color: #9f3a38
 }
 .ui.attached.error.message, .ui.error.message {
   box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent
 }
 .ui.error.message .header {
   color: #912d2b
 }
 .ui.success.message {
   background-color: #fcfff5;
   color: #2c662d
 }
 .ui.attached.success.message, .ui.success.message {
   box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent
 }
 .ui.success.message .header {
   color: #1a531b
 }
 .ui.black.message, .ui.inverted.message {
   background-color: #1b1c1d;
   color: rgba(255, 255, 255, .9)
 }
 .ui.red.message {
   background-color: #ffe8e6;
   color: #db2828;
   box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent
 }
 .ui.red.message .header {
   color: #c82121
 }
 .ui.orange.message {
   background-color: #ffedde;
   color: #f2711c;
   box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 transparent
 }
 .ui.orange.message .header {
   color: #e7640d
 }
 .ui.yellow.message {
   background-color: #fff8db;
   color: #b58105;
   box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 transparent
 }
 .ui.yellow.message .header {
   color: #9c6f04
 }
 .ui.olive.message {
   background-color: #fbfdef;
   color: #8abc1e;
   box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 transparent
 }
 .ui.olive.message .header {
   color: #7aa61a
 }
 .ui.green.message {
   background-color: #e5f9e7;
   color: #1ebc30;
   box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent
 }
 .ui.green.message .header {
   color: #1aa62a
 }
 .ui.teal.message {
   background-color: #e1f7f7;
   color: #10a3a3;
   box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 transparent
 }
 .ui.teal.message .header {
   color: #0e8c8c
 }
 .ui.blue.message {
   background-color: #dff0ff;
   color: #2185d0;
   box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent
 }
 .ui.blue.message .header {
   color: #1e77ba
 }
 .ui.violet.message {
   background-color: #eae7ff;
   color: #6435c9;
   box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 transparent
 }
 .ui.violet.message .header {
   color: #5a30b5
 }
 .ui.purple.message {
   background-color: #f6e7ff;
   color: #a333c8;
   box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 transparent
 }
 .ui.purple.message .header {
   color: #922eb4
 }
 .ui.pink.message {
   background-color: #ffe3fb;
   color: #e03997;
   box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 transparent
 }
 .ui.pink.message .header {
   color: #dd238b
 }
 .ui.brown.message {
   background-color: #f1e2d3;
   color: #a5673f;
   box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 transparent
 }
 .ui.brown.message .header {
   color: #935b38
 }
 .ui.mini.message {
   font-size: .78571429em
 }
 .ui.tiny.message {
   font-size: .85714286em
 }
 .ui.small.message {
   font-size: .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
 } 


 /* Comment */ 

.ui.comments {
   margin: 1.5em 0;
   max-width: 650px
 }
 .ui.comments:first-child {
   margin-top: 0
 }
 .ui.comments:last-child {
   margin-bottom: 0
 }
 .ui.comments .comment {
   position: relative;
   background: 0 0;
   margin: .5em 0 0;
   padding: .5em 0 0;
   border: none;
   border-top: none;
   line-height: 1.2
 }
 .ui.comments .comment:first-child {
   margin-top: 0;
   padding-top: 0
 }
 .ui.comments .comment .comments {
   margin: 0 0 .5em .5em;
   padding: 1em 0 1em 1em
 }
 .ui.comments .comment .comments:before {
   position: absolute;
   top: 0;
   left: 0
 }
 .ui.comments .comment .comments .comment {
   border: none;
   border-top: none;
   background: 0 0
 }
 .ui.comments .comment .avatar {
   display: block;
   width: 2.5em;
   height: auto;
   float: left;
   margin: .2em 0 0
 }
 .ui.comments .comment .avatar img, .ui.comments .comment img.avatar {
   display: block;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   border-radius: .25rem
 }
 .ui.comments .comment > .content {
   display: block
 }
 .ui.comments .comment > .avatar ~ .content {
   margin-left: 3.5em
 }
 .ui.comments .comment .author {
   font-size: 1em;
   color: rgba(0, 0, 0, .87);
   font-weight: 700
 }
 .ui.comments .comment a.author {
   cursor: pointer
 }
 .ui.comments .comment a.author:hover {
   color: #1e70bf
 }
 .ui.comments .comment .metadata {
   display: inline-block;
   margin-left: .5em;
   color: rgba(0, 0, 0, .4);
   font-size: .875em
 }
 .ui.comments .comment .metadata > * {
   display: inline-block;
   margin: 0 .5em 0 0
 }
 .ui.comments .comment .metadata > :last-child {
   margin-right: 0
 }
 .ui.comments .comment .text {
   margin: .25em 0 .5em;
   font-size: 1em;
   word-wrap: break-word;
   color: rgba(0, 0, 0, .87);
   line-height: 1.3
 }
 .ui.comments .comment .actions {
   font-size: .875em
 }
 .ui.comments .comment .actions a {
   cursor: pointer;
   display: inline-block;
   margin: 0 .75em 0 0;
   color: rgba(0, 0, 0, .4)
 }
 .ui.comments .comment .actions a:last-child {
   margin-right: 0
 }
 .ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover {
   color: rgba(0, 0, 0, .8)
 }
 .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
 }
 .ui.collapsed.comments, .ui.comments .collapsed.comment, .ui.comments .collapsed.comments {
   display: none
 }
 .ui.threaded.comments .comment .comments {
   margin: -1.5em 0 -1em 1.25em;
   padding: 3em 0 2em 2.25em;
   box-shadow: -1px 0 0 rgba(34, 36, 38, .15)
 }
 .ui.minimal.comments .comment .actions {
   opacity: 0;
   position: absolute;
   top: 0;
   right: 0;
   left: auto;
   transition: opacity .2s ease;
   transition-delay: .1s
 }
 .ui.minimal.comments .comment > .content:hover > .actions {
   opacity: 1
 }
 .ui.mini.comments {
   font-size: .78571429rem
 }
 .ui.tiny.comments {
   font-size: .85714286rem
 }
 .ui.small.comments {
   font-size: .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
 } 



/* Item */ 

.ui.items > .item {
   display: flex;
   margin: 1em 0;
   width: 100%;
   min-height: 0;
   background: 0 0;
   padding: 0;
   border: none;
   border-radius: 0;
   box-shadow: none;
   transition: box-shadow .1s ease;
   z-index: inherit;
 }
 .ui.items > .item a {
   cursor: pointer
 }
 .ui.items {
   margin: 1.5em 0
 }
 .ui.items:first-child {
   margin-top: 0 !important
 }
 .ui.items:last-child {
   margin-bottom: 0 !important
 }
 .ui.items > .item:after {
   display: block;
   content: ' ';
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden
 }
 .ui.items > .item:first-child {
   margin-top: 0
 }
 .ui.items > .item:last-child {
   margin-bottom: 0
 }
 .ui.items > .item > .image {
   position: relative;
   flex: 0 0 auto;
   display: block;
   float: none;
   margin: 0;
   padding: 0;
   align-self: flex-start;
 }
 .ui.items > .item > .image > img {
   display: block;
   width: 100%;
   height: auto;
   border-radius: .125rem;
   border: none
 }
 .ui.items > .item > .image:only-child > img {
   border-radius: 0
 }
 .ui.items > .item > .content {
   display: block;
   flex: 1 1 auto;
   background: 0 0;
   margin: 0;
   padding: 0;
   box-shadow: none;
   font-size: 1em;
   border: none;
   border-radius: 0
 }
 .ui.items > .item > .content:after {
   display: block;
   content: ' ';
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden
 }
 .ui.items > .item > .image + .content {
   min-width: 0;
   width: auto;
   display: block;
   margin-left: 0;
   align-self: flex-start;
   padding-left: 1.5em
 }
 .ui.items > .item > .content > .header {
   display: inline-block;
   margin: -.21425em 0 0;
   font-weight: 700;
   color: rgba(0, 0, 0, .85)
 }
 .ui.items > .item > .content > .header:not(.ui) {
   font-size: 1.28571429em
 }
 .ui.items > .item [class*="left floated"] {
   float: left
 }
 .ui.items > .item [class*="right floated"] {
   float: right
 }
 .ui.items > .item .content img {
   align-self: center;
   width: auto;
 }
 .ui.items > .item .avatar img, .ui.items > .item img.avatar {
   width: auto;
   height: auto;
   border-radius: 500rem
 }
 .ui.items > .item > .content > .description {
   margin-top: .6em;
   font-size: 1em;
   line-height: 1.4285em;
   color: rgba(0, 0, 0, .87)
 }
 .ui.items > .item > .content p {
   margin: 0 0 .5em
 }
 .ui.items > .item > .content p:last-child {
   margin-bottom: 0
 }
 .ui.items > .item .meta {
   margin: .5em 0 .5em;
   font-size: 1em;
   line-height: 1em;
   color: rgba(0, 0, 0, .6)
 }
 .ui.items > .item .meta * {
   margin-right: .3em
 }
 .ui.items > .item .meta :last-child {
   margin-right: 0
 }
 .ui.items > .item .meta [class*="right floated"] {
   margin-right: 0;
   margin-left: .3em
 }
 .ui.items > .item > .content a:not(.ui) {
   color: inherit;
   transition: color .1s ease
 }
 .ui.items > .item > .content a:not(.ui):hover {
   color: inherit;
 }
 .ui.items > .item > .content > a.header {
   color: rgba(0, 0, 0, .85)
 }
 .ui.items > .item > .content > a.header:hover {
   color: #1e70bf
 }
 .ui.items > .item .meta > a:not(.ui) {
   color: rgba(0, 0, 0, .4)
 }
 .ui.items > .item .meta > a:not(.ui):hover {
   color: rgba(0, 0, 0, .87)
 }
 .ui.items > .item > .content .favorite.icon {
   cursor: pointer;
   opacity: .75;
   transition: color .1s ease
 }
 .ui.items > .item > .content .favorite.icon:hover {
   opacity: 1;
   color: #ffb70a
 }
 .ui.items > .item > .content .active.favorite.icon {
   color: #ffe623
 }
 .ui.items > .item > .content .like.icon {
   cursor: pointer;
   opacity: .75;
   transition: color .1s ease
 }
 .ui.items > .item > .content .like.icon:hover {
   opacity: 1;
   color: #ff2733
 }
 .ui.items > .item > .content .active.like.icon {
   color: #ff2733
 }
 .ui.items > .item .extra {
   display: block;
   position: relative;
   background: 0 0;
   margin: .5rem 0 0;
   width: 100%;
   padding: 0 0 0;
   top: 0;
   left: 0;
   color: rgba(0, 0, 0, .4);
   box-shadow: none;
   transition: color .1s ease;
   border-top: none
 }
 .ui.items > .item .extra > * {
   margin: .25rem .5rem .25rem 0
 }
 .ui.items > .item .extra > [class*="right floated"] {
   margin: .25rem 0 .25rem .5rem
 }
 .ui.items > .item .extra:after {
   display: block;
   content: ' ';
   height: 0;
   clear: both;
   overflow: hidden;
   visibility: hidden
 }
 .ui.items > .item > .image:not(.ui) {
   width: 175px
 }
 @media only screen and (min-width:768px) and (max-width:991px) {
   .ui.items > .item {
     margin: 1em 0
   }
   .ui.items > .item > .image:not(.ui) {
     width: 150px
   }
   .ui.items > .item > .image + .content {
     display: block;
     padding: 0 0 0 1em
   }
 }
 @media only screen and (max-width:767px) {
   .ui.items:not(.unstackable) > .item {
     flex-direction: column;
     margin: 2em 0
   }
   .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 0 0
   }
 }
 .ui.items > .item > .image + [class*="top aligned"].content {
   align-self: flex-start
 }
 .ui.items > .item > .image + [class*="middle aligned"].content {
   align-self: center
 }
 .ui.items > .item > .image + [class*="bottom aligned"].content {
   align-self: flex-end
 }
 .ui.relaxed.items > .item {
   margin: 1.5em 0
 }
 .ui[class*="very relaxed"].items > .item {
   margin: 2em 0
 }
 .ui.divided.items > .item {
   border-top: 1px solid rgba(34, 36, 38, .15);
   margin: 0;
   padding: 1em 0
 }
 .ui.divided.items > .item:first-child {
   border-top: none;
   margin-top: 0 !important;
   padding-top: 0 !important
 }
 .ui.divided.items > .item:last-child {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important
 }
 .ui.relaxed.divided.items > .item {
   margin: 0;
   padding: 1.5em 0
 }
 .ui[class*="very relaxed"].divided.items > .item {
   margin: 0;
   padding: 2em 0
 }
 .ui.items a.item:hover, .ui.link.items > .item:hover {
   cursor: pointer
 }
 .ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header {
   color: #1e70bf
 }
 .ui.items > .item {
   font-size: 1em
 }
 @media only screen and (max-width:767px) {
   .ui.unstackable.items > .item > .image, .ui.unstackable.items > .item > .image > img {
     width: 125px !important
   }
 } 

/* Checkbox */

.ui.checkbox {
   position: relative;
   display: inline-block;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   outline: 0;
   vertical-align: baseline;
   font-style: normal;
   min-height: 17px;
   font-size: 1rem;
   line-height: 17px;
   min-width: 17px;
 }

.ui.checkbox .terms-links {
  display: inline-block; 
  margin: 10px 0 30px 30px; 
  padding: 0; 
}

 .ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0 !important;
   outline: 0;
   z-index: 3;
   width: 17px;
   height: 17px
 }
 .ui.checkbox .box, .ui.checkbox label {
   cursor: auto;
   position: relative;
   display: block;
   padding-left: 1.85714em;
   outline: 0;
   font-size: 1em
 }
 .ui.checkbox .box:before, .ui.checkbox label:before {
   position: absolute;
   top: 0;
   left: 0;
   width: 17px;
   height: 17px;
   content: '';
   background: #fff;
   border-radius: .21428571rem;
   transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease;
   border: 1px solid #d4d4d5
 }
 .ui.checkbox .box:after, .ui.checkbox label:after {
   position: absolute;
   font-size: 14px;
   top: 0;
   left: 0;
   width: 17px;
   height: 17px;
   text-align: center;
   opacity: 0;
   color: rgba(0, 0, 0, .87);
   transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease
 }
 .ui.checkbox label, .ui.checkbox + label {
   color: rgba(0, 0, 0, .87);
   transition: color .1s ease
 }
 .ui.checkbox + label {
   vertical-align: middle
 }
 .ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
   background: #fff;
   border-color: #007bff;
 }
 .ui.checkbox label:hover, .ui.checkbox + label:hover {
   color: rgba(0, 0, 0, .8)
 }
 .ui.checkbox .box:active::before, .ui.checkbox label:active::before {
   background: #f9fafb;
   border-color: #007bff;
 }
 .ui.checkbox .box:active::after, .ui.checkbox label:active::after {
   color: rgba(0, 0, 0, .95)
 }
 .ui.checkbox input:active ~ label {
   color: rgba(0, 0, 0, .95)
 }
 .ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {
   background: #fff;
   border-color: #007bff;
 }
 .ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label:after {
   color: rgba(0, 0, 0, .95)
 }
 .ui.checkbox input:focus ~ label {
   color: rgba(0, 0, 0, .95)
 }
 .ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
   background: #fff;
   border-color: #007bff;
 }
 .ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
   opacity: 1;
   color: rgba(0, 0, 0, .95)
 }
 .ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
   background: #fff;
   border-color: #007bff;
 }
 .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, .95)
 }
 .ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
   background: #fff;
   border-color: #007bff;
 }
 .ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {
   color: rgba(0, 0, 0, .95)
 }
 .ui.read-only.checkbox, .ui.read-only.checkbox label {
   cursor: default
 }
 .ui.checkbox input[disabled] ~ .box:after, .ui.checkbox input[disabled] ~ label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label {
   cursor: default !important;
   opacity: .5;
   color: #000
 }
 .ui.checkbox input.hidden {
   z-index: -1
 }
 .ui.checkbox input.hidden + label {
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
 }
 .ui.radio.checkbox {
   min-height: 15px
 }
 .ui.radio.checkbox .box, .ui.radio.checkbox label {
   padding-left: 1.85714em
 }
 .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
   content: '';
   transform: none;
   width: 15px;
   height: 15px;
   border-radius: 500rem;
   top: 1px;
   left: 0
 }
 .ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
   border: none;
   content: '' !important;
   width: 15px;
   height: 15px;
   line-height: 15px
 }
 .ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
   top: 1px;
   left: 0;
   width: 15px;
   height: 15px;
   border-radius: 500rem;
   transform: scale(.46666667);
   background-color: rgba(0, 0, 0, .87)
 }
 .ui.radio.checkbox input:focus ~ .box:before, .ui.radio.checkbox input:focus ~ label:before {
   background-color: #fff
 }
 .ui.radio.checkbox input:focus ~ .box:after, .ui.radio.checkbox input:focus ~ label:after {
   background-color: rgba(0, 0, 0, .95)
 }
 .ui.radio.checkbox input:indeterminate ~ .box:after, .ui.radio.checkbox input:indeterminate ~ label:after {
   opacity: 0
 }
 .ui.radio.checkbox input:checked ~ .box:before, .ui.radio.checkbox input:checked ~ label:before {
   background-color: #fff
 }
 .ui.radio.checkbox input:checked ~ .box:after, .ui.radio.checkbox input:checked ~ label:after {
   background-color: rgba(0, 0, 0, .95)
 }
 .ui.radio.checkbox input:focus:checked ~ .box:before, .ui.radio.checkbox input:focus:checked ~ label:before {
   background-color: #fff
 }
 .ui.radio.checkbox input:focus:checked ~ .box:after, .ui.radio.checkbox input:focus:checked ~ label:after {
   background-color: rgba(0, 0, 0, .95)
 }
 .ui.slider.checkbox {
   min-height: 1.25rem
 }
 .ui.slider.checkbox input {
   width: 3.5rem;
   height: 1.25rem
 }
 .ui.slider.checkbox .box, .ui.slider.checkbox label {
   padding-left: 4.5rem;
   line-height: 1rem;
   color: rgba(0, 0, 0, .4)
 }
 .ui.slider.checkbox .box:before, .ui.slider.checkbox label:before {
   display: block;
   position: absolute;
   content: '';
   border: none !important;
   left: 0;
   z-index: 1;
   top: .4rem;
   background-color: rgba(0, 0, 0, .05);
   width: 3.5rem;
   height: .21428571rem;
   transform: none;
   border-radius: 500rem;
   transition: background .3s ease
 }
 .ui.slider.checkbox .box:after, .ui.slider.checkbox label:after {
   background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
   position: absolute;
   content: '' !important;
   opacity: 1;
   z-index: 2;
   border: none;
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
   width: 1.5rem;
   height: 1.5rem;
   top: -.25rem;
   left: 0;
   transform: none;
   border-radius: 500rem;
   transition: left .3s ease
 }
 .ui.slider.checkbox input:focus ~ .box:before, .ui.slider.checkbox input:focus ~ label:before {
   background-color: rgba(0, 0, 0, .15);
   border: none
 }
 .ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover {
   color: rgba(0, 0, 0, .8)
 }
 .ui.slider.checkbox .box:hover::before, .ui.slider.checkbox label:hover::before {
   background: rgba(0, 0, 0, .15)
 }
 .ui.slider.checkbox input:checked ~ .box, .ui.slider.checkbox input:checked ~ label {
   color: rgba(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
 }
 .ui.slider.checkbox input:focus:checked ~ .box, .ui.slider.checkbox input:focus:checked ~ label {
   color: rgba(0, 0, 0, .95) !important
 }
 .ui.slider.checkbox input:focus:checked ~ .box:before, .ui.slider.checkbox input:focus:checked ~ label:before {
   background-color: #000 !important
 }
 .ui.toggle.checkbox {
   min-height: 1.5rem
 }
 .ui.toggle.checkbox input {
   width: 3.5rem;
   height: 1.5rem
 }
 .ui.toggle.checkbox .box, .ui.toggle.checkbox label {
   min-height: 1.5rem;
   padding-left: 4.5rem;
   color: rgba(0, 0, 0, .87)
 }
 .ui.toggle.checkbox label {
   padding-top: .15em
 }
 .ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
   display: block;
   position: absolute;
   content: '';
   z-index: 1;
   transform: none;
   border: none;
   top: 0;
   background: rgba(0, 0, 0, .05);
   box-shadow: none;
   width: 3.5rem;
   height: 1.5rem;
   border-radius: 500rem
 }
 .ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {
   background: #fff linear-gradient(transparent, rgba(0, 0, 0, .05));
   position: absolute;
   content: '' !important;
   opacity: 1;
   z-index: 2;
   border: none;
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset;
   width: 1.5rem;
   height: 1.5rem;
   top: 0;
   left: 0;
   border-radius: 500rem;
   transition: background .3s ease, left .3s ease
 }
 .ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after {
   left: -.05rem;
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset
 }
 .ui.toggle.checkbox input:focus ~ .box:before, .ui.toggle.checkbox input:focus ~ label:before {
   background-color: rgba(0, 0, 0, .15);
   border: none
 }
 .ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox label:hover::before {
   background-color: rgba(0, 0, 0, .15);
   border: none
 }
 .ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label {
   color: rgba(0, 0, 0, .95) !important
 }
 .ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {
   background-color: #2185d0 !important
 }
 .ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after {
   left: 2.15rem;
   box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15) inset
 }
 .ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label {
   color: rgba(0, 0, 0, .95) !important
 }
 .ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {
   background-color: #0d71bb !important
 }
 .ui.fitted.checkbox .box, .ui.fitted.checkbox label {
   padding-left: 0 !important
 }
 .ui.fitted.toggle.checkbox {
   width: 3.5rem
 }
 .ui.fitted.slider.checkbox {
   width: 3.5rem
 }
 @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')
 }
 .ui.checkbox .box:after, .ui.checkbox label:after {
   font-family: Checkbox
 }
 .ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
   content: '\e800'
 }
 .ui.checkbox input:indeterminate ~ .box:after, .ui.checkbox input:indeterminate ~ label:after {
   font-size: 12px;
   content: '\e801'
 } 

/* Dropdown */ 

.ui.dropdown {
   cursor: pointer;
   position: relative;
   display: inline-block;
   outline: 0;
   text-align: left;
   transition: box-shadow .1s ease, width .1s ease;
   -webkit-tap-highlight-color: transparent
 }
 .ui.dropdown .menu {
   cursor: auto;
   position: absolute;
   display: none;
   outline: 0;
   top: 100%;
   min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content;
   margin: 0;
   padding: 0 0;
   background: #fff;
   font-size: 1em;
   text-shadow: none;
   text-align: left;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
   border: 1px solid rgba(34, 36, 38, .15);
   border-radius: .28571429rem;
   transition: opacity .1s ease;
   z-index: 11;
   will-change: transform, opacity
 }
 .ui.dropdown .menu > * {
   white-space: nowrap
 }
 .ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {
   display: none !important
 }
 .ui.dropdown > .dropdown.icon {
   position: relative;
   width: auto;
   font-size: .85714286em;
   margin: 0 0 0 1em
 }
 .ui.dropdown .menu > .item .dropdown.icon {
   width: auto;
   float: right;
   margin: 0 0 0 1em
 }
 .ui.dropdown .menu > .item .dropdown.icon + .text {
   margin-right: 1em
 }

/* currency icons */
.ui.selection.dropdown .menu .item .avatar.image {
   margin: 0;
   padding: 0;
   width: 15px; 
   height: 15px;
   border-radius: 50%; /* circular */
}
.ui.selection.dropdown > .text > .avatar.image {
   margin: 0;
   padding: 0;
   width: 15px !important; 
   height: 15px !important;
   border-radius: 50%; /* circular */
}

 .ui.dropdown > .text {
   display: inline-block;
   transition: none
 }
 .ui.dropdown .menu > .item {
   position: relative;
   cursor: pointer;
   display: block;
   border: none;
   height: auto;
   text-align: left;
   border-top: none;
   line-height: 1em;
   color: rgba(0, 0, 0, .87);
   padding: .78571429rem 1.14285714rem !important; 
   font-size: 1rem;
   text-transform: none;
   font-weight: 400;
   box-shadow: none;
   -webkit-touch-callout: none
 }
 .ui.dropdown .menu > .item:first-child {
   border-top-width: 0
 }
 .ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {
   float: right !important;
   margin-right: 0 !important;
   margin-left: 1em !important
 }
 .ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {
   float: left !important;
   margin-left: 0 !important;
   margin-right: 1em !important
 }
 .ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {
   margin-top: 0
 }
 .ui.dropdown .menu > .header {
   margin: 1rem 0 .75rem;
   padding: 0 1.14285714rem; 
   color: rgba(0, 0, 0, .85);
   font-size: .78571429em;
   font-weight: 700;
   text-transform: uppercase
 }
 .ui.dropdown .menu > .divider {
   border-top: 1px solid rgba(34, 36, 38, .1);
   height: 0;
   margin: .5em 0
 }
 .ui.dropdown.dropdown .menu > .input {
   width: auto;
   display: flex;
   margin: 1.14285714rem .78571429rem;
   min-width: 10rem
 }
 .ui.dropdown .menu > .header + .input {
   margin-top: 0
 }
 .ui.dropdown .menu > .input:not(.transparent) input {
   padding: .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: .5em; 
   padding-bottom: .5em;
 }
 .ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {
   float: right;
   margin: 0 0 0 1em;
   color: rgba(0, 0, 0, .4)
 }
 .ui.dropdown .menu > .message {
   padding: .78571429rem 1.14285714rem; 
   font-weight: 400
 }
 .ui.dropdown .menu > .message:not(.ui) {
   color: rgba(0, 0, 0, .4)
 }
 .ui.dropdown .menu .menu {
   top: 0 !important;
   left: 100%;
   right: auto;
   margin: 0 0 0 -.5em !important;
   border-radius: .28571429rem !important;
   z-index: 21 !important
 }
 .ui.dropdown .menu .menu:after {
   display: none
 }
 .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
   margin-top: 0
 }
 .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img {
   margin-top: 0
 }
 .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
   margin-left: 0;
   float: none;
   margin-right: .78571429rem
 }
 .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {
   display: inline-block;
   vertical-align: top;
   width: auto;
   margin-top: -.5em;
   margin-bottom: -.5em;
   max-height: 2em
 }
 .ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {
   display: none
 }
 .ui.menu .ui.dropdown .menu .active.item {
   border-left: none
 }
 .ui.buttons > .ui.dropdown:last-child > .menu, .ui.menu .right.dropdown.item > .menu, .ui.menu .right.menu .dropdown:last-child > .menu {
   left: auto;
   right: 0
 }
 .ui.label.dropdown .menu {
   min-width: 100%
 }
 .ui.dropdown.icon.button > .dropdown.icon {
   margin: 0
 }
 .ui.button.dropdown .menu {
   min-width: 100%
 }
 .ui.selection.dropdown {
   cursor: pointer;
   word-wrap: break-word;
   line-height: 1em; 
   white-space: normal;
   outline: 0;
   transform: rotateZ(0);
   min-width: 14em;
   height: 2em; /* Previously: min-height: 2.71428571em */
   background: #fff;
   display: inline-block;
   padding: 0.5em 0.5em; /* Previously: .78571429em 2.1em .78571429em 1em */
   color: rgba(0, 0, 0, .87);
   box-shadow: none;
   border: 1px solid rgba(34, 36, 38, .15);
   border-radius: .28571429rem;
   transition: box-shadow .1s ease, width .1s ease
 }
 .ui.selection.dropdown.active, .ui.selection.dropdown.visible {
   z-index: 10
 }
 select.ui.dropdown {
   height: 38px; /* Previously: 38px */
   padding: .5em; 
   border: 1px solid rgba(34, 36, 38, .15);
   visibility: visible
 }
 .ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {
   cursor: pointer;
   position: absolute;
   width: auto;
   height: auto;
   line-height: 1.21428571em;
   top: .78571429em;
   right: 1em;
   z-index: 3;
   margin: -.78571429em;
   padding: 0.5em; /* Previously: .91666667em */
   opacity: .8;
   transition: opacity .1s ease
 }
 .ui.compact.selection.dropdown {
   min-width: 0
 }
 .ui.selection.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
   border-top-width: 0 !important;
   width: auto;
   outline: 0;
   margin: 0 -1px;
   min-width: calc(100% + 2px);
   width: calc(100% + 2px);
   border-radius: 0 0 .28571429rem .28571429rem;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
   transition: opacity .1s ease
 }
 .ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {
   display: none
 }
 .ui.selection.dropdown .menu > .message {
   padding: .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
   }
 }
 .ui.selection.dropdown .menu > .item {
   border-top: 1px solid #fafafa;
   padding: 0.3rem 0.5rem !important; /* Previously: .78571429rem 1.14285714rem !important */
   white-space: normal;
   word-wrap: normal
 }
 .ui.selection.dropdown .menu > .hidden.addition.item {
   display: none
 }
 .ui.selection.dropdown:hover {
   border-color: #007bff;
   box-shadow: none
 }
 .ui.selection.active.dropdown {
   border-color: #007bff;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
 }
 .ui.selection.active.dropdown .menu {
   border-color: #007bff;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
 }
 .ui.selection.dropdown:focus {
   border-color: #007bff;
   box-shadow: none
 }
 .ui.selection.dropdown:focus .menu {
   border-color: #007bff;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
 }
 .ui.selection.visible.dropdown > .text:not(.default) {
   font-weight: 400;
   color: rgba(0, 0, 0, .8)
 }
 .ui.selection.active.dropdown:hover {
   border-color: #007bff;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
 }
 .ui.selection.active.dropdown:hover .menu {
   border-color: #007bff;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
 }
 .ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {
   opacity: inherit;
   z-index: 3
 }
 .ui.active.selection.dropdown {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important
 }
 .ui.active.empty.selection.dropdown {
   border-radius: .28571429rem !important;
   box-shadow: none !important
 }
 .ui.active.empty.selection.dropdown .menu {
   border: none !important;
   box-shadow: none !important
 }
 .ui.search.dropdown > input.search {
   background: none transparent !important;
   border: none !important;
   box-shadow: none !important;
   cursor: text;
   top: 0;
   left: 1px;
   width: 100%;
   outline: 0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   padding: inherit
 }
 .ui.search.dropdown > input.search {
   position: absolute;
   z-index: 2
 }
 .ui.search.dropdown > .text {
   cursor: text;
   position: relative;
   left: 1px;
   z-index: 3
 }
 .ui.search.selection.dropdown > input.search {
   line-height: 1.21428571em;
   padding: .67857143em 2.1em .67857143em 1em
 }
 .ui.search.selection.dropdown > span.sizer {
   line-height: 1.21428571em;
   padding: .67857143em 2.1em .67857143em 1em;
   display: none;
   white-space: pre
 }
 .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
 }
 .ui.active.search.dropdown input.search:focus + .text .flag, .ui.active.search.dropdown input.search:focus + .text .icon {
   opacity: .45
 }
 .ui.active.search.dropdown input.search:focus + .text {
   color: rgba(115, 115, 115, .87) !important
 }
 .ui.search.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-backface-visibility: hidden;
   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
   }
 }
 .ui.multiple.dropdown {
   padding: .22619048em 2.1em .22619048em .35714286em
 }
 .ui.multiple.dropdown .menu {
   cursor: auto
 }
 .ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {
   cursor: text
 }
 .ui.multiple.dropdown > .label {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: inline-block;
   vertical-align: top;
   white-space: normal;
   font-size: 1em;
   padding: .35714286em .78571429em;
   margin: .14285714rem .28571429rem .14285714rem 0;
   box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset
 }
 .ui.multiple.dropdown .dropdown.icon {
   margin: auto;
   padding: inherit;
 }
 .ui.multiple.dropdown > .text {
   position: static;
   padding: 0;
   max-width: 100%;
   margin: .45238095em 0 .45238095em .64285714em;
   line-height: 1.21428571em
 }
 .ui.multiple.dropdown > .label ~ input.search {
   margin-left: .14285714em !important
 }
 .ui.multiple.dropdown > .label ~ .text {
   display: none
 }
 .ui.multiple.search.dropdown > .text {
   display: inline-block;
   position: absolute;
   top: 0;
   left: 0;
   padding: inherit;
   margin: .45238095em 0 .45238095em .64285714em;
   line-height: 1.21428571em
 }
 .ui.multiple.search.dropdown > .label ~ .text {
   display: none
 }
 .ui.multiple.search.dropdown > input.search {
   position: static;
   padding: 0;
   max-width: 100%;
   margin: .45238095em 0 .45238095em .64285714em;
   width: 2.2em;
   line-height: 1.21428571em
 }
 .ui.inline.dropdown {
   cursor: pointer;
   display: inline-block;
   color: inherit
 }
 .ui.inline.dropdown .dropdown.icon {
   margin: 0 .21428571em 0 .21428571em;
   vertical-align: baseline
 }
 .ui.inline.dropdown > .text {
   font-weight: 700
 }
 .ui.inline.dropdown .menu {
   cursor: auto;
   margin-top: .21428571em;
   border-radius: .28571429rem
 }
 .ui.dropdown .menu .active.item {
   background: 0 0;
   font-weight: 700;
   color: rgba(0, 0, 0, .95);
   box-shadow: none;
   z-index: 12
 }
 .ui.dropdown .menu > .item:hover {
   background: var(--primary-color-opacity-10); /* previously: rgba(0, 0, 0, .05) */
   color: rgba(0, 0, 0, .95);
   z-index: 13
 }
 .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: -.64285714em 0 0 -.64285714em;
   width: 1.28571429em;
   height: 1.28571429em;
   border-radius: 500rem;
   border: .2em solid rgba(0, 0, 0, .1)
 }
 .ui.loading.dropdown > i.icon:after {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
   box-shadow: 0 0 0 1px transparent;
   margin: -.64285714em 0 0 -.64285714em;
   width: 1.28571429em;
   height: 1.28571429em;
   -webkit-animation: dropdown-spin .6s linear;
   animation: dropdown-spin .6s linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   border-radius: 500rem;
   border-color: #767676 transparent transparent;
   border-style: solid;
   border-width: .2em
 }
 .ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {
   display: none
 }
 @-webkit-keyframes dropdown-spin {
   from {
     transform: rotate(0)
   }
   to {
     transform: rotate(360deg)
   }
 }
 @keyframes dropdown-spin {
   from {
     transform: rotate(0)
   }
   to {
     transform: rotate(360deg)
   }
 }
 .ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {
   color: rgba(191, 191, 191, .87)
 }
 .ui.default.dropdown:not(.button) > input:focus ~ .text, .ui.dropdown:not(.button) > input:focus ~ .default.text {
   color: rgba(115, 115, 115, .87)
 }
 .ui.loading.dropdown > .text {
   transition: none
 }
 .ui.dropdown .loading.menu {
   display: block;
   visibility: hidden;
   z-index: -1
 }
 .ui.dropdown > .loading.menu {
   left: 0 !important;
   right: auto !important
 }
 .ui.dropdown > .menu .loading.menu {
   left: 100% !important;
   right: auto !important
 }
 .ui.dropdown .menu .selected.item, .ui.dropdown.selected {
   background: rgba(0, 0, 0, .03);
   color: rgba(0, 0, 0, .95)
 }
 .ui.dropdown > .filtered.text {
   visibility: hidden
 }
 .ui.dropdown .filtered.item {
   display: none !important
 }
 .ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .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
 }
 .ui.dropdown.error > .menu > .item:hover {
   background-color: #fff2f2
 }
 .ui.dropdown.error > .menu .active.item {
   background-color: #fdcfcf
 }
 .ui.dropdown > .clear.dropdown.icon {
   opacity: .8;
   transition: opacity .1s ease
 }
 .ui.dropdown > .clear.dropdown.icon:hover {
   opacity: 1
 }
 .ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
   cursor: default;
   pointer-events: none;
   opacity: .45
 }
 .ui.dropdown .menu {
   left: 0
 }
 .ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu {
   left: 100% !important;
   right: auto !important;
   border-radius: .28571429rem !important
 }
 .ui.dropdown > .left.menu {
   left: auto !important;
   right: 0 !important
 }
 .ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {
   left: auto;
   right: 100%;
   margin: 0 -.5em 0 0 !important;
   border-radius: .28571429rem !important
 }
 .ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
   width: auto;
   float: left;
   margin: 0
 }
 .ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
   width: auto;
   float: left;
   margin: 0
 }
 .ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
   margin-left: 1em;
   margin-right: 0
 }
 .ui.upward.dropdown > .menu {
   top: auto;
   bottom: 100%;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
   border-radius: .28571429rem .28571429rem 0 0
 }
 .ui.dropdown .upward.menu {
   top: auto !important;
   bottom: 0 !important
 }
 .ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {
   border-radius: .28571429rem .28571429rem 0 0 !important
 }
 .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
   border-radius: .28571429rem .28571429rem 0 0
 }
 .ui.upward.selection.dropdown .menu {
   border-top-width: 1px !important;
   border-bottom-width: 0 !important;
   box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
 }
 .ui.upward.selection.dropdown:hover {
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
 }
 .ui.active.upward.selection.dropdown {
   border-radius: 0 0 .28571429rem .28571429rem !important
 }
 .ui.upward.selection.dropdown.visible {
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
   border-radius: 0 0 .28571429rem .28571429rem !important
 }
 .ui.upward.active.selection.dropdown:hover {
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05)
 }
 .ui.upward.active.selection.dropdown:hover .menu {
   box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
 }
 .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto
 }
 .ui.scrolling.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-backface-visibility: hidden;
   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, .15)
 }
 .ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item {
   border-top: none
 }
 .ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child {
   border-top: none
 }
 .ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {
   display: block
 }
 @media all and (-ms-high-contrast:none) {
   .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
     min-width: calc(100% - 17px)
   }
 }
 @media only screen and (max-width:767px) {
   .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
     max-height: 10.28571429rem
   }
 }
 @media only screen and (min-width:768px) {
   .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
     max-height: 15.42857143rem
   }
 }
 @media only screen and (min-width:992px) {
   .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
     max-height: 20.57142857rem
   }
 }
 @media only screen and (min-width:1920px) {
   .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
     max-height: 20.57142857rem
   }
 }
 .ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before {
   display: none
 }
 .ui.simple.dropdown .menu {
   position: absolute;
   display: block;
   overflow: hidden;
   top: -9999px !important;
   opacity: 0;
   width: 0;
   height: 0;
   transition: opacity .1s ease
 }
 .ui.simple.active.dropdown, .ui.simple.dropdown:hover {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !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:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu {
   overflow: visible;
   width: auto;
   height: auto;
   top: 0 !important;
   left: 100% !important;
   opacity: 1
 }
 .ui.simple.disabled.dropdown:hover .menu {
   display: none;
   height: 0;
   width: 0;
   overflow: hidden
 }
 .ui.simple.visible.dropdown > .menu {
   display: block
 }
 .ui.fluid.dropdown {
   display: block;
   width: 100%;
   min-width: 0
 }
 .ui.fluid.dropdown > .dropdown.icon {
   float: right
 }
 .ui.floating.dropdown .menu {
   left: 0;
   right: auto;
   box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
   border-radius: .28571429rem !important
 }
 .ui.floating.dropdown > .menu {
   margin-top: .5em !important;
   border-radius: .28571429rem !important
 }
 .ui.pointing.dropdown > .menu {
   top: 100%;
   margin-top: .78571429rem;
   border-radius: .28571429rem
 }
 .ui.pointing.dropdown > .menu:after {
   display: block;
   position: absolute;
   pointer-events: none;
   content: '';
   visibility: visible;
   transform: rotate(45deg);
   width: .5em;
   height: .5em;
   box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15);
   background: #fff;
   z-index: 2
 }
 .ui.pointing.dropdown > .menu:after {
   top: -.25em;
   left: 50%;
   margin: 0 0 0 -.25em
 }
 .ui.top.left.pointing.dropdown > .menu {
   top: 100%;
   bottom: auto;
   left: 0;
   right: auto;
   margin: 1em 0 0
 }
 .ui.top.left.pointing.dropdown > .menu {
   top: 100%;
   bottom: auto;
   left: 0;
   right: auto;
   margin: 1em 0 0
 }
 .ui.top.left.pointing.dropdown > .menu:after {
   top: -.25em;
   left: 1em;
   right: auto;
   margin: 0;
   transform: rotate(45deg)
 }
 .ui.top.right.pointing.dropdown > .menu {
   top: 100%;
   bottom: auto;
   right: 0;
   left: auto;
   margin: 1em 0 0
 }
 .ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after {
   top: -.25em;
   left: auto !important;
   right: 1em !important;
   margin: 0;
   transform: rotate(45deg)
 }
 .ui.left.pointing.dropdown > .menu {
   top: 0;
   left: 100%;
   right: auto;
   margin: 0 0 0 1em
 }
 .ui.left.pointing.dropdown > .menu:after {
   top: 1em;
   left: -.25em;
   margin: 0;
   transform: rotate(-45deg)
 }
 .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
   left: auto !important;
   right: 100% !important;
   margin: 0 1em 0 0
 }
 .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
   top: 1em;
   left: auto;
   right: -.25em;
   margin: 0;
   transform: rotate(135deg)
 }
 .ui.right.pointing.dropdown > .menu {
   top: 0;
   left: auto;
   right: 100%;
   margin: 0 1em 0 0
 }
 .ui.right.pointing.dropdown > .menu:after {
   top: 1em;
   left: auto;
   right: -.25em;
   margin: 0;
   transform: rotate(135deg)
 }
 .ui.bottom.pointing.dropdown > .menu {
   top: auto;
   bottom: 100%;
   left: 0;
   right: auto;
   margin: 0 0 1em
 }
 .ui.bottom.pointing.dropdown > .menu:after {
   top: auto;
   bottom: -.25em;
   right: auto;
   margin: 0;
   transform: rotate(-135deg)
 }
 .ui.bottom.pointing.dropdown > .menu .menu {
   top: auto !important;
   bottom: 0 !important
 }
 .ui.bottom.left.pointing.dropdown > .menu {
   left: 0;
   right: auto
 }
 .ui.bottom.left.pointing.dropdown > .menu:after {
   left: 1em;
   right: auto
 }
 .ui.bottom.right.pointing.dropdown > .menu {
   right: 0;
   left: auto
 }
 .ui.bottom.right.pointing.dropdown > .menu:after {
   left: auto;
   right: 1em
 }
 .ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu {
   top: auto !important;
   bottom: 100% !important;
   margin: 0 0 .78571429rem;
   border-radius: .28571429rem
 }
 .ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after {
   top: 100% !important;
   bottom: auto !important;
   box-shadow: 1px 1px 0 0 rgba(34, 36, 38, .15);
   margin: -.25em 0 0
 }
 .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 1em 0 0
 }
 .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 0 1em 0;
   box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15)
 }
 .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 0 0 1em
 }
 .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
   top: auto !important;
   bottom: 0 !important;
   margin: 0 0 1em 0;
   box-shadow: -1px -1px 0 0 rgba(34, 36, 38, .15)
 }
 @font-face {
   font-family: Dropdown;
   src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
   font-weight: 400;
   font-style: normal
 }
 .ui.dropdown > .dropdown.icon {
   font-family: Dropdown;
   line-height: 1;
   height: 1em;
   width: 1.23em;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   font-weight: 400;
   font-style: normal;
   text-align: center
 }
 .ui.dropdown > .dropdown.icon {
   width: auto
 }
 .ui.dropdown > .dropdown.icon:before {
   content: '\f0d7'
 }
 .ui.dropdown .menu .item .dropdown.icon:before {
   content: '\f0da'
 }
 .ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {
   content: "\f0d9"
 }
 .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
   content: "\f0da"
 }
 .ui.dropdown > .clear.icon:before {
   content: "\f00d"
 } 

 /* Nag */ 

.ui.nag {
   display: none;
   opacity: .95;
   position: relative;
   top: 0;
   left: 0;
   z-index: 999;
   min-height: 0;
   width: 100%;
   margin: 0;
   padding: .75em 1em;
   background: #555;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
   font-size: 1rem;
   text-align: center;
   color: rgba(0, 0, 0, .87);
   border-radius: 0 0 .28571429rem .28571429rem;
   transition: .2s background ease
 }
 a.ui.nag {
   cursor: pointer
 }
 .ui.nag > .title {
   display: inline-block;
   margin: 0 .5em;
   color: #fff
 }
 .ui.nag > .close.icon {
   cursor: pointer;
   opacity: .4;
   position: absolute;
   top: 50%;
   right: 1em;
   font-size: 1em;
   margin: -.5em 0 0;
   color: #fff;
   transition: opacity .2s ease
 }
 .ui.nag:hover {
   background: #555;
   opacity: 1
 }
 .ui.nag .close:hover {
   opacity: 1
 }
 .ui.overlay.nag {
   position: absolute;
   display: block
 }
 .ui.fixed.nag {
   position: fixed
 }
 .ui.bottom.nag, .ui.bottom.nags {
   border-radius: .28571429rem .28571429rem 0 0;
   top: auto;
   bottom: 0
 }
 .ui.inverted.nag, .ui.inverted.nags .nag {
   background-color: #f3f4f5;
   color: rgba(0, 0, 0, .85)
 }
 .ui.inverted.nag .close, .ui.inverted.nag .title, .ui.inverted.nags .nag .close, .ui.inverted.nags .nag .title {
   color: rgba(0, 0, 0, .4)
 }
 .ui.nags .nag {
   border-radius: 0 !important
 }
 .ui.nags .nag:last-child {
   border-radius: 0 0 .28571429rem .28571429rem
 }
 .ui.bottom.nags .nag:last-child {
   border-radius: .28571429rem .28571429rem 0 0
 } 

/* Sidebar */ 

.ui.sidebar {
   position: fixed;
   top: 0;
   left: 0;
   -webkit-backface-visibility: hidden;
   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: 0 !important;
   margin: 0 !important;
   overflow-y: auto !important;
   z-index: 102
 }
 .ui.sidebar > * {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }
 .ui.left.sidebar {
   right: auto;
   left: 0;
   transform: translate3d(-100%, 0, 0)
 }
 .ui.right.sidebar {
   right: 0 !important;
   left: auto !important;
   transform: translate3d(100%, 0, 0)
 }
 .ui.bottom.sidebar, .ui.top.sidebar {
   width: 100% !important;
   height: auto !important
 }
 .ui.top.sidebar {
   top: 0 !important;
   bottom: auto !important;
   transform: translate3d(0, -100%, 0)
 }
 .ui.bottom.sidebar {
   top: auto !important;
   bottom: 0 !important;
   transform: translate3d(0, 100%, 0)
 }
 .pushable {
   height: 100%;
   overflow-x: hidden;
   padding: 0 !important
 }
 body.pushable {
   background: #545454 !important
 }
 .pushable:not(body) {
   transform: translate3d(0, 0, 0)
 }
 .pushable:not(body) > .fixed, .pushable:not(body) > .pusher:after, .pushable:not(body) > .ui.sidebar {
   position: absolute
 }
 .pushable > .fixed {
   position: fixed;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: transform .5s ease;
   will-change: transform;
   z-index: 101
 }
 .pushable > .pusher {
   position: relative;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   overflow: hidden;
   min-height: 100%;
   transition: transform .5s ease;
   z-index: 2
 }
 body.pushable > .pusher {
   background: #fff
 }
 .pushable > .pusher {
   background: inherit
 }
 .pushable > .pusher:after {
   position: fixed;
   top: 0;
   right: 0;
   content: '';
   background-color: rgba(0, 0, 0, .4);
   overflow: hidden;
   opacity: 0;
   transition: opacity .5s;
   will-change: opacity;
   z-index: 1000
 }
 .ui.sidebar.menu .item {
   border-radius: 0 !important
 }
 .pushable > .pusher.dimmed:after {
   width: 100% !important;
   height: 100% !important;
   opacity: 1 !important
 }
 .ui.animating.sidebar {
   visibility: visible
 }
 .ui.visible.sidebar {
   visibility: visible;
   transform: translate3d(0, 0, 0)
 }
 .ui.left.visible.sidebar, .ui.right.visible.sidebar {
   box-shadow: 0 0 20px rgba(34, 36, 38, .15)
 }
 .ui.bottom.visible.sidebar, .ui.top.visible.sidebar {
   box-shadow: 0 0 20px rgba(34, 36, 38, .15)
 }
 .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)
 }
 .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)
 }
 .ui.thin.left.sidebar, .ui.thin.right.sidebar {
   width: 150px
 }
 .ui[class*="very thin"].left.sidebar, .ui[class*="very thin"].right.sidebar {
   width: 60px
 }
 .ui.left.sidebar, .ui.right.sidebar {
   width: 260px
 }
 .ui.wide.left.sidebar, .ui.wide.right.sidebar {
   width: 350px
 }
 .ui[class*="very wide"].left.sidebar, .ui[class*="very wide"].right.sidebar {
   width: 475px
 }
 .ui.visible.thin.left.sidebar ~ .fixed, .ui.visible.thin.left.sidebar ~ .pusher {
   transform: translate3d(150px, 0, 0)
 }
 .ui.visible[class*="very thin"].left.sidebar ~ .fixed, .ui.visible[class*="very thin"].left.sidebar ~ .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[class*="very wide"].left.sidebar ~ .fixed, .ui.visible[class*="very wide"].left.sidebar ~ .pusher {
   transform: translate3d(475px, 0, 0)
 }
 .ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher {
   transform: translate3d(-150px, 0, 0)
 }
 .ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .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[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher {
   transform: translate3d(-475px, 0, 0)
 }
 .ui.overlay.sidebar {
   z-index: 102
 }
 .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)
 }
 .animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar {
   transition: transform .5s ease
 }
 .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)
 }
 .ui.visible.overlay.sidebar ~ .fixed, .ui.visible.overlay.sidebar ~ .pusher {
   transform: none !important
 }
 .ui.push.sidebar {
   transition: transform .5s ease;
   z-index: 102
 }
 .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)
 }
 .ui.visible.push.sidebar {
   transform: translate3d(0, 0, 0)
 }
 .ui.uncover.sidebar {
   transform: translate3d(0, 0, 0);
   z-index: 1
 }
 .ui.visible.uncover.sidebar {
   transform: translate3d(0, 0, 0);
   transition: transform .5s ease
 }
 .ui.slide.along.sidebar {
   z-index: 1
 }
 .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)
 }
 .ui.animating.slide.along.sidebar {
   transition: transform .5s ease
 }
 .ui.visible.slide.along.sidebar {
   transform: translate3d(0, 0, 0)
 }
 .ui.slide.out.sidebar {
   z-index: 1
 }
 .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)
 }
 .ui.animating.slide.out.sidebar {
   transition: transform .5s ease
 }
 .ui.visible.slide.out.sidebar {
   transform: translate3d(0, 0, 0)
 }
 .ui.scale.down.sidebar {
   transition: transform .5s ease;
   z-index: 102
 }
 .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)
 }
 .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%
 }
 .ui.animating.scale.down > .visible.ui.sidebar {
   transition: transform .5s ease
 }
 .ui.animating.scale.down.sidebar ~ .pusher, .ui.visible.scale.down.sidebar ~ .pusher {
   display: block !important;
   width: 100%;
   height: 100%;
   overflow: hidden !important
 }
 .ui.visible.scale.down.sidebar {
   transform: translate3d(0, 0, 0)
 }
 .ui.visible.scale.down.sidebar ~ .pusher {
   transform: scale(.75)
 } 

/* Transition */ 

.transition {
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-duration: .3s;
   animation-duration: .3s;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both
 }
 .animating.transition {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   visibility: visible !important
 }
 .loading.transition {
   position: absolute;
   top: -99999px;
   left: -99999px
 }
 .hidden.transition {
   display: none;
   visibility: hidden
 }
 .visible.transition {
   display: block !important;
   visibility: visible !important
 }
 .disabled.transition {
   -webkit-animation-play-state: paused;
   animation-play-state: paused
 }
 .looping.transition {
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite
 }
 .transition.browse {
   -webkit-animation-duration: .5s;
   animation-duration: .5s
 }
 .transition.browse.in {
   -webkit-animation-name: browseIn;
   animation-name: browseIn
 }
 .transition.browse.left.out, .transition.browse.out {
   -webkit-animation-name: browseOutLeft;
   animation-name: browseOutLeft
 }
 .transition.browse.right.out {
   -webkit-animation-name: browseOutRight;
   animation-name: browseOutRight
 }
 @-webkit-keyframes browseIn {
   0% {
     transform: scale(.8) translateZ(0);
     z-index: -1
   }
   10% {
     transform: scale(.8) translateZ(0);
     z-index: -1;
     opacity: .7
   }
   80% {
     transform: scale(1.05) translateZ(0);
     opacity: 1;
     z-index: 999
   }
   100% {
     transform: scale(1) translateZ(0);
     z-index: 999
   }
 }
 @keyframes browseIn {
   0% {
     transform: scale(.8) translateZ(0);
     z-index: -1
   }
   10% {
     transform: scale(.8) translateZ(0);
     z-index: -1;
     opacity: .7
   }
   80% {
     transform: scale(1.05) translateZ(0);
     opacity: 1;
     z-index: 999
   }
   100% {
     transform: scale(1) translateZ(0);
     z-index: 999
   }
 }
 @-webkit-keyframes browseOutLeft {
   0% {
     z-index: 999;
     transform: translateX(0) rotateY(0) rotateX(0)
   }
   50% {
     z-index: -1;
     transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
   }
   80% {
     opacity: 1
   }
   100% {
     z-index: -1;
     transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
     opacity: 0
   }
 }
 @keyframes browseOutLeft {
   0% {
     z-index: 999;
     transform: translateX(0) rotateY(0) rotateX(0)
   }
   50% {
     z-index: -1;
     transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
   }
   80% {
     opacity: 1
   }
   100% {
     z-index: -1;
     transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
     opacity: 0
   }
 }
 @-webkit-keyframes browseOutRight {
   0% {
     z-index: 999;
     transform: translateX(0) rotateY(0) rotateX(0)
   }
   50% {
     z-index: 1;
     transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
   }
   80% {
     opacity: 1
   }
   100% {
     z-index: 1;
     transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
     opacity: 0
   }
 }
 @keyframes browseOutRight {
   0% {
     z-index: 999;
     transform: translateX(0) rotateY(0) rotateX(0)
   }
   50% {
     z-index: 1;
     transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
   }
   80% {
     opacity: 1
   }
   100% {
     z-index: 1;
     transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
     opacity: 0
   }
 }
 .drop.transition {
   transform-origin: top center;
   -webkit-animation-duration: .4s;
   animation-duration: .4s;
   -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);
   animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)
 }
 .drop.transition.in {
   -webkit-animation-name: dropIn;
   animation-name: dropIn
 }
 .drop.transition.out {
   -webkit-animation-name: dropOut;
   animation-name: dropOut
 }
 @-webkit-keyframes dropIn {
   0% {
     opacity: 0;
     transform: scale(0)
   }
   100% {
     opacity: 1;
     transform: scale(1)
   }
 }
 @keyframes dropIn {
   0% {
     opacity: 0;
     transform: scale(0)
   }
   100% {
     opacity: 1;
     transform: scale(1)
   }
 }
 @-webkit-keyframes dropOut {
   0% {
     opacity: 1;
     transform: scale(1)
   }
   100% {
     opacity: 0;
     transform: scale(0)
   }
 }
 @keyframes dropOut {
   0% {
     opacity: 1;
     transform: scale(1)
   }
   100% {
     opacity: 0;
     transform: scale(0)
   }
 }
 .transition.fade.in {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn
 }
 .transition[class*="fade up"].in {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp
 }
 .transition[class*="fade down"].in {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown
 }
 .transition[class*="fade left"].in {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft
 }
 .transition[class*="fade right"].in {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight
 }
 .transition.fade.out {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut
 }
 .transition[class*="fade up"].out {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp
 }
 .transition[class*="fade down"].out {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown
 }
 .transition[class*="fade left"].out {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft
 }
 .transition[class*="fade right"].out {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight
 }
 @-webkit-keyframes fadeIn {
   0% {
     opacity: 0
   }
   100% {
     opacity: 1
   }
 }
 @keyframes fadeIn {
   0% {
     opacity: 0
   }
   100% {
     opacity: 1
   }
 }
 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     transform: translateY(10%)
   }
   100% {
     opacity: 1;
     transform: translateY(0)
   }
 }
 @keyframes fadeInUp {
   0% {
     opacity: 0;
     transform: translateY(10%)
   }
   100% {
     opacity: 1;
     transform: translateY(0)
   }
 }
 @-webkit-keyframes fadeInDown {
   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)
   }
 }
 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     transform: translateX(10%)
   }
   100% {
     opacity: 1;
     transform: translateX(0)
   }
 }
 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     transform: translateX(10%)
   }
   100% {
     opacity: 1;
     transform: translateX(0)
   }
 }
 @-webkit-keyframes fadeInRight {
   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)
   }
 }
 @-webkit-keyframes fadeOut {
   0% {
     opacity: 1
   }
   100% {
     opacity: 0
   }
 }
 @keyframes fadeOut {
   0% {
     opacity: 1
   }
   100% {
     opacity: 0
   }
 }
 @-webkit-keyframes fadeOutUp {
   0% {
     opacity: 1;
     transform: translateY(0)
   }
   100% {
     opacity: 0;
     transform: translateY(5%)
   }
 }
 @keyframes fadeOutUp {
   0% {
     opacity: 1;
     transform: translateY(0)
   }
   100% {
     opacity: 0;
     transform: translateY(5%)
   }
 }
 @-webkit-keyframes fadeOutDown {
   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%)
   }
 }
 @-webkit-keyframes fadeOutLeft {
   0% {
     opacity: 1;
     transform: translateX(0)
   }
   100% {
     opacity: 0;
     transform: translateX(5%)
   }
 }
 @keyframes fadeOutLeft {
   0% {
     opacity: 1;
     transform: translateX(0)
   }
   100% {
     opacity: 0;
     transform: translateX(5%)
   }
 }
 @-webkit-keyframes fadeOutRight {
   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%)
   }
 }
 .flip.transition.in, .flip.transition.out {
   -webkit-animation-duration: .6s;
   animation-duration: .6s
 }
 .horizontal.flip.transition.in {
   -webkit-animation-name: horizontalFlipIn;
   animation-name: horizontalFlipIn
 }
 .horizontal.flip.transition.out {
   -webkit-animation-name: horizontalFlipOut;
   animation-name: horizontalFlipOut
 }
 .vertical.flip.transition.in {
   -webkit-animation-name: verticalFlipIn;
   animation-name: verticalFlipIn
 }
 .vertical.flip.transition.out {
   -webkit-animation-name: verticalFlipOut;
   animation-name: verticalFlipOut
 }
 @-webkit-keyframes horizontalFlipIn {
   0% {
     transform: perspective(2000px) rotateY(-90deg);
     opacity: 0
   }
   100% {
     transform: perspective(2000px) rotateY(0);
     opacity: 1
   }
 }
 @keyframes horizontalFlipIn {
   0% {
     transform: perspective(2000px) rotateY(-90deg);
     opacity: 0
   }
   100% {
     transform: perspective(2000px) rotateY(0);
     opacity: 1
   }
 }
 @-webkit-keyframes verticalFlipIn {
   0% {
     transform: perspective(2000px) rotateX(-90deg);
     opacity: 0
   }
   100% {
     transform: perspective(2000px) rotateX(0);
     opacity: 1
   }
 }
 @keyframes verticalFlipIn {
   0% {
     transform: perspective(2000px) rotateX(-90deg);
     opacity: 0
   }
   100% {
     transform: perspective(2000px) rotateX(0);
     opacity: 1
   }
 }
 @-webkit-keyframes horizontalFlipOut {
   0% {
     transform: perspective(2000px) rotateY(0);
     opacity: 1
   }
   100% {
     transform: perspective(2000px) rotateY(90deg);
     opacity: 0
   }
 }
 @keyframes horizontalFlipOut {
   0% {
     transform: perspective(2000px) rotateY(0);
     opacity: 1
   }
   100% {
     transform: perspective(2000px) rotateY(90deg);
     opacity: 0
   }
 }
 @-webkit-keyframes verticalFlipOut {
   0% {
     transform: perspective(2000px) rotateX(0);
     opacity: 1
   }
   100% {
     transform: perspective(2000px) rotateX(-90deg);
     opacity: 0
   }
 }
 @keyframes verticalFlipOut {
   0% {
     transform: perspective(2000px) rotateX(0);
     opacity: 1
   }
   100% {
     transform: perspective(2000px) rotateX(-90deg);
     opacity: 0
   }
 }
 .scale.transition.in {
   -webkit-animation-name: scaleIn;
   animation-name: scaleIn
 }
 .scale.transition.out {
   -webkit-animation-name: scaleOut;
   animation-name: scaleOut
 }
 @-webkit-keyframes scaleIn {
   0% {
     opacity: 0;
     transform: scale(.8)
   }
   100% {
     opacity: 1;
     transform: scale(1)
   }
 }
 @keyframes scaleIn {
   0% {
     opacity: 0;
     transform: scale(.8)
   }
   100% {
     opacity: 1;
     transform: scale(1)
   }
 }
 @-webkit-keyframes scaleOut {
   0% {
     opacity: 1;
     transform: scale(1)
   }
   100% {
     opacity: 0;
     transform: scale(.9)
   }
 }
 @keyframes scaleOut {
   0% {
     opacity: 1;
     transform: scale(1)
   }
   100% {
     opacity: 0;
     transform: scale(.9)
   }
 }
 .transition.fly {
   -webkit-animation-duration: .6s;
   animation-duration: .6s;
   transition-timing-function: cubic-bezier(.215, .61, .355, 1)
 }
 .transition.fly.in {
   -webkit-animation-name: flyIn;
   animation-name: flyIn
 }
 .transition[class*="fly up"].in {
   -webkit-animation-name: flyInUp;
   animation-name: flyInUp
 }
 .transition[class*="fly down"].in {
   -webkit-animation-name: flyInDown;
   animation-name: flyInDown
 }
 .transition[class*="fly left"].in {
   -webkit-animation-name: flyInLeft;
   animation-name: flyInLeft
 }
 .transition[class*="fly right"].in {
   -webkit-animation-name: flyInRight;
   animation-name: flyInRight
 }
 .transition.fly.out {
   -webkit-animation-name: flyOut;
   animation-name: flyOut
 }
 .transition[class*="fly up"].out {
   -webkit-animation-name: flyOutUp;
   animation-name: flyOutUp
 }
 .transition[class*="fly down"].out {
   -webkit-animation-name: flyOutDown;
   animation-name: flyOutDown
 }
 .transition[class*="fly left"].out {
   -webkit-animation-name: flyOutLeft;
   animation-name: flyOutLeft
 }
 .transition[class*="fly right"].out {
   -webkit-animation-name: flyOutRight;
   animation-name: flyOutRight
 }
 @-webkit-keyframes flyIn {
   0% {
     opacity: 0;
     transform: scale3d(.3, .3, .3)
   }
   20% {
     transform: scale3d(1.1, 1.1, 1.1)
   }
   40% {
     transform: scale3d(.9, .9, .9)
   }
   60% {
     opacity: 1;
     transform: scale3d(1.03, 1.03, 1.03)
   }
   80% {
     transform: scale3d(.97, .97, .97)
   }
   100% {
     opacity: 1;
     transform: scale3d(1, 1, 1)
   }
 }
 @keyframes flyIn {
   0% {
     opacity: 0;
     transform: scale3d(.3, .3, .3)
   }
   20% {
     transform: scale3d(1.1, 1.1, 1.1)
   }
   40% {
     transform: scale3d(.9, .9, .9)
   }
   60% {
     opacity: 1;
     transform: scale3d(1.03, 1.03, 1.03)
   }
   80% {
     transform: scale3d(.97, .97, .97)
   }
   100% {
     opacity: 1;
     transform: scale3d(1, 1, 1)
   }
 }
 @-webkit-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 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)
   }
 }
 @-webkit-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 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
   }
 }
 @-webkit-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 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
   }
 }
 @-webkit-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
   }
 }
 @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
   }
 }
 @-webkit-keyframes flyOut {
   20% {
     transform: scale3d(.9, .9, .9)
   }
   50%, 55% {
     opacity: 1;
     transform: scale3d(1.1, 1.1, 1.1)
   }
   100% {
     opacity: 0;
     transform: scale3d(.3, .3, .3)
   }
 }
 @keyframes flyOut {
   20% {
     transform: scale3d(.9, .9, .9)
   }
   50%, 55% {
     opacity: 1;
     transform: scale3d(1.1, 1.1, 1.1)
   }
   100% {
     opacity: 0;
     transform: scale3d(.3, .3, .3)
   }
 }
 @-webkit-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 flyOutUp {
   20% {
     transform: translate3d(0, 10px, 0)
   }
   40%, 45% {
     opacity: 1;
     transform: translate3d(0, -20px, 0)
   }
   100% {
     opacity: 0;
     transform: translate3d(0, 2000px, 0)
   }
 }
 @-webkit-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 flyOutDown {
   20% {
     transform: translate3d(0, -10px, 0)
   }
   40%, 45% {
     opacity: 1;
     transform: translate3d(0, 20px, 0)
   }
   100% {
     opacity: 0;
     transform: translate3d(0, -2000px, 0)
   }
 }
 @-webkit-keyframes flyOutRight {
   20% {
     opacity: 1;
     transform: translate3d(20px, 0, 0)
   }
   100% {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0)
   }
 }
 @keyframes flyOutRight {
   20% {
     opacity: 1;
     transform: translate3d(20px, 0, 0)
   }
   100% {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0)
   }
 }
 @-webkit-keyframes flyOutLeft {
   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)
   }
 }
 .transition.slide.in, .transition[class*="slide down"].in {
   -webkit-animation-name: slideInY;
   animation-name: slideInY;
   transform-origin: top center
 }
 .transition[class*="slide up"].in {
   -webkit-animation-name: slideInY;
   animation-name: slideInY;
   transform-origin: bottom center
 }
 .transition[class*="slide left"].in {
   -webkit-animation-name: slideInX;
   animation-name: slideInX;
   transform-origin: center right
 }
 .transition[class*="slide right"].in {
   -webkit-animation-name: slideInX;
   animation-name: slideInX;
   transform-origin: center left
 }
 .transition.slide.out, .transition[class*="slide down"].out {
   -webkit-animation-name: slideOutY;
   animation-name: slideOutY;
   transform-origin: top center
 }
 .transition[class*="slide up"].out {
   -webkit-animation-name: slideOutY;
   animation-name: slideOutY;
   transform-origin: bottom center
 }
 .transition[class*="slide left"].out {
   -webkit-animation-name: slideOutX;
   animation-name: slideOutX;
   transform-origin: center right
 }
 .transition[class*="slide right"].out {
   -webkit-animation-name: slideOutX;
   animation-name: slideOutX;
   transform-origin: center left
 }
 @-webkit-keyframes slideInY {
   0% {
     opacity: 0;
     transform: scaleY(0)
   }
   100% {
     opacity: 1;
     transform: scaleY(1)
   }
 }
 @keyframes slideInY {
   0% {
     opacity: 0;
     transform: scaleY(0)
   }
   100% {
     opacity: 1;
     transform: scaleY(1)
   }
 }
 @-webkit-keyframes slideInX {
   0% {
     opacity: 0;
     transform: scaleX(0)
   }
   100% {
     opacity: 1;
     transform: scaleX(1)
   }
 }
 @keyframes slideInX {
   0% {
     opacity: 0;
     transform: scaleX(0)
   }
   100% {
     opacity: 1;
     transform: scaleX(1)
   }
 }
 @-webkit-keyframes slideOutY {
   0% {
     opacity: 1;
     transform: scaleY(1)
   }
   100% {
     opacity: 0;
     transform: scaleY(0)
   }
 }
 @keyframes slideOutY {
   0% {
     opacity: 1;
     transform: scaleY(1)
   }
   100% {
     opacity: 0;
     transform: scaleY(0)
   }
 }
 @-webkit-keyframes slideOutX {
   0% {
     opacity: 1;
     transform: scaleX(1)
   }
   100% {
     opacity: 0;
     transform: scaleX(0)
   }
 }
 @keyframes slideOutX {
   0% {
     opacity: 1;
     transform: scaleX(1)
   }
   100% {
     opacity: 0;
     transform: scaleX(0)
   }
 }
 .transition.swing {
   -webkit-animation-duration: .8s;
   animation-duration: .8s
 }
 .transition[class*="swing down"].in {
   -webkit-animation-name: swingInX;
   animation-name: swingInX;
   transform-origin: top center
 }
 .transition[class*="swing up"].in {
   -webkit-animation-name: swingInX;
   animation-name: swingInX;
   transform-origin: bottom center
 }
 .transition[class*="swing left"].in {
   -webkit-animation-name: swingInY;
   animation-name: swingInY;
   transform-origin: center right
 }
 .transition[class*="swing right"].in {
   -webkit-animation-name: swingInY;
   animation-name: swingInY;
   transform-origin: center left
 }
 .transition.swing.out, .transition[class*="swing down"].out {
   -webkit-animation-name: swingOutX;
   animation-name: swingOutX;
   transform-origin: top center
 }
 .transition[class*="swing up"].out {
   -webkit-animation-name: swingOutX;
   animation-name: swingOutX;
   transform-origin: bottom center
 }
 .transition[class*="swing left"].out {
   -webkit-animation-name: swingOutY;
   animation-name: swingOutY;
   transform-origin: center right
 }
 .transition[class*="swing right"].out {
   -webkit-animation-name: swingOutY;
   animation-name: swingOutY;
   transform-origin: center left
 }
 @-webkit-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(0)
   }
 }
 @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(0)
   }
 }
 @-webkit-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(0)
   }
 }
 @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(0)
   }
 }
 @-webkit-keyframes swingOutX {
   0% {
     transform: perspective(1000px) rotateX(0)
   }
   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 swingOutX {
   0% {
     transform: perspective(1000px) rotateX(0)
   }
   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
   }
 }
 @-webkit-keyframes swingOutY {
   0% {
     transform: perspective(1000px) rotateY(0)
   }
   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
   }
 }
 @keyframes swingOutY {
   0% {
     transform: perspective(1000px) rotateY(0)
   }
   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
   }
 }
 .transition.zoom.in {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn
 }
 .transition.zoom.out {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut
 }
 @-webkit-keyframes zoomIn {
   0% {
     opacity: 1;
     transform: scale(0)
   }
   100% {
     opacity: 1;
     transform: scale(1)
   }
 }
 @keyframes zoomIn {
   0% {
     opacity: 1;
     transform: scale(0)
   }
   100% {
     opacity: 1;
     transform: scale(1)
   }
 }
 @-webkit-keyframes zoomOut {
   0% {
     opacity: 1;
     transform: scale(1)
   }
   100% {
     opacity: 1;
     transform: scale(0)
   }
 }
 @keyframes zoomOut {
   0% {
     opacity: 1;
     transform: scale(1)
   }
   100% {
     opacity: 1;
     transform: scale(0)
   }
 }
 .flash.transition {
   -webkit-animation-duration: 750ms;
   animation-duration: 750ms;
   -webkit-animation-name: flash;
   animation-name: flash
 }
 .shake.transition {
   -webkit-animation-duration: 750ms;
   animation-duration: 750ms;
   -webkit-animation-name: shake;
   animation-name: shake
 }
 .bounce.transition {
   -webkit-animation-duration: 750ms;
   animation-duration: 750ms;
   -webkit-animation-name: bounce;
   animation-name: bounce
 }
 .tada.transition {
   -webkit-animation-duration: 750ms;
   animation-duration: 750ms;
   -webkit-animation-name: tada;
   animation-name: tada
 }
 .pulse.transition {
   -webkit-animation-duration: .5s;
   animation-duration: .5s;
   -webkit-animation-name: pulse;
   animation-name: pulse
 }
 .jiggle.transition {
   -webkit-animation-duration: 750ms;
   animation-duration: 750ms;
   -webkit-animation-name: jiggle;
   animation-name: jiggle
 }
 .transition.glow {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
   animation-timing-function: cubic-bezier(.19, 1, .22, 1)
 }
 .transition.glow {
   -webkit-animation-name: glow;
   animation-name: glow
 }
 @-webkit-keyframes flash {
   0%, 100%, 50% {
     opacity: 1
   }
   25%, 75% {
     opacity: 0
   }
 }
 @keyframes flash {
   0%, 100%, 50% {
     opacity: 1
   }
   25%, 75% {
     opacity: 0
   }
 }
 @-webkit-keyframes shake {
   0%, 100% {
     transform: translateX(0)
   }
   10%, 30%, 50%, 70%, 90% {
     transform: translateX(-10px)
   }
   20%, 40%, 60%, 80% {
     transform: translateX(10px)
   }
 }
 @keyframes shake {
   0%, 100% {
     transform: translateX(0)
   }
   10%, 30%, 50%, 70%, 90% {
     transform: translateX(-10px)
   }
   20%, 40%, 60%, 80% {
     transform: translateX(10px)
   }
 }
 @-webkit-keyframes bounce {
   0%, 100%, 20%, 50%, 80% {
     transform: translateY(0)
   }
   40% {
     transform: translateY(-30px)
   }
   60% {
     transform: translateY(-15px)
   }
 }
 @keyframes bounce {
   0%, 100%, 20%, 50%, 80% {
     transform: translateY(0)
   }
   40% {
     transform: translateY(-30px)
   }
   60% {
     transform: translateY(-15px)
   }
 }
 @-webkit-keyframes tada {
   0% {
     transform: scale(1)
   }
   10%, 20% {
     transform: scale(.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)
   }
 }
 @keyframes tada {
   0% {
     transform: scale(1)
   }
   10%, 20% {
     transform: scale(.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)
   }
 }
 @-webkit-keyframes pulse {
   0% {
     transform: scale(1);
     opacity: 1
   }
   50% {
     transform: scale(.9);
     opacity: .7
   }
   100% {
     transform: scale(1);
     opacity: 1
   }
 }
 @keyframes pulse {
   0% {
     transform: scale(1);
     opacity: 1
   }
   50% {
     transform: scale(.9);
     opacity: .7
   }
   100% {
     transform: scale(1);
     opacity: 1
   }
 }
 @-webkit-keyframes jiggle {
   0% {
     transform: scale3d(1, 1, 1)
   }
   30% {
     transform: scale3d(1.25, .75, 1)
   }
   40% {
     transform: scale3d(.75, 1.25, 1)
   }
   50% {
     transform: scale3d(1.15, .85, 1)
   }
   65% {
     transform: scale3d(.95, 1.05, 1)
   }
   75% {
     transform: scale3d(1.05, .95, 1)
   }
   100% {
     transform: scale3d(1, 1, 1)
   }
 }
 @keyframes jiggle {
   0% {
     transform: scale3d(1, 1, 1)
   }
   30% {
     transform: scale3d(1.25, .75, 1)
   }
   40% {
     transform: scale3d(.75, 1.25, 1)
   }
   50% {
     transform: scale3d(1.15, .85, 1)
   }
   65% {
     transform: scale3d(.95, 1.05, 1)
   }
   75% {
     transform: scale3d(1.05, .95, 1)
   }
   100% {
     transform: scale3d(1, 1, 1)
   }
 }
 @-webkit-keyframes glow {
   0% {
     background-color: #fcfcfd
   }
   30% {
     background-color: #fff6cd
   }
   100% {
     background-color: #fcfcfd
   }
 }
 @keyframes glow {
   0% {
     background-color: #fcfcfd
   }
   30% {
     background-color: #fff6cd
   }
   100% {
     background-color: #fcfcfd
   }
 }