@charset "UTF-8";

.ngx-datatable {
    display: block;
    overflow: hidden;
    justify-content: center;
    position: relative;
    transform: translate(0)
}

.ngx-datatable [hidden] {
    display: none !important
}

.ngx-datatable *,
.ngx-datatable *:before,
.ngx-datatable *:after {
    box-sizing: border-box
}

.ngx-datatable.scroll-vertical .datatable-body {
    overflow-y: auto
}

.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: absolute
}

.ngx-datatable.scroll-horz .datatable-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ngx-datatable.fixed-row .datatable-scroll,
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
    white-space: nowrap
}

.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell,
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
    display: flex;
    flex-direction: row;
    -o-flex-flow: row;
    flex-flow: row
}

.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
    overflow-x: hidden;
    vertical-align: top;
    display: inline-block;
    line-height: 1.625
}

.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
    outline: none
}

.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
    z-index: 9
}

.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-right {
    position: relative
}

.ngx-datatable .datatable-header {
    display: block;
    overflow: hidden
}

.ngx-datatable .datatable-header .datatable-header-inner {
    align-items: stretch;
    -webkit-align-items: stretch
}

.ngx-datatable .datatable-header .datatable-header-cell {
    position: relative;
    display: inline-block
}

.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
    cursor: pointer
}

.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
    cursor: move
}

.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
    line-height: 100%;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    padding: 0 4px;
    visibility: hidden
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
    cursor: ew-resize
}

.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
    visibility: visible
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
    position: absolute;
    top: 0;
    bottom: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
    right: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
    left: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
    height: inherit
}

.ngx-datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block
}

.ngx-datatable .datatable-body .datatable-scroll {
    display: inline-block
}

.ngx-datatable .datatable-body .datatable-row-detail {
    overflow-y: hidden
}

.ngx-datatable .datatable-body .datatable-row-wrapper {
    display: flex;
    flex-direction: column
}

.ngx-datatable .datatable-body .datatable-body-row {
    outline: none
}

.ngx-datatable .datatable-body .datatable-body-row>div {
    display: flex
}

.ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
    overflow: auto
}

.ngx-datatable .datatable-footer .datatable-footer-inner {
    display: flex;
    align-items: center;
    width: 100%
}

.ngx-datatable .datatable-footer .selected-count .page-count {
    flex: 1 1 40%
}

.ngx-datatable .datatable-footer .selected-count .datatable-pager {
    flex: 1 1 60%
}

.ngx-datatable .datatable-footer .page-count {
    flex: 1 1 20%
}

.ngx-datatable .datatable-footer .datatable-pager {
    flex: 1 1 80%;
    text-align: right
}

.ngx-datatable .datatable-footer .datatable-pager .pager,
.ngx-datatable .datatable-footer .datatable-pager .pager li {
    padding: 0;
    margin: 0;
    display: inline-block;
    list-style: none
}

.ngx-datatable .datatable-footer .datatable-pager .pager li,
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
    outline: none
}

.ngx-datatable .datatable-footer .datatable-pager .pager li a {
    cursor: pointer;
    display: inline-block
}

.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
    cursor: not-allowed
}

@font-face {
    font-family: data-table;
    src: url(data-table.19a1c5c211a201d8.eot);
    src: url(data-table.19a1c5c211a201d8.eot?#iefix) format("embedded-opentype"), url(data-table.d233a8724a9532b6.woff) format("woff"), url(data-table.4f99927ffc558471.ttf) format("truetype"), url(data-table.029992b38cb863a4.svg#data-table) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: data-table !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=datatable-icon-]:before,
[class*=" datatable-icon-"]:before {
    font-family: data-table !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-feature-settings: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.datatable-icon-filter:before {
    content: "b"
}

.datatable-icon-collapse:before {
    content: "a"
}

.datatable-icon-expand:before {
    content: "c"
}

.datatable-icon-close:before {
    content: "d"
}

.datatable-icon-up:before {
    content: "e"
}

.datatable-icon-down:before {
    content: "f"
}

.datatable-icon-sort-unset:before {
    content: "c";
    opacity: .5
}

.datatable-icon-sort:before {
    content: "g"
}

.datatable-icon-done:before {
    content: "h"
}

.datatable-icon-done-all:before {
    content: "i"
}

.datatable-icon-search:before {
    content: "j"
}

.datatable-icon-pin:before {
    content: "k"
}

.datatable-icon-add:before {
    content: "m"
}

.datatable-icon-left:before {
    content: "o"
}

.datatable-icon-right:before {
    content: "p"
}

.datatable-icon-skip:before {
    content: "q"
}

.datatable-icon-prev:before {
    content: "r"
}

/*!
 * Copyright (c) HANDSONCODE sp. z o. o.
 * 
 * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o.,
 * a Polish corporation, based in Gdynia, Poland, at 96/98 Aleja Zwycięstwa,
 * registered with the National Court Register under number 538651,
 * EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
 * 
 * This software is protected by applicable copyright laws, including
 * international treaties, and dual-licensed – depending on whether
 * your use is intended for or may result in commercial advantage
 * or monetary compensation (commercial purposes), or not.
 * 
 * If your use involves only such purposes as research, private study,
 * evaluation and the like, you agree to be bound by the terms included
 * in the "handsontable-non-commercial-license.pdf" file, available
 * in the main directory of this software repository.
 * 
 * By installing, copying, or otherwise using this software for
 * commercial purposes, you agree to be bound by the terms included
 * in the "handsontable-general-terms.pdf" file, available in the main
 * directory of this software repository.
 * 
 * HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND. IN NO EVENT
 * AND UNDER NO LEGAL THEORY, SHALL HANDSONCODE BE LIABLE
 * TO YOU FOR DAMAGES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL,
 * INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING
 * FROM USE OR INABILITY TO USE THIS SOFTWARE.
 * 
 * Version: 10.0.0
 * Release date: 29/09/2021 (built at 29/09/2021 10:35:57)
 */
.handsontable .table th,
.handsontable .table td {
    border-top: none
}

.handsontable tr {
    background: #fff
}

.handsontable td {
    background-color: inherit
}

.handsontable .table caption+thead tr:first-child th,
.handsontable .table caption+thead tr:first-child td,
.handsontable .table colgroup+thead tr:first-child th,
.handsontable .table colgroup+thead tr:first-child td,
.handsontable .table thead:first-child tr:first-child th,
.handsontable .table thead:first-child tr:first-child td {
    border-top: 1px solid #CCCCCC
}

.handsontable .table-bordered {
    border: 0;
    border-collapse: separate
}

.handsontable .table-bordered th,
.handsontable .table-bordered td {
    border-left: none
}

.handsontable .table-bordered th:first-child,
.handsontable .table-bordered td:first-child {
    border-left: 1px solid #CCCCCC
}

.handsontable .table>tbody>tr>td,
.handsontable .table>tbody>tr>th,
.handsontable .table>tfoot>tr>td,
.handsontable .table>tfoot>tr>th,
.handsontable .table>thead>tr>td,
.handsontable .table>thead>tr>th {
    line-height: 21px;
    padding: 0
}

.col-lg-1.handsontable,
.col-lg-10.handsontable,
.col-lg-11.handsontable,
.col-lg-12.handsontable,
.col-lg-2.handsontable,
.col-lg-3.handsontable,
.col-lg-4.handsontable,
.col-lg-5.handsontable,
.col-lg-6.handsontable,
.col-lg-7.handsontable,
.col-lg-8.handsontable,
.col-lg-9.handsontable,
.col-md-1.handsontable,
.col-md-10.handsontable,
.col-md-11.handsontable,
.col-md-12.handsontable,
.col-md-2.handsontable,
.col-md-3.handsontable,
.col-md-4.handsontable,
.col-md-5.handsontable,
.col-md-6.handsontable,
.col-md-7.handsontable,
.col-md-8.handsontable,
.col-md-9.handsontable .col-sm-1.handsontable,
.col-sm-10.handsontable,
.col-sm-11.handsontable,
.col-sm-12.handsontable,
.col-sm-2.handsontable,
.col-sm-3.handsontable,
.col-sm-4.handsontable,
.col-sm-5.handsontable,
.col-sm-6.handsontable,
.col-sm-7.handsontable,
.col-sm-8.handsontable,
.col-sm-9.handsontable .col-xs-1.handsontable,
.col-xs-10.handsontable,
.col-xs-11.handsontable,
.col-xs-12.handsontable,
.col-xs-2.handsontable,
.col-xs-3.handsontable,
.col-xs-4.handsontable,
.col-xs-5.handsontable,
.col-xs-6.handsontable,
.col-xs-7.handsontable,
.col-xs-8.handsontable,
.col-xs-9.handsontable {
    padding-left: 0;
    padding-right: 0
}

.handsontable .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fff
}

.handsontable {
    position: relative
}

.handsontable .hide {
    display: none
}

.handsontable .relative {
    position: relative
}

.handsontable .wtHider {
    width: 0
}

.handsontable .wtSpreader {
    position: relative;
    width: 0;
    height: auto
}

.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box
}

.handsontable input,
.handsontable textarea {
    min-height: 0;
    min-height: initial
}

.handsontable table.htCore {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    border-width: 0;
    table-layout: fixed;
    width: 0;
    outline-width: 0;
    cursor: default;
    max-width: none;
    max-height: none
}

.handsontable col,
.handsontable col.rowHeader {
    width: 50px
}

.handsontable th,
.handsontable td {
    border-top-width: 0;
    border-left-width: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 22px;
    empty-cells: show;
    line-height: 21px;
    padding: 0 4px;
    background-color: #fff;
    vertical-align: top;
    overflow: hidden;
    outline-width: 0;
    white-space: pre-wrap
}

.handsontable th:last-child {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.handsontable th:first-child,
.handsontable th:nth-child(2),
.handsontable td:first-of-type {
    border-left: 1px solid #ccc
}

.handsontable.htRowHeaders thead tr th:nth-child(2) {
    border-left: 1px solid #ccc
}

.handsontable tr:first-child th,
.handsontable tr:first-child td {
    border-top: 1px solid #ccc
}

.ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable tbody tr th,
.ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable:not(.ht_clone_top) thead tr th:first-child {
    border-right-width: 0
}

.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th,
.ht_master:not(.innerBorderTop):not(.innerBorderBottom)~.handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th,
.ht_master:not(.innerBorderTop):not(.innerBorderBottom)~.handsontable thead tr.lastChild th {
    border-bottom-width: 0
}

.handsontable th {
    background-color: #f0f0f0;
    color: #222;
    text-align: center;
    font-weight: 400;
    white-space: nowrap
}

.handsontable thead th {
    padding: 0
}

.handsontable th.active {
    background-color: #ccc
}

.handsontable thead th .relative {
    padding: 2px 4px
}

.handsontable span.colHeader {
    display: inline-block;
    line-height: 1.1
}

.handsontable .wtBorder {
    position: absolute;
    font-size: 0
}

.handsontable .wtBorder.hidden {
    display: none !important
}

.handsontable .wtBorder.current {
    z-index: 10
}

.handsontable .wtBorder.area {
    z-index: 8
}

.handsontable .wtBorder.fill {
    z-index: 6
}

.handsontable .wtBorder.corner {
    font-size: 0;
    cursor: crosshair
}

.ht_clone_master {
    z-index: 100
}

.ht_clone_right {
    z-index: 110
}

.ht_clone_left {
    z-index: 120
}

.ht_clone_bottom {
    z-index: 130
}

.ht_clone_bottom_right_corner {
    z-index: 140
}

.ht_clone_bottom_left_corner {
    z-index: 150
}

.ht_clone_top {
    z-index: 160
}

.ht_clone_top_right_corner {
    z-index: 170
}

.ht_clone_top_left_corner {
    z-index: 180
}

.handsontable tbody tr th:nth-last-child(2) {
    border-right: 1px solid #ccc
}

.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
    border-right: 1px solid #ccc
}

.handsontable col.hidden {
    width: 0 !important
}

.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
    display: none
}

.ht_master,
.ht_clone_left,
.ht_clone_top,
.ht_clone_bottom {
    overflow: hidden
}

.ht_master .wtHolder {
    overflow: auto
}

.handsontable .ht_master thead,
.handsontable .ht_master tr th,
.handsontable .ht_clone_left thead {
    visibility: hidden
}

.ht_clone_top .wtHolder,
.ht_clone_left .wtHolder,
.ht_clone_bottom .wtHolder {
    overflow: hidden
}

.handsontable {
    touch-action: manipulation;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #373737
}

.handsontable a {
    color: #104acc
}

.handsontable.htAutoSize {
    visibility: hidden;
    left: -99000px;
    position: absolute;
    top: -99000px
}

.handsontable td.htInvalid {
    background-color: #ff4c42 !important
}

.handsontable td.htNoWrap {
    white-space: nowrap
}

#hot-display-license-info {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #373737;
    padding: 5px 0 3px;
    text-align: left
}

#hot-display-license-info a {
    color: #104acc;
    font-size: 10px
}

.handsontable .manualColumnResizer {
    position: absolute;
    top: 0;
    cursor: col-resize;
    z-index: 210;
    width: 5px;
    height: 25px
}

.handsontable .manualRowResizer {
    position: absolute;
    left: 0;
    cursor: row-resize;
    z-index: 210;
    height: 5px;
    width: 50px
}

.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
    background-color: #34a9db
}

.handsontable .manualColumnResizerGuide {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #34a9db;
    display: none;
    width: 0;
    border-right: 1px dashed #777;
    margin-left: 5px
}

.handsontable .manualRowResizerGuide {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #34a9db;
    display: none;
    height: 0;
    border-bottom: 1px dashed #777;
    margin-top: 5px
}

.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
    display: block;
    z-index: 209
}

.handsontable .columnSorting {
    position: relative
}

.handsontable .columnSorting.sortAction:hover {
    text-decoration: underline;
    cursor: pointer
}

.handsontable span.colHeader.columnSorting:before {
    top: 50%;
    margin-top: -6px;
    padding-left: 8px;
    position: absolute;
    right: -9px;
    content: "";
    height: 10px;
    width: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right
}

.handsontable span.colHeader.columnSorting.ascending:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC)
}

.handsontable span.colHeader.columnSorting.descending:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=)
}

.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled):after {
    content: "*";
    display: inline-block;
    position: relative;
    padding-right: 20px
}

.handsontable td.area,
.handsontable td.area-1,
.handsontable td.area-2,
.handsontable td.area-3,
.handsontable td.area-4,
.handsontable td.area-5,
.handsontable td.area-6,
.handsontable td.area-7 {
    position: relative
}

.handsontable td.area:before,
.handsontable td.area-1:before,
.handsontable td.area-2:before,
.handsontable td.area-3:before,
.handsontable td.area-4:before,
.handsontable td.area-5:before,
.handsontable td.area-6:before,
.handsontable td.area-7:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: -100%\ ;
    background: #005eff
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .handsontable td.area:before,
    .handsontable td.area-1:before,
    .handsontable td.area-2:before,
    .handsontable td.area-3:before,
    .handsontable td.area-4:before,
    .handsontable td.area-5:before,
    .handsontable td.area-6:before,
    .handsontable td.area-7:before {
        bottom: -100%
    }
}

.handsontable td.area:before {
    opacity: .1
}

.handsontable td.area-1:before {
    opacity: .2
}

.handsontable td.area-2:before {
    opacity: .27
}

.handsontable td.area-3:before {
    opacity: .35
}

.handsontable td.area-4:before {
    opacity: .41
}

.handsontable td.area-5:before {
    opacity: .47
}

.handsontable td.area-6:before {
    opacity: .54
}

.handsontable td.area-7:before {
    opacity: .58
}

.handsontable tbody th.ht__highlight,
.handsontable thead th.ht__highlight {
    background-color: #dcdcdc
}

.handsontable tbody th.ht__active_highlight,
.handsontable thead th.ht__active_highlight {
    background-color: #8eb0e7;
    color: #000
}

.handsontableInput {
    border: none;
    outline-width: 0;
    margin: 0;
    padding: 1px 5px 0;
    font-family: inherit;
    line-height: 21px;
    font-size: inherit;
    box-shadow: 0 0 0 2px #5292f7 inset;
    resize: none;
    display: block;
    color: #000;
    border-radius: 0;
    background-color: #fff
}

.handsontableInput:focus {
    outline: none
}

.handsontableInputHolder {
    position: absolute;
    top: 0;
    left: 0
}

.htSelectEditor {
    -webkit-appearance: menulist-button !important;
    position: absolute;
    width: auto
}

.htSelectEditor:focus {
    outline: none
}

.handsontable .htDimmed {
    color: #777
}

.handsontable .htSubmenu {
    position: relative
}

.handsontable .htSubmenu :after {
    content: "\25b6";
    color: #777;
    position: absolute;
    right: 5px;
    font-size: 9px
}

.handsontable .htLeft {
    text-align: left
}

.handsontable .htCenter {
    text-align: center
}

.handsontable .htRight {
    text-align: right
}

.handsontable .htJustify {
    text-align: justify
}

.handsontable .htTop {
    vertical-align: top
}

.handsontable .htMiddle {
    vertical-align: middle
}

.handsontable .htBottom {
    vertical-align: bottom
}

.handsontable .htPlaceholder {
    color: #999
}

.handsontable.listbox {
    margin: 0
}

.handsontable.listbox .ht_master table {
    border: 1px solid #ccc;
    border-collapse: separate;
    background: white
}

.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
    border-color: transparent
}

.handsontable.listbox th,
.handsontable.listbox td {
    white-space: nowrap;
    text-overflow: ellipsis
}

.handsontable.listbox td.htDimmed {
    cursor: default;
    color: inherit;
    font-style: inherit
}

.handsontable.listbox .wtBorder {
    visibility: hidden
}

.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
    background: #eee
}

.ht_editor_hidden {
    z-index: -1
}

.ht_editor_visible {
    z-index: 200
}

.handsontable td.htSearchResult {
    background: #fcedd9;
    color: #583707
}

.collapsibleIndicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    border: 1px solid #A6A6A6;
    line-height: 8px;
    color: #222;
    border-radius: 10px;
    font-size: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    box-shadow: 0 0 0 6px #eee;
    background: #eee;
    text-align: center
}

.handsontable.mobile,
.handsontable.mobile .wtHolder {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch
}

.handsontable.mobile .handsontableInput:focus {
    box-shadow: 0 0 0 2px #5292f7 inset;
    -webkit-appearance: none
}

.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
    z-index: 9999
}

.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
    left: -10000px;
    top: -10000px
}

.handsontable.hide-tween {
    -webkit-animation: opacity-hide .3s;
    animation: opacity-hide .3s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.handsontable.show-tween {
    -webkit-animation: opacity-show .3s;
    animation: opacity-show .3s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-single {
    *zoom: 1
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px #00000080
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
    *left: 0
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
    *right: 0
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: 700;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

.handsontable .htAutocompleteArrow {
    float: right;
    font-size: 10px;
    color: #eee;
    cursor: default;
    width: 16px;
    text-align: center
}

.handsontable td .htAutocompleteArrow:hover {
    color: #777
}

.handsontable td.area .htAutocompleteArrow {
    color: #d3d3d3
}

.handsontable .htCheckboxRendererInput {
    display: inline-block
}

.handsontable .htCheckboxRendererInput.noValue {
    opacity: .5
}

.handsontable .htCheckboxRendererLabel {
    font-size: inherit;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block
}

.handsontable .htCheckboxRendererLabel.fullWidth {
    width: 100%
}

.htCommentCell {
    position: relative
}

.htCommentCell:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-left: 6px solid transparent;
    border-top: 6px solid black
}

.htComments {
    display: none;
    z-index: 1059;
    position: absolute
}

.htCommentTextArea {
    box-shadow: #0000001e 0 1px 3px, #0000003d 0 1px 2px;
    box-sizing: border-box;
    border: none;
    border-left: 3px solid #ccc;
    background-color: #fff;
    width: 215px;
    height: 90px;
    font-size: 12px;
    padding: 5px;
    outline: 0px !important;
    -webkit-appearance: none
}

.htCommentTextArea:focus {
    box-shadow: #0000001e 0 1px 3px, #0000003d 0 1px 2px, inset 0 0 0 1px #5292f7;
    border-left: 3px solid #5292f7
}

/*!
 * Handsontable ContextMenu
 */
.htContextMenu:not(.htGhostTable) {
    display: none;
    position: absolute;
    z-index: 1060
}

.htContextMenu .ht_clone_top,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_corner {
    display: none
}

.htContextMenu .ht_master table.htCore {
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    border-right-width: 2px
}

.htContextMenu .wtBorder {
    visibility: hidden
}

.htContextMenu table tbody tr td {
    background: white;
    border-width: 0;
    padding: 4px 6px 0;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.htContextMenu table tbody tr td:first-child {
    border: 0
}

.htContextMenu table tbody tr td.htDimmed {
    font-style: normal;
    color: #323232
}

.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
    background: #f3f3f3
}

.htContextMenu table tbody tr td.htSeparator {
    border-top: 1px solid #e6e6e6;
    height: 0;
    padding: 0;
    cursor: default
}

.htContextMenu table tbody tr td.htDisabled {
    color: #999;
    cursor: default
}

.htContextMenu table tbody tr td.htDisabled:hover {
    background: #fff;
    color: #999;
    cursor: default
}

.htContextMenu table tbody tr.htHidden {
    display: none
}

.htContextMenu table tbody tr td .htItemWrapper {
    margin-left: 10px;
    margin-right: 6px
}

.htContextMenu table tbody tr td div span.selected {
    margin-top: -2px;
    position: absolute;
    left: 4px
}

.htContextMenu .ht_master .wtHolder {
    overflow: hidden
}

textarea.HandsontableCopyPaste {
    position: fixed !important;
    top: 0 !important;
    right: 100% !important;
    overflow: hidden;
    opacity: 0;
    outline: 0 none !important
}

.htRowHeaders .ht_master.innerBorderLeft~.ht_clone_top_left_corner th:nth-child(2),
.htRowHeaders .ht_master.innerBorderLeft~.ht_clone_left td:first-of-type {
    border-left: 0 none
}

.handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.handsontable.ht__manualColumnMove.on-moving--columns,
.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
    display: none
}

.handsontable .ht__manualColumnMove--guideline,
.handsontable .ht__manualColumnMove--backlight {
    position: absolute;
    height: 100%;
    display: none
}

.handsontable .ht__manualColumnMove--guideline {
    background: #757575;
    width: 2px;
    top: 0;
    margin-left: -1px;
    z-index: 205
}

.handsontable .ht__manualColumnMove--backlight {
    background: #343434;
    background: rgba(52, 52, 52, .25);
    display: none;
    z-index: 205;
    pointer-events: none
}

.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
.handsontable.on-moving--columns .ht__manualColumnMove--backlight {
    display: block
}

.handsontable .wtHider {
    position: relative
}

.handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.handsontable.ht__manualRowMove.on-moving--rows,
.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
    display: none
}

.handsontable .ht__manualRowMove--guideline,
.handsontable .ht__manualRowMove--backlight {
    position: absolute;
    width: 100%;
    display: none
}

.handsontable .ht__manualRowMove--guideline {
    background: #757575;
    height: 2px;
    left: 0;
    margin-top: -1px;
    z-index: 205
}

.handsontable .ht__manualRowMove--backlight {
    background: #343434;
    background: rgba(52, 52, 52, .25);
    display: none;
    z-index: 205;
    pointer-events: none
}

.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
.handsontable.on-moving--rows .ht__manualRowMove--backlight {
    display: block
}

.handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*="fullySelectedMergedCell"]):before {
    opacity: 0
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before {
    opacity: .1
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
    opacity: .1
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
    opacity: .2
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
    opacity: .27
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
    opacity: .35
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
    opacity: .41
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
    opacity: .47
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
    opacity: .54
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
    opacity: .58
}

.handsontable span.colHeader.columnSorting:after {
    top: 50%;
    margin-top: -2px;
    position: absolute;
    right: -15px;
    padding-left: 5px;
    font-size: 8px;
    height: 8px;
    line-height: 1.1;
    text-decoration: underline
}

.handsontable span.colHeader.columnSorting:after {
    text-decoration: none
}

.handsontable span.colHeader.columnSorting[class^=sort-]:after,
.handsontable span.colHeader.columnSorting[class*=" sort-"]:after {
    content: "+"
}

.handsontable span.colHeader.columnSorting.sort-1:after {
    content: "1"
}

.handsontable span.colHeader.columnSorting.sort-2:after {
    content: "2"
}

.handsontable span.colHeader.columnSorting.sort-3:after {
    content: "3"
}

.handsontable span.colHeader.columnSorting.sort-4:after {
    content: "4"
}

.handsontable span.colHeader.columnSorting.sort-5:after {
    content: "5"
}

.handsontable span.colHeader.columnSorting.sort-6:after {
    content: "6"
}

.handsontable span.colHeader.columnSorting.sort-7:after {
    content: "7"
}

.htGhostTable th div button.changeType+span.colHeader.columnSorting:not(.indicatorDisabled) {
    padding-right: 5px
}

/*!
 * Handsontable DropdownMenu
 */
.handsontable .changeType {
    background: #eee;
    border-radius: 2px;
    border: 1px solid #bbb;
    color: #bbb;
    font-size: 9px;
    line-height: 9px;
    padding: 2px;
    margin: 3px 1px 0 5px;
    float: right
}

.handsontable .changeType:before {
    content: "\25bc  "
}

.handsontable .changeType:hover {
    border: 1px solid #777;
    color: #777;
    cursor: pointer
}

.htDropdownMenu:not(.htGhostTable) {
    display: none;
    position: absolute;
    z-index: 1060
}

.htDropdownMenu .ht_clone_top,
.htDropdownMenu .ht_clone_left,
.htDropdownMenu .ht_clone_corner {
    display: none
}

.htDropdownMenu table.htCore {
    border: 1px solid #bbb;
    border-bottom-width: 2px;
    border-right-width: 2px
}

.htDropdownMenu .wtBorder {
    visibility: hidden
}

.htDropdownMenu table tbody tr td {
    background: white;
    border-width: 0;
    padding: 4px 6px 0;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.htDropdownMenu table tbody tr td:first-child {
    border: 0
}

.htDropdownMenu table tbody tr td.htDimmed {
    font-style: normal;
    color: #323232
}

.htDropdownMenu table tbody tr td.current,
.htDropdownMenu table tbody tr td.zeroclipboard-is-hover {
    background: #e9e9e9
}

.htDropdownMenu table tbody tr td.htSeparator {
    border-top: 1px solid #e6e6e6;
    height: 0;
    padding: 0;
    cursor: default
}

.htDropdownMenu table tbody tr td.htDisabled {
    color: #999
}

.htDropdownMenu table tbody tr td.htDisabled:hover {
    background: #fff;
    color: #999;
    cursor: default
}

.htDropdownMenu:not(.htGhostTable) table tbody tr.htHidden {
    display: none
}

.htDropdownMenu table tbody tr td .htItemWrapper {
    margin-left: 10px;
    margin-right: 10px
}

.htDropdownMenu table tbody tr td div span.selected {
    margin-top: -2px;
    position: absolute;
    left: 4px
}

.htDropdownMenu .ht_master .wtHolder {
    overflow: hidden
}

/*!
 * Handsontable Filters
 */
.htFiltersConditionsMenu:not(.htGhostTable) {
    display: none;
    position: absolute;
    z-index: 1070
}

.htFiltersConditionsMenu .ht_clone_top,
.htFiltersConditionsMenu .ht_clone_left,
.htFiltersConditionsMenu .ht_clone_corner {
    display: none
}

.htFiltersConditionsMenu table.htCore {
    border: 1px solid #bbb;
    border-bottom-width: 2px;
    border-right-width: 2px
}

.htFiltersConditionsMenu .wtBorder {
    visibility: hidden
}

.htFiltersConditionsMenu table tbody tr td {
    background: white;
    border-width: 0;
    padding: 4px 6px 0;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.htFiltersConditionsMenu table tbody tr td:first-child {
    border: 0
}

.htFiltersConditionsMenu table tbody tr td.htDimmed {
    font-style: normal;
    color: #323232
}

.htFiltersConditionsMenu table tbody tr td.current,
.htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover {
    background: #e9e9e9
}

.htFiltersConditionsMenu table tbody tr td.htSeparator {
    border-top: 1px solid #e6e6e6;
    height: 0;
    padding: 0
}

.htFiltersConditionsMenu table tbody tr td.htDisabled {
    color: #999
}

.htFiltersConditionsMenu table tbody tr td.htDisabled:hover {
    background: #fff;
    color: #999;
    cursor: default
}

.htFiltersConditionsMenu table tbody tr td .htItemWrapper {
    margin-left: 10px;
    margin-right: 10px
}

.htFiltersConditionsMenu table tbody tr td div span.selected {
    margin-top: -2px;
    position: absolute;
    left: 4px
}

.htFiltersConditionsMenu .ht_master .wtHolder {
    overflow: hidden
}

.handsontable .htMenuFiltering {
    border-bottom: 1px dotted #ccc;
    height: 135px;
    overflow: hidden
}

.handsontable .ht_master table td.htCustomMenuRenderer {
    background-color: #fff;
    cursor: auto
}

.handsontable .htFiltersMenuLabel {
    font-size: .75em
}

.handsontable .htFiltersMenuActionBar {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 3px
}

.handsontable .htFiltersMenuCondition.border {
    border-bottom: 1px dotted #ccc !important
}

.handsontable .htFiltersMenuCondition .htUIInput {
    padding: 0 0 5px
}

.handsontable .htFiltersMenuValue {
    border-bottom: 1px dotted #ccc !important
}

.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch {
    padding: 0
}

.handsontable .htFiltersMenuCondition .htUIInput input,
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
    font-family: inherit;
    font-size: .75em;
    padding: 4px;
    box-sizing: border-box;
    width: 100%
}

.htUIMultipleSelect .ht_master .wtHolder {
    overflow-y: scroll
}

.handsontable .htFiltersActive .changeType {
    border: 1px solid #509272;
    color: #18804e;
    background-color: #d2e0d9
}

.handsontable .htUISelectAll {
    margin-right: 10px
}

.handsontable .htUIClearAll,
.handsontable .htUISelectAll {
    display: inline-block
}

.handsontable .htUIClearAll a,
.handsontable .htUISelectAll a {
    font-size: .75em
}

.handsontable .htUISelectionControls {
    text-align: right
}

.handsontable .htCheckboxRendererInput {
    margin: 0 5px 0 0;
    vertical-align: middle;
    height: 1em
}

.handsontable .htUIInput {
    padding: 3px 0 7px;
    position: relative;
    text-align: center
}

.handsontable .htUIInput input {
    border-radius: 2px;
    border: 1px solid #d2d1d1
}

.handsontable .htUIInput input:focus {
    outline: 0
}

.handsontable .htUIInputIcon {
    position: absolute
}

.handsontable .htUIInput.htUIButton {
    cursor: pointer;
    display: inline-block
}

.handsontable .htUIInput.htUIButton input {
    background-color: #eee;
    color: #000;
    cursor: pointer;
    font-family: inherit;
    font-size: .75em;
    font-weight: 700;
    height: 19px;
    min-width: 64px
}

.handsontable .htUIInput.htUIButton input:hover {
    border-color: #b9b9b9
}

.handsontable .htUIInput.htUIButtonOK {
    margin-right: 10px
}

.handsontable .htUIInput.htUIButtonOK input {
    background-color: #0f9d58;
    border-color: #18804e;
    color: #fff
}

.handsontable .htUIInput.htUIButtonOK input:hover {
    border-color: #1a6f46
}

.handsontable .htUISelect {
    cursor: pointer;
    margin-bottom: 7px;
    position: relative
}

.handsontable .htUISelectCaption {
    background-color: #e8e8e8;
    border-radius: 2px;
    border: 1px solid #d2d1d1;
    font-family: inherit;
    font-size: .75em;
    font-weight: 700;
    padding: 3px 20px 3px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.handsontable .htUISelectCaption:hover {
    background-color: #e8e8e8;
    border: 1px solid #b9b9b9
}

.handsontable .htUISelectDropdown:after {
    content: "\25b2";
    font-size: 7px;
    position: absolute;
    right: 10px;
    top: 0
}

.handsontable .htUISelectDropdown:before {
    content: "\25bc";
    font-size: 7px;
    position: absolute;
    right: 10px;
    top: 8px
}

.handsontable .htUIMultipleSelect .handsontable .htCore {
    border: none
}

.handsontable .htUIMultipleSelect .handsontable .htCore td:hover {
    background-color: #f5f5f5
}

.handsontable .htUIMultipleSelectSearch input {
    border-radius: 2px;
    border: 1px solid #d2d1d1;
    padding: 3px
}

.handsontable .htUIRadio {
    display: inline-block;
    margin-right: 5px;
    height: 100%
}

.handsontable .htUIRadio:last-child {
    margin-right: 0
}

.handsontable .htUIRadio>input[type=radio] {
    margin-right: .5ex
}

.handsontable .htUIRadio label {
    vertical-align: middle
}

.handsontable .htFiltersMenuOperators {
    padding-bottom: 5px
}

.handsontable thead th.hiddenHeader:not(:first-of-type) {
    display: none
}

.handsontable th.ht_nestingLevels {
    text-align: left;
    padding-left: 7px
}

.handsontable th div.ht_nestingLevels {
    display: inline-block;
    position: absolute;
    left: 11px
}

.handsontable.innerBorderLeft th div.ht_nestingLevels,
.handsontable.innerBorderLeft~.handsontable th div.ht_nestingLevels {
    right: 10px
}

.handsontable th span.ht_nestingLevel {
    display: inline-block
}

.handsontable th span.ht_nestingLevel_empty {
    display: inline-block;
    width: 10px;
    height: 1px;
    float: left
}

.handsontable th span.ht_nestingLevel:after {
    content: "\2510";
    font-size: 9px;
    display: inline-block;
    position: relative;
    bottom: 3px
}

.handsontable th div.ht_nestingButton {
    display: inline-block;
    position: absolute;
    right: -2px;
    cursor: pointer
}

.handsontable th div.ht_nestingButton.ht_nestingExpand:after {
    content: "+"
}

.handsontable th div.ht_nestingButton.ht_nestingCollapse:after {
    content: "-"
}

.handsontable.innerBorderLeft th div.ht_nestingButton,
.handsontable.innerBorderLeft~.handsontable th div.ht_nestingButton {
    right: 0
}

.handsontable th.beforeHiddenColumn {
    position: relative
}

.handsontable th.beforeHiddenColumn:after,
.handsontable th.afterHiddenColumn:before {
    color: #bbb;
    position: absolute;
    top: 50%;
    font-size: 5pt;
    transform: translateY(-50%)
}

.handsontable th.afterHiddenColumn {
    position: relative
}

.handsontable th.beforeHiddenColumn:after {
    right: 1px;
    content: "\25c0"
}

.handsontable th.afterHiddenColumn:before {
    left: 1px;
    content: "\25b6"
}

/*!
 * Handsontable HiddenRows
 */
.handsontable th.beforeHiddenRow:before,
.handsontable th.afterHiddenRow:after {
    color: #bbb;
    font-size: 6pt;
    line-height: 6pt;
    position: absolute;
    left: 2px
}

.handsontable th.beforeHiddenRow,
.handsontable th.afterHiddenRow {
    position: relative
}

.handsontable th.beforeHiddenRow:before {
    content: "\25b2";
    bottom: 2px
}

.handsontable th.afterHiddenRow:after {
    content: "\25bc";
    top: 2px
}

.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
    color: #eee
}

.handsontable td.afterHiddenRow.firstVisibleRow,
.handsontable th.afterHiddenRow.firstVisibleRow {
    border-top: 1px solid #CCC
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.fs-20 {
    font-size: 20px
}

.fs-50 {
    font-size: 50px
}

.fs-70 {
    font-size: 70px
}

.fw-500 {
    font-weight: 500
}

.l-h-20 {
    line-height: 20px
}

.w-12 {
    width: 12px
}

.w-20 {
    width: 20px
}

.w-50 {
    width: 50px
}

.w-70 {
    width: 70px
}

.w-150 {
    width: 150px
}

.m-0-auto {
    margin: 0 auto
}

.bg-danger,
.bg-info,
.bg-warning {
    padding: 10px;
    border-radius: 4px;
    display: inline-block
}

.datePicker i.fa-calendar {
    margin-left: -21px;
    opacity: .8
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #76919a6e
}

.muted {
    font-size: 80%;
    color: #999
}

.form-group-sm {
    width: 53px !important
}

.form-group-md {
    width: 85px !important
}

.border-bottom-dotted {
    border-bottom: 1px dotted #ddd
}

.no-shadow {
    box-shadow: 0 0 #0000 !important
}

.no-border {
    border: 0 !important
}

.overflow-visible {
    overflow: visible !important
}

.p-16 {
    padding: 16px !important
}

.p-20 {
    padding: 20px !important
}

.p-24 {
    padding: 24px !important
}

.p-30 {
    padding: 30px !important
}

.p-40 {
    padding: 40px !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-12 {
    padding-top: 12px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-t-18 {
    padding-top: 18px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-t-24 {
    padding-top: 24px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-t-32 {
    padding-top: 32px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-t-64 {
    padding-top: 64px !important
}

.p-t-96 {
    padding-top: 96px !important
}

.p-t-70 {
    padding-top: 70px !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-b-60 {
    padding-bottom: 60px !important
}

.p-b-66 {
    padding-bottom: 66px !important
}

.p-b-76 {
    padding-bottom: 76px !important
}

.p-b-96 {
    padding-bottom: 96px !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-l-25 {
    padding-left: 25px
}

.p-l-30 {
    padding-left: 30px
}

.p-l-35 {
    padding-left: 35px !important
}

.p-l-60 {
    padding-left: 60px !important
}

.m-15 {
    margin: 15px
}

.m-t-0 {
    margin-top: 0 !important
}

.m-t-4 {
    margin-top: 4px
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-8 {
    margin-top: 8px
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-16 {
    margin-top: 16px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-t-32 {
    margin-top: 32px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-t-48 {
    margin-top: 48px !important
}

.m-t-80 {
    margin-top: 80px !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-b-8 {
    margin-bottom: 8 !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-14 {
    margin-bottom: 14px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-16 {
    margin-bottom: 16px
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-b-24 {
    margin-bottom: 24px !important
}

.m-b-32 {
    margin-bottom: 32px !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-r-4 {
    margin-right: 4px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-12 {
    margin-right: 12px !important
}

.m-r-20 {
    margin-right: 20px
}

.m-r-30 {
    margin-right: 30px
}

.m-l-0 {
    margin-left: 0 !important
}

.m-l-5 {
    margin-left: 5px
}

.m-l-8 {
    margin-left: 8px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-l-16 {
    margin-left: 16px
}

.m-l-18 {
    margin-left: 18px
}

.m-l-20 {
    margin-left: 20px
}

.m-l-24 {
    margin-left: 24px !important
}

.m-l-30 {
    margin-left: 30px
}

.m-l-40 {
    margin-left: 40px
}

.m-l-50 {
    margin-left: 50px
}

.m-l-60 {
    margin-left: 55px
}

.m-t--2 {
    margin-top: -2px
}

.r-0 {
    right: 0 !important
}

.t-0 {
    top: 0 !important
}

.l-0 {
    left: 0 !important
}

.b-0 {
    bottom: 0 !important
}

.r-10 {
    right: 10px !important
}

.t-10 {
    top: 10px !important
}

.l-10 {
    left: 10px !important
}

.b-10 {
    bottom: 10px !important
}

.r-15 {
    right: 15px !important
}

.t-15 {
    top: 15px !important
}

.l-15 {
    left: 15px !important
}

.b-15 {
    bottom: 15px !important
}

.r-5 {
    right: 5px !important
}

.t-5 {
    top: 5px !important
}

.t-72 {
    top: 72px !important
}

.l-5 {
    left: 5px !important
}

.b-5 {
    bottom: 5px !important
}

.top-4 {
    top: 4px !important
}

.t-105-min {
    top: -105px !important
}

.h-50 {
    height: 50px
}

.h-46 {
    height: 46px
}

.h-46 input {
    padding-bottom: 0
}

.w-100 {
    width: 100px
}

.wp-70 {
    width: 70%
}

.wp-30 {
    width: 30%
}

.w-200 {
    width: 200px
}

.w-100-p {
    width: 100%
}

.max-w-56 {
    max-width: 56px !important
}

.max-w-112 {
    max-width: 112px !important
}

.max-w-60-percent {
    max-width: 60% !important
}

.min-w-96 {
    min-width: 96px !important
}

.min-w-140 {
    min-width: 140px !important
}

.width-full {
    width: 100%
}

.cursor-pointer {
    cursor: pointer
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.transform-lowercase {
    text-transform: lowercase
}

.visible {
    visibility: visible
}

.invisible {
    opacity: 0;
    z-index: -1;
    position: absolute
}

.z-10 {
    z-index: 10
}

.no-padding {
    padding: 0 !important;
    box-shadow: 0 0 !important
}

.no-padding .other-table-header {
    padding-bottom: 0 !important
}

.no-wrap {
    white-space: nowrap
}

.v-a-t {
    vertical-align: top
}

.cursor-unset {
    cursor: unset !important
}

.cursor-default {
    cursor: default !important
}

.display-inline-block {
    display: inline-block !important
}

.display-block {
    display: block !important
}

.has-error .control-label,
.has-error .help-block,
.has-error .form-control-feedback {
    color: #a94442 !important
}

.has-success .control-label,
.has-success .help-block,
.has-success .form-control-feedback {
    color: #3c763d !important
}

.pointer-events-none {
    pointer-events: none;
    opacity: .5
}

.pointer-events {
    pointer-events: none
}

input.muted {
    border: none;
    text-decoration: none;
    background-color: transparent !important
}

.bg-cyan {
    background-color: #00bcd4
}

.onoffswitch {
    position: relative;
    width: 65px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch .onoffswitch-checkbox {
    display: none
}

.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

.onoffswitch .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #1ab394;
    border-radius: 3px
}

.onoffswitch .onoffswitch-label .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.onoffswitch .onoffswitch-label .onoffswitch-inner:before,
.onoffswitch .onoffswitch-label .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 26px;
    padding: 0;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    box-sizing: border-box
}

.onoffswitch .onoffswitch-label .onoffswitch-inner:before {
    content: "BR\dcT";
    padding-left: 7px;
    background-color: #1ab394;
    color: #fff;
    font-weight: 400
}

.onoffswitch .onoffswitch-label .onoffswitch-inner:after {
    content: "NET";
    padding-right: 11px;
    text-align: right;
    background-color: #fff;
    color: #1ab394;
    font-weight: 400
}

.onoffswitch .onoffswitch-label .onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 0;
    background: #ffffff;
    border: 2px solid #1ab394;
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 47px;
    transition: all .3s ease-in 0s
}

#cboxLoadedContent {
    overflow: visible !important
}

.btn.btn-dashed {
    background-color: transparent;
    border: 1px dashed #52c5fe;
    color: #52c5fe
}

.btn.btn-dashed:active,
.btn.btn-dashed:visited {
    box-shadow: none
}

.text-center {
    text-align: center
}

.position-relative {
    position: relative
}

.left-50-percent {
    left: 50%
}

@media (max-width: 767px) {
    .computer-only {
        display: none !important
    }
}

@media screen and (min-width: 767px) {
    .mobile-only {
        display: none !important
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (max-width: 767px) {

    p,
    div,
    span,
    h1,
    h2,
    h3,
    a,
    td,
    th,
    label,
    b,
    strong,
    i,
    button,
    li {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }
}

.kolay-tab ul li {
    cursor: pointer
}

.kolay-tab ul li.active {
    pointer-events: none
}

.container-wrapper {
    padding: 16px
}

.container-wrapper .container {
    max-width: 100% !important
}

.container-wrapper .container .row>.col,
.container-wrapper .container .row>[class^=col-] {
    padding: 8px
}

.container-wrapper.left-padded {
    padding-left: 100px;
    padding-right: 15%
}

@media (max-width: 767px) {
    .container-wrapper.left-padded {
        padding-left: inherit;
        padding-right: inherit
    }
}

.container-wrapper.top-padded {
    padding-top: 64px
}

.container-wrapper.form .row {
    padding-bottom: 20px
}

.container-wrapper.no-padded {
    padding: 0;
    margin: -8px
}

.container .row[hidden] {
    display: none !important
}

.row .label {
    position: relative;
    display: block;
    max-width: 500px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6 !important
}

.row .sub-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3
}

/*!
 * # Semantic UI 2.3.1 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
*,
:after,
:before {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

input[type=email],
input[type=password],
input[type=search],
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

/*!
* # Semantic UI 2.3.1 - Site
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
html {
    font-size: 14px
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-width: 320px;
    background: #fff;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.4285em;
    color: #000000de;
    font-smoothing: antialiased
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    line-height: 1.28571429em;
    margin: calc(2rem - .14285714em) 0 1rem;
    font-weight: 700;
    padding: 0
}

h1 {
    min-height: 1rem;
    font-size: 2rem
}

h2 {
    font-size: 1.71428571rem
}

h3 {
    font-size: 1.28571429rem
}

h4 {
    font-size: 1.07142857rem
}

h5 {
    font-size: 1rem
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
    margin-bottom: 0
}

p {
    margin: 0 0 1em;
    line-height: 1.4285em
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

a {
    color: #4183c4;
    text-decoration: none
}

a:hover {
    color: #1e70bf;
    text-decoration: none
}

::-webkit-selection {
    background-color: #cce2ff;
    color: #000000de
}

::-moz-selection {
    background-color: #cce2ff;
    color: #000000de
}

::selection {
    background-color: #cce2ff;
    color: #000000de
}

input::-webkit-selection,
textarea::-webkit-selection {
    background-color: #64646466;
    color: #000000de
}

input::-moz-selection,
textarea::-moz-selection {
    background-color: #64646466;
    color: #000000de
}

input::selection,
textarea::selection {
    background-color: #64646466;
    color: #000000de
}

body ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    border-radius: 0
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

body ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, .15)
}

body ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 135, 139, .8)
}

body .ui.inverted::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .1)
}

body .ui.inverted::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .25)
}

body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, .15)
}

body .ui.inverted::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .35)
}

/*!
* # Semantic UI 2.3.1 - Button
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 none;
    color: #0009;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset, 0 0 #22242626 inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    will-change: "";
    -webkit-tap-highlight-color: transparent
}

.ui.button:hover {
    background-color: #cacbcd;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset, 0 0 #22242626 inset;
    color: #000c
}

.ui.button:hover .icon {
    opacity: .85
}

.ui.button:focus {
    background-color: #cacbcd;
    color: #000c;
    background-image: "" !important;
    box-shadow: "" !important
}

.ui.button:focus .icon {
    opacity: .85
}

.ui.active.button:active,
.ui.button:active {
    background-color: #babbbc;
    background-image: "";
    color: #000000e6;
    box-shadow: 0 0 0 1px transparent inset, none
}

.ui.active.button {
    background-color: #c0c1c2;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset;
    color: #000000f2
}

.ui.active.button:hover {
    background-color: #c0c1c2;
    background-image: none;
    color: #000000f2
}

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

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

.ui.loading.button: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, .15)
}

.ui.loading.button: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: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent
}

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

@-webkit-keyframes button-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes button-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ui.basic.loading.button:not(.inverted):before {
    border-color: #0000001a
}

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

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

.ui.basic.buttons .ui.disabled.button {
    border-color: #22242680
}

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

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

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

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

.ui.animated.button .hidden.content,
.ui.animated.button .visible.content {
    transition: right .3s ease 0s
}

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

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

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

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

.ui.vertical.animated.button .hidden.content,
.ui.vertical.animated.button .visible.content {
    transition: top .3s ease, transform .3s ease
}

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

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

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

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

.ui.fade.animated.button .hidden.content,
.ui.fade.animated.button .visible.content {
    transition: opacity .3s ease, transform .3s ease
}

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

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

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

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

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

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

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

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

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

.ui.inverted.button:hover {
    background: #fff;
    box-shadow: 0 0 0 2px #fff inset !important;
    color: #000c
}

.ui.inverted.button.active,
.ui.inverted.button:focus {
    background: #fff;
    box-shadow: 0 0 0 2px #fff inset !important;
    color: #000c
}

.ui.inverted.button.active:focus {
    background: #dcddde;
    box-shadow: 0 0 0 2px #dcddde inset !important;
    color: #000c
}

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

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

.ui.labeled.button>.label {
    display: flex;
    align-items: center;
    margin: 0 0 0 -1px !important;
    padding: "";
    font-size: 1em;
    border-color: #22242626
}

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

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

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

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

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

.ui.facebook.button {
    background-color: #3b5998;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 #22242626 inset
}

.ui.facebook.button:hover {
    background-color: #304d8a;
    color: #fff;
    text-shadow: none
}

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

.ui.twitter.button {
    background-color: #55acee;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 #22242626 inset
}

.ui.twitter.button:hover {
    background-color: #35a2f4;
    color: #fff;
    text-shadow: none
}

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

.ui.google.plus.button {
    background-color: #dd4b39;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 #22242626 inset
}

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

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

.ui.linkedin.button {
    background-color: #1f88be;
    color: #fff;
    text-shadow: none
}

.ui.linkedin.button:hover {
    background-color: #147baf;
    color: #fff;
    text-shadow: none
}

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

.ui.youtube.button {
    background-color: red;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 #22242626 inset
}

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

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

.ui.instagram.button {
    background-color: #49769c;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 #22242626 inset
}

.ui.instagram.button:hover {
    background-color: #3d698e;
    color: #fff;
    text-shadow: none
}

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

.ui.pinterest.button {
    background-color: #bd081c;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 #22242626 inset
}

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

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

.ui.vk.button {
    background-color: #4d7198;
    color: #fff;
    background-image: none;
    box-shadow: 0 0 #22242626 inset
}

.ui.vk.button:hover {
    background-color: #41648a;
    color: #fff
}

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

.ui.button>.icon:not(.button) {
    height: .85714286em;
    opacity: .8;
    margin: 0 .42857143em 0 -.21428571em;
    transition: opacity .1s ease;
    vertical-align: "";
    color: ""
}

.ui.button:not(.icon)>.icon:not(.button):not(.dropdown) {
    margin: 0 .42857143em 0 -.21428571em
}

.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown) {
    margin: 0 -.21428571em 0 .42857143em
}

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

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

.ui.compact.button,
.ui.compact.buttons .button {
    padding: .58928571em 1.125em
}

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

.ui.compact.labeled.icon.button,
.ui.compact.labeled.icon.buttons .button {
    padding: .58928571em 3.69642857em
}

.ui.mini.button,
.ui.mini.buttons .button,
.ui.mini.buttons .or {
    font-size: .78571429rem
}

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

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

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

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

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

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

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

.ui.icon.button,
.ui.icon.buttons .button {
    padding: .78571429em
}

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

.ui.basic.button,
.ui.basic.buttons .button {
    background: transparent none !important;
    color: #0009 !important;
    font-weight: 400;
    border-radius: .28571429rem;
    text-transform: none;
    text-shadow: none !important;
    box-shadow: 0 0 0 1px #22242626 inset
}

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

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

.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
    background: #fff !important;
    color: #000c !important;
    box-shadow: 0 0 0 1px #22242659 inset, 0 0 #22242626 inset
}

.ui.basic.button:focus,
.ui.basic.buttons .button:focus {
    background: #fff !important;
    color: #000c !important;
    box-shadow: 0 0 0 1px #22242659 inset, 0 0 #22242626 inset
}

.ui.basic.button:active,
.ui.basic.buttons .button:active {
    background: #f8f8f8 !important;
    color: #000000e6 !important;
    box-shadow: 0 0 0 1px #00000026 inset, 0 1px 4px #22242626 inset
}

.ui.basic.active.button,
.ui.basic.buttons .active.button {
    background: rgba(0, 0, 0, .05) !important;
    box-shadow: "" !important;
    color: #000000f2 !important
}

.ui.basic.active.button:hover,
.ui.basic.buttons .active.button:hover {
    background-color: #0000000d
}

.ui.basic.buttons .button:hover {
    box-shadow: 0 0 0 1px #22242659 inset, 0 0 0 0 #22242626 inset inset
}

.ui.basic.buttons .button:active {
    box-shadow: 0 0 0 1px #00000026 inset, 0 1px 4px 0 #22242626 inset inset
}

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

.ui.basic.inverted.button,
.ui.basic.inverted.buttons .button {
    background-color: transparent !important;
    color: #f9fafb !important;
    box-shadow: 0 0 0 2px #ffffff80 inset !important
}

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

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

.ui.basic.inverted.button:active,
.ui.basic.inverted.buttons .button:active {
    background-color: #ffffff14 !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px #ffffffe6 inset !important
}

.ui.basic.inverted.active.button,
.ui.basic.inverted.buttons .active.button {
    background-color: #ffffff14;
    color: #fff;
    text-shadow: none;
    box-shadow: 0 0 0 2px #ffffffb3 inset
}

.ui.basic.inverted.active.button:hover,
.ui.basic.inverted.buttons .active.button:hover {
    background-color: #ffffff26;
    box-shadow: 0 0 0 2px #fff inset !important
}

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

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

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

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

.ui.labeled.icon.button,
.ui.labeled.icon.buttons .button {
    position: relative;
    padding-left: 4.07142857em !important;
    padding-right: 1.5em !important
}

.ui.labeled.icon.button>.icon,
.ui.labeled.icon.buttons>.button>.icon {
    position: absolute;
    height: 100%;
    line-height: 1;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    text-align: center;
    margin: 0;
    width: 2.57142857em;
    background-color: #0000000d;
    color: "";
    box-shadow: -1px 0 0 0 transparent inset
}

.ui.labeled.icon.button>.icon,
.ui.labeled.icon.buttons>.button>.icon {
    top: 0;
    left: 0
}

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

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

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

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

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

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

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

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

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

.ui.button.toggle.active,
.ui.buttons .button.toggle.active,
.ui.toggle.buttons .active.button {
    background-color: #21ba45 !important;
    box-shadow: none !important;
    text-shadow: none;
    color: #fff !important
}

.ui.button.toggle.active:hover {
    background-color: #16ab39 !important;
    text-shadow: none;
    color: #fff !important
}

.ui.circular.button {
    border-radius: 10em
}

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

.ui.buttons .or {
    position: relative;
    width: .3em;
    height: 2.57142857em;
    z-index: 3
}

.ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: "or";
    top: 50%;
    left: 50%;
    background-color: #fff;
    text-shadow: none;
    margin-top: -.89285714em;
    margin-left: -.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: #0006;
    font-style: normal;
    font-weight: 700;
    box-shadow: 0 0 0 1px transparent inset
}

.ui.buttons .or[data-text]:before {
    content: attr(data-text)
}

.ui.fluid.buttons .or {
    width: 0 !important
}

.ui.fluid.buttons .or:after {
    display: none
}

.ui.attached.button {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px #22242626 !important
}

.ui.attached.top.button {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.attached.bottom.button {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.left.attached.button {
    display: inline-block;
    border-left: none;
    text-align: right;
    padding-right: .75em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.right.attached.button {
    display: inline-block;
    text-align: left;
    padding-left: .75em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.attached.buttons {
    position: relative;
    display: flex;
    border-radius: 0;
    width: auto !important;
    z-index: 2;
    margin-left: -1px;
    margin-right: -1px
}

.ui.attached.buttons .button {
    margin: 0
}

.ui.attached.buttons .button:first-child {
    border-radius: 0
}

.ui.attached.buttons .button:last-child {
    border-radius: 0
}

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

.ui[class*="top attached"].buttons .button:first-child {
    border-radius: .28571429rem 0 0
}

.ui[class*="top attached"].buttons .button:last-child {
    border-radius: 0 .28571429rem 0 0
}

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

.ui[class*="bottom attached"].buttons .button:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui[class*="bottom attached"].buttons .button:last-child {
    border-radius: 0 0 .28571429rem
}

.ui[class*="left attached"].buttons {
    display: inline-flex;
    margin-right: 0;
    margin-left: -1px;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui[class*="left attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: 0 .28571429rem 0 0
}

.ui[class*="left attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 .28571429rem
}

.ui[class*="right attached"].buttons {
    display: inline-flex;
    margin-left: 0;
    margin-right: -1px;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="right attached"].buttons .button:first-child {
    margin-left: -1px;
    border-radius: .28571429rem 0 0
}

.ui[class*="right attached"].buttons .button:last-child {
    margin-left: -1px;
    border-radius: 0 0 0 .28571429rem
}

.ui.fluid.button,
.ui.fluid.buttons {
    width: 100%
}

.ui.fluid.button {
    display: block
}

.ui.two.buttons {
    width: 100%
}

.ui.two.buttons>.button {
    width: 50%
}

.ui.three.buttons {
    width: 100%
}

.ui.three.buttons>.button {
    width: 33.333%
}

.ui.four.buttons {
    width: 100%
}

.ui.four.buttons>.button {
    width: 25%
}

.ui.five.buttons {
    width: 100%
}

.ui.five.buttons>.button {
    width: 20%
}

.ui.six.buttons {
    width: 100%
}

.ui.six.buttons>.button {
    width: 16.666%
}

.ui.seven.buttons {
    width: 100%
}

.ui.seven.buttons>.button {
    width: 14.285%
}

.ui.eight.buttons {
    width: 100%
}

.ui.eight.buttons>.button {
    width: 12.5%
}

.ui.nine.buttons {
    width: 100%
}

.ui.nine.buttons>.button {
    width: 11.11%
}

.ui.ten.buttons {
    width: 100%
}

.ui.ten.buttons>.button {
    width: 10%
}

.ui.eleven.buttons {
    width: 100%
}

.ui.eleven.buttons>.button {
    width: 9.09%
}

.ui.twelve.buttons {
    width: 100%
}

.ui.twelve.buttons>.button {
    width: 8.3333%
}

.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons>.button {
    display: flex;
    width: auto
}

.ui.two.vertical.buttons>.button {
    height: 50%
}

.ui.three.vertical.buttons>.button {
    height: 33.333%
}

.ui.four.vertical.buttons>.button {
    height: 25%
}

.ui.five.vertical.buttons>.button {
    height: 20%
}

.ui.six.vertical.buttons>.button {
    height: 16.666%
}

.ui.seven.vertical.buttons>.button {
    height: 14.285%
}

.ui.eight.vertical.buttons>.button {
    height: 12.5%
}

.ui.nine.vertical.buttons>.button {
    height: 11.11%
}

.ui.ten.vertical.buttons>.button {
    height: 10%
}

.ui.eleven.vertical.buttons>.button {
    height: 9.09%
}

.ui.twelve.vertical.buttons>.button {
    height: 8.3333%
}

.ui.black.button,
.ui.black.buttons .button {
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.black.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.black.button:hover,
.ui.black.buttons .button:hover {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.ui.black.button:focus,
.ui.black.buttons .button:focus {
    background-color: #2f3032;
    color: #fff;
    text-shadow: none
}

.ui.black.button:active,
.ui.black.buttons .button:active {
    background-color: #343637;
    color: #fff;
    text-shadow: none
}

.ui.black.active.button,
.ui.black.button .active.button:active,
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active {
    background-color: #0f0f10;
    color: #fff;
    text-shadow: none
}

.ui.basic.black.button,
.ui.basic.black.buttons .button {
    box-shadow: 0 0 0 1px #1b1c1d inset !important;
    color: #1b1c1d !important
}

.ui.basic.black.button:hover,
.ui.basic.black.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #27292a inset !important;
    color: #27292a !important
}

.ui.basic.black.button:focus,
.ui.basic.black.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #2f3032 inset !important;
    color: #27292a !important
}

.ui.basic.black.active.button,
.ui.basic.black.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #0f0f10 inset !important;
    color: #343637 !important
}

.ui.basic.black.button:active,
.ui.basic.black.buttons .button:active {
    box-shadow: 0 0 0 1px #343637 inset !important;
    color: #343637 !important
}

.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.black.button,
.ui.inverted.black.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d4d4d5 inset !important;
    color: #fff
}

.ui.inverted.black.button.active,
.ui.inverted.black.button:active,
.ui.inverted.black.button:focus,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:hover {
    background-color: #000
}

.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button:focus {
    background-color: #000
}

.ui.inverted.black.active.button,
.ui.inverted.black.buttons .active.button,
.ui.inverted.black.button:active,
.ui.inverted.black.buttons .button:active {
    background-color: #000
}

.ui.inverted.black.basic.button,
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.black.basic.active.button,
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button,
.ui.inverted.black.basic.button:active,
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #000 inset !important;
    color: #fff !important
}

.ui.grey.button,
.ui.grey.buttons .button {
    background-color: #767676;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.grey.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.grey.button:hover,
.ui.grey.buttons .button:hover {
    background-color: #838383;
    color: #fff;
    text-shadow: none
}

.ui.grey.button:focus,
.ui.grey.buttons .button:focus {
    background-color: #8a8a8a;
    color: #fff;
    text-shadow: none
}

.ui.grey.button:active,
.ui.grey.buttons .button:active {
    background-color: #909090;
    color: #fff;
    text-shadow: none
}

.ui.grey.active.button,
.ui.grey.button .active.button:active,
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active {
    background-color: #696969;
    color: #fff;
    text-shadow: none
}

.ui.basic.grey.button,
.ui.basic.grey.buttons .button {
    box-shadow: 0 0 0 1px #767676 inset !important;
    color: #767676 !important
}

.ui.basic.grey.button:hover,
.ui.basic.grey.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #838383 inset !important;
    color: #838383 !important
}

.ui.basic.grey.button:focus,
.ui.basic.grey.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #8a8a8a inset !important;
    color: #838383 !important
}

.ui.basic.grey.active.button,
.ui.basic.grey.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #696969 inset !important;
    color: #909090 !important
}

.ui.basic.grey.button:active,
.ui.basic.grey.buttons .button:active {
    box-shadow: 0 0 0 1px #909090 inset !important;
    color: #909090 !important
}

.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.grey.button,
.ui.inverted.grey.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d4d4d5 inset !important;
    color: #fff
}

.ui.inverted.grey.button.active,
.ui.inverted.grey.button:active,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.buttons .button:hover {
    box-shadow: none !important;
    color: #0009
}

.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:hover {
    background-color: #cfd0d2
}

.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button:focus {
    background-color: #c7c9cb
}

.ui.inverted.grey.active.button,
.ui.inverted.grey.buttons .active.button {
    background-color: #cfd0d2
}

.ui.inverted.grey.button:active,
.ui.inverted.grey.buttons .button:active {
    background-color: #c2c4c5
}

.ui.inverted.grey.basic.button,
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.grey.basic.active.button,
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #cfd0d2 inset !important;
    color: #fff !important
}

.ui.inverted.grey.basic.button:active,
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #c2c4c5 inset !important;
    color: #fff !important
}

.ui.brown.button,
.ui.brown.buttons .button {
    background-color: #a5673f;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.brown.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.brown.button:hover,
.ui.brown.buttons .button:hover {
    background-color: #975b33;
    color: #fff;
    text-shadow: none
}

.ui.brown.button:focus,
.ui.brown.buttons .button:focus {
    background-color: #90532b;
    color: #fff;
    text-shadow: none
}

.ui.brown.button:active,
.ui.brown.buttons .button:active {
    background-color: #805031;
    color: #fff;
    text-shadow: none
}

.ui.brown.active.button,
.ui.brown.button .active.button:active,
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active {
    background-color: #995a31;
    color: #fff;
    text-shadow: none
}

.ui.basic.brown.button,
.ui.basic.brown.buttons .button {
    box-shadow: 0 0 0 1px #a5673f inset !important;
    color: #a5673f !important
}

.ui.basic.brown.button:hover,
.ui.basic.brown.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #975b33 inset !important;
    color: #975b33 !important
}

.ui.basic.brown.button:focus,
.ui.basic.brown.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #90532b inset !important;
    color: #975b33 !important
}

.ui.basic.brown.active.button,
.ui.basic.brown.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #995a31 inset !important;
    color: #805031 !important
}

.ui.basic.brown.button:active,
.ui.basic.brown.buttons .button:active {
    box-shadow: 0 0 0 1px #805031 inset !important;
    color: #805031 !important
}

.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.brown.button,
.ui.inverted.brown.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d67c1c inset !important;
    color: #d67c1c
}

.ui.inverted.brown.button.active,
.ui.inverted.brown.button:active,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:hover {
    background-color: #c86f11
}

.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button:focus {
    background-color: #c16808
}

.ui.inverted.brown.active.button,
.ui.inverted.brown.buttons .active.button {
    background-color: #cc6f0d
}

.ui.inverted.brown.button:active,
.ui.inverted.brown.buttons .button:active {
    background-color: #a96216
}

.ui.inverted.brown.basic.button,
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.brown.basic.active.button,
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #cc6f0d inset !important;
    color: #d67c1c !important
}

.ui.inverted.brown.basic.button:active,
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #a96216 inset !important;
    color: #d67c1c !important
}

.ui.blue.button,
.ui.blue.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.blue.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
    background-color: #1678c2;
    color: #fff;
    text-shadow: none
}

.ui.blue.button:focus,
.ui.blue.buttons .button:focus {
    background-color: #0d71bb;
    color: #fff;
    text-shadow: none
}

.ui.blue.button:active,
.ui.blue.buttons .button:active {
    background-color: #1a69a4;
    color: #fff;
    text-shadow: none
}

.ui.blue.active.button,
.ui.blue.button .active.button:active,
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.ui.basic.blue.button,
.ui.basic.blue.buttons .button {
    box-shadow: 0 0 0 1px #2185d0 inset !important;
    color: #2185d0 !important
}

.ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #1678c2 inset !important;
    color: #1678c2 !important
}

.ui.basic.blue.button:focus,
.ui.basic.blue.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #0d71bb inset !important;
    color: #1678c2 !important
}

.ui.basic.blue.active.button,
.ui.basic.blue.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #1279c6 inset !important;
    color: #1a69a4 !important
}

.ui.basic.blue.button:active,
.ui.basic.blue.buttons .button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset !important;
    color: #1a69a4 !important
}

.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.blue.button,
.ui.inverted.blue.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #54c8ff inset !important;
    color: #54c8ff
}

.ui.inverted.blue.button.active,
.ui.inverted.blue.button:active,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:hover {
    background-color: #3ac0ff
}

.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button:focus {
    background-color: #2bbbff
}

.ui.inverted.blue.active.button,
.ui.inverted.blue.buttons .active.button {
    background-color: #3ac0ff
}

.ui.inverted.blue.button:active,
.ui.inverted.blue.buttons .button:active {
    background-color: #21b8ff
}

.ui.inverted.blue.basic.button,
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

.ui.inverted.blue.basic.button:hover,
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #3ac0ff inset !important;
    color: #54c8ff !important
}

.ui.inverted.blue.basic.button:focus,
.ui.inverted.blue.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #2bbbff inset !important;
    color: #54c8ff !important
}

.ui.inverted.blue.basic.active.button,
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #3ac0ff inset !important;
    color: #54c8ff !important
}

.ui.inverted.blue.basic.button:active,
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #21b8ff inset !important;
    color: #54c8ff !important
}

.ui.green.button,
.ui.green.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.green.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.ui.green.button:focus,
.ui.green.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.ui.green.button:active,
.ui.green.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.ui.green.active.button,
.ui.green.button .active.button:active,
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.basic.green.button,
.ui.basic.green.buttons .button {
    box-shadow: 0 0 0 1px #21ba45 inset !important;
    color: #21ba45 !important
}

.ui.basic.green.button:hover,
.ui.basic.green.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #16ab39 inset !important;
    color: #16ab39 !important
}

.ui.basic.green.button:focus,
.ui.basic.green.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #0ea432 inset !important;
    color: #16ab39 !important
}

.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #13ae38 inset !important;
    color: #198f35 !important
}

.ui.basic.green.button:active,
.ui.basic.green.buttons .button:active {
    box-shadow: 0 0 0 1px #198f35 inset !important;
    color: #198f35 !important
}

.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.green.button,
.ui.inverted.green.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #2ecc40 inset !important;
    color: #2ecc40
}

.ui.inverted.green.button.active,
.ui.inverted.green.button:active,
.ui.inverted.green.button:focus,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:hover {
    background-color: #22be34
}

.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button:focus {
    background-color: #19b82b
}

.ui.inverted.green.active.button,
.ui.inverted.green.buttons .active.button {
    background-color: #1fc231
}

.ui.inverted.green.button:active,
.ui.inverted.green.buttons .button:active {
    background-color: #25a233
}

.ui.inverted.green.basic.button,
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

.ui.inverted.green.basic.button:hover,
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #22be34 inset !important;
    color: #2ecc40 !important
}

.ui.inverted.green.basic.button:focus,
.ui.inverted.green.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #19b82b inset !important;
    color: #2ecc40 !important
}

.ui.inverted.green.basic.active.button,
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #1fc231 inset !important;
    color: #2ecc40 !important
}

.ui.inverted.green.basic.button:active,
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #25a233 inset !important;
    color: #2ecc40 !important
}

.ui.orange.button,
.ui.orange.buttons .button {
    background-color: #f2711c;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.orange.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.orange.button:hover,
.ui.orange.buttons .button:hover {
    background-color: #f26202;
    color: #fff;
    text-shadow: none
}

.ui.orange.button:focus,
.ui.orange.buttons .button:focus {
    background-color: #e55b00;
    color: #fff;
    text-shadow: none
}

.ui.orange.button:active,
.ui.orange.buttons .button:active {
    background-color: #cf590c;
    color: #fff;
    text-shadow: none
}

.ui.orange.active.button,
.ui.orange.button .active.button:active,
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active {
    background-color: #f56100;
    color: #fff;
    text-shadow: none
}

.ui.basic.orange.button,
.ui.basic.orange.buttons .button {
    box-shadow: 0 0 0 1px #f2711c inset !important;
    color: #f2711c !important
}

.ui.basic.orange.button:hover,
.ui.basic.orange.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #f26202 inset !important;
    color: #f26202 !important
}

.ui.basic.orange.button:focus,
.ui.basic.orange.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #e55b00 inset !important;
    color: #f26202 !important
}

.ui.basic.orange.active.button,
.ui.basic.orange.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #f56100 inset !important;
    color: #cf590c !important
}

.ui.basic.orange.button:active,
.ui.basic.orange.buttons .button:active {
    box-shadow: 0 0 0 1px #cf590c inset !important;
    color: #cf590c !important
}

.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.orange.button,
.ui.inverted.orange.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff851b inset !important;
    color: #ff851b
}

.ui.inverted.orange.button.active,
.ui.inverted.orange.button:active,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:hover {
    background-color: #ff7701
}

.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button:focus {
    background-color: #f17000
}

.ui.inverted.orange.active.button,
.ui.inverted.orange.buttons .active.button {
    background-color: #ff7701
}

.ui.inverted.orange.button:active,
.ui.inverted.orange.buttons .button:active {
    background-color: #e76b00
}

.ui.inverted.orange.basic.button,
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.orange.basic.active.button,
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff7701 inset !important;
    color: #ff851b !important
}

.ui.inverted.orange.basic.button:active,
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #e76b00 inset !important;
    color: #ff851b !important
}

.ui.pink.button,
.ui.pink.buttons .button {
    background-color: #e03997;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.pink.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.pink.button:hover,
.ui.pink.buttons .button:hover {
    background-color: #e61a8d;
    color: #fff;
    text-shadow: none
}

.ui.pink.button:focus,
.ui.pink.buttons .button:focus {
    background-color: #e10f85;
    color: #fff;
    text-shadow: none
}

.ui.pink.button:active,
.ui.pink.buttons .button:active {
    background-color: #c71f7e;
    color: #fff;
    text-shadow: none
}

.ui.pink.active.button,
.ui.pink.button .active.button:active,
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active {
    background-color: #ea158d;
    color: #fff;
    text-shadow: none
}

.ui.basic.pink.button,
.ui.basic.pink.buttons .button {
    box-shadow: 0 0 0 1px #e03997 inset !important;
    color: #e03997 !important
}

.ui.basic.pink.button:hover,
.ui.basic.pink.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #e61a8d inset !important;
    color: #e61a8d !important
}

.ui.basic.pink.button:focus,
.ui.basic.pink.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #e10f85 inset !important;
    color: #e61a8d !important
}

.ui.basic.pink.active.button,
.ui.basic.pink.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #ea158d inset !important;
    color: #c71f7e !important
}

.ui.basic.pink.button:active,
.ui.basic.pink.buttons .button:active {
    box-shadow: 0 0 0 1px #c71f7e inset !important;
    color: #c71f7e !important
}

.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.pink.button,
.ui.inverted.pink.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff8edf inset !important;
    color: #ff8edf
}

.ui.inverted.pink.button.active,
.ui.inverted.pink.button:active,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:hover {
    background-color: #ff74d8
}

.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button:focus {
    background-color: #ff65d3
}

.ui.inverted.pink.active.button,
.ui.inverted.pink.buttons .active.button {
    background-color: #ff74d8
}

.ui.inverted.pink.button:active,
.ui.inverted.pink.buttons .button:active {
    background-color: #ff5bd1
}

.ui.inverted.pink.basic.button,
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.pink.basic.active.button,
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff74d8 inset !important;
    color: #ff8edf !important
}

.ui.inverted.pink.basic.button:active,
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ff5bd1 inset !important;
    color: #ff8edf !important
}

.ui.violet.button,
.ui.violet.buttons .button {
    background-color: #6435c9;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.violet.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.violet.button:hover,
.ui.violet.buttons .button:hover {
    background-color: #5829bb;
    color: #fff;
    text-shadow: none
}

.ui.violet.button:focus,
.ui.violet.buttons .button:focus {
    background-color: #4f20b5;
    color: #fff;
    text-shadow: none
}

.ui.violet.button:active,
.ui.violet.buttons .button:active {
    background-color: #502aa1;
    color: #fff;
    text-shadow: none
}

.ui.violet.active.button,
.ui.violet.button .active.button:active,
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active {
    background-color: #5626bf;
    color: #fff;
    text-shadow: none
}

.ui.basic.violet.button,
.ui.basic.violet.buttons .button {
    box-shadow: 0 0 0 1px #6435c9 inset !important;
    color: #6435c9 !important
}

.ui.basic.violet.button:hover,
.ui.basic.violet.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #5829bb inset !important;
    color: #5829bb !important
}

.ui.basic.violet.button:focus,
.ui.basic.violet.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #4f20b5 inset !important;
    color: #5829bb !important
}

.ui.basic.violet.active.button,
.ui.basic.violet.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #5626bf inset !important;
    color: #502aa1 !important
}

.ui.basic.violet.button:active,
.ui.basic.violet.buttons .button:active {
    box-shadow: 0 0 0 1px #502aa1 inset !important;
    color: #502aa1 !important
}

.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.violet.button,
.ui.inverted.violet.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #a291fb inset !important;
    color: #a291fb
}

.ui.inverted.violet.button.active,
.ui.inverted.violet.button:active,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:hover {
    background-color: #8a73ff
}

.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button:focus {
    background-color: #7d64ff
}

.ui.inverted.violet.active.button,
.ui.inverted.violet.buttons .active.button {
    background-color: #8a73ff
}

.ui.inverted.violet.button:active,
.ui.inverted.violet.buttons .button:active {
    background-color: #7860f9
}

.ui.inverted.violet.basic.button,
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

.ui.inverted.violet.basic.button:hover,
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #8a73ff inset !important;
    color: #a291fb !important
}

.ui.inverted.violet.basic.button:focus,
.ui.inverted.violet.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #7d64ff inset !important;
    color: #a291fb !important
}

.ui.inverted.violet.basic.active.button,
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #8a73ff inset !important;
    color: #a291fb !important
}

.ui.inverted.violet.basic.button:active,
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #7860f9 inset !important;
    color: #a291fb !important
}

.ui.purple.button,
.ui.purple.buttons .button {
    background-color: #a333c8;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.purple.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.purple.button:hover,
.ui.purple.buttons .button:hover {
    background-color: #9627ba;
    color: #fff;
    text-shadow: none
}

.ui.purple.button:focus,
.ui.purple.buttons .button:focus {
    background-color: #8f1eb4;
    color: #fff;
    text-shadow: none
}

.ui.purple.button:active,
.ui.purple.buttons .button:active {
    background-color: #82299f;
    color: #fff;
    text-shadow: none
}

.ui.purple.active.button,
.ui.purple.button .active.button:active,
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active {
    background-color: #9724be;
    color: #fff;
    text-shadow: none
}

.ui.basic.purple.button,
.ui.basic.purple.buttons .button {
    box-shadow: 0 0 0 1px #a333c8 inset !important;
    color: #a333c8 !important
}

.ui.basic.purple.button:hover,
.ui.basic.purple.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #9627ba inset !important;
    color: #9627ba !important
}

.ui.basic.purple.button:focus,
.ui.basic.purple.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #8f1eb4 inset !important;
    color: #9627ba !important
}

.ui.basic.purple.active.button,
.ui.basic.purple.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #9724be inset !important;
    color: #82299f !important
}

.ui.basic.purple.button:active,
.ui.basic.purple.buttons .button:active {
    box-shadow: 0 0 0 1px #82299f inset !important;
    color: #82299f !important
}

.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.purple.button,
.ui.inverted.purple.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #dc73ff inset !important;
    color: #dc73ff
}

.ui.inverted.purple.button.active,
.ui.inverted.purple.button:active,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:hover {
    background-color: #d65aff
}

.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button:focus {
    background-color: #d24aff
}

.ui.inverted.purple.active.button,
.ui.inverted.purple.buttons .active.button {
    background-color: #d65aff
}

.ui.inverted.purple.button:active,
.ui.inverted.purple.buttons .button:active {
    background-color: #cf40ff
}

.ui.inverted.purple.basic.button,
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.purple.basic.active.button,
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #d65aff inset !important;
    color: #dc73ff !important
}

.ui.inverted.purple.basic.button:active,
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #cf40ff inset !important;
    color: #dc73ff !important
}

.ui.red.button,
.ui.red.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.red.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.red.button:hover,
.ui.red.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.ui.red.button:focus,
.ui.red.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.ui.red.button:active,
.ui.red.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.ui.red.active.button,
.ui.red.button .active.button:active,
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.ui.basic.red.button,
.ui.basic.red.buttons .button {
    box-shadow: 0 0 0 1px #db2828 inset !important;
    color: #db2828 !important
}

.ui.basic.red.button:hover,
.ui.basic.red.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #d01919 inset !important;
    color: #d01919 !important
}

.ui.basic.red.button:focus,
.ui.basic.red.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #ca1010 inset !important;
    color: #d01919 !important
}

.ui.basic.red.active.button,
.ui.basic.red.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #d41515 inset !important;
    color: #b21e1e !important
}

.ui.basic.red.button:active,
.ui.basic.red.buttons .button:active {
    box-shadow: 0 0 0 1px #b21e1e inset !important;
    color: #b21e1e !important
}

.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.red.button,
.ui.inverted.red.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ff695e inset !important;
    color: #ff695e
}

.ui.inverted.red.button.active,
.ui.inverted.red.button:active,
.ui.inverted.red.button:focus,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.buttons .button:hover {
    box-shadow: none !important;
    color: #fff
}

.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:hover {
    background-color: #ff5144
}

.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button:focus {
    background-color: #ff4335
}

.ui.inverted.red.active.button,
.ui.inverted.red.buttons .active.button {
    background-color: #ff5144
}

.ui.inverted.red.button:active,
.ui.inverted.red.buttons .button:active {
    background-color: #ff392b
}

.ui.inverted.red.basic.button,
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.red.basic.active.button,
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ff5144 inset !important;
    color: #ff695e !important
}

.ui.inverted.red.basic.button:active,
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ff392b inset !important;
    color: #ff695e !important
}

.ui.teal.button,
.ui.teal.buttons .button {
    background-color: #00b5ad;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.teal.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.teal.button:hover,
.ui.teal.buttons .button:hover {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.ui.teal.button:focus,
.ui.teal.buttons .button:focus {
    background-color: #008c86;
    color: #fff;
    text-shadow: none
}

.ui.teal.button:active,
.ui.teal.buttons .button:active {
    background-color: #00827c;
    color: #fff;
    text-shadow: none
}

.ui.teal.active.button,
.ui.teal.button .active.button:active,
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active {
    background-color: #009c95;
    color: #fff;
    text-shadow: none
}

.ui.basic.teal.button,
.ui.basic.teal.buttons .button {
    box-shadow: 0 0 0 1px #00b5ad inset !important;
    color: #00b5ad !important
}

.ui.basic.teal.button:hover,
.ui.basic.teal.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #009c95 inset !important;
    color: #009c95 !important
}

.ui.basic.teal.button:focus,
.ui.basic.teal.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #008c86 inset !important;
    color: #009c95 !important
}

.ui.basic.teal.active.button,
.ui.basic.teal.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #009c95 inset !important;
    color: #00827c !important
}

.ui.basic.teal.button:active,
.ui.basic.teal.buttons .button:active {
    box-shadow: 0 0 0 1px #00827c inset !important;
    color: #00827c !important
}

.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.teal.button,
.ui.inverted.teal.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #6dffff inset !important;
    color: #6dffff
}

.ui.inverted.teal.button.active,
.ui.inverted.teal.button:active,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.buttons .button:hover {
    box-shadow: none !important;
    color: #0009
}

.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:hover {
    background-color: #54ffff
}

.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button:focus {
    background-color: #4ff
}

.ui.inverted.teal.active.button,
.ui.inverted.teal.buttons .active.button {
    background-color: #54ffff
}

.ui.inverted.teal.button:active,
.ui.inverted.teal.buttons .button:active {
    background-color: #3affff
}

.ui.inverted.teal.basic.button,
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

.ui.inverted.teal.basic.button:hover,
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover {
    box-shadow: 0 0 0 2px #54ffff inset !important;
    color: #6dffff !important
}

.ui.inverted.teal.basic.button:focus,
.ui.inverted.teal.basic.buttons .button:focus {
    box-shadow: 0 0 0 2px #4ff inset !important;
    color: #6dffff !important
}

.ui.inverted.teal.basic.active.button,
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #54ffff inset !important;
    color: #6dffff !important
}

.ui.inverted.teal.basic.button:active,
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #3affff inset !important;
    color: #6dffff !important
}

.ui.olive.button,
.ui.olive.buttons .button {
    background-color: #b5cc18;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.olive.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.olive.button:hover,
.ui.olive.buttons .button:hover {
    background-color: #a7bd0d;
    color: #fff;
    text-shadow: none
}

.ui.olive.button:focus,
.ui.olive.buttons .button:focus {
    background-color: #a0b605;
    color: #fff;
    text-shadow: none
}

.ui.olive.button:active,
.ui.olive.buttons .button:active {
    background-color: #8d9e13;
    color: #fff;
    text-shadow: none
}

.ui.olive.active.button,
.ui.olive.button .active.button:active,
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active {
    background-color: #aac109;
    color: #fff;
    text-shadow: none
}

.ui.basic.olive.button,
.ui.basic.olive.buttons .button {
    box-shadow: 0 0 0 1px #b5cc18 inset !important;
    color: #b5cc18 !important
}

.ui.basic.olive.button:hover,
.ui.basic.olive.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #a7bd0d inset !important;
    color: #a7bd0d !important
}

.ui.basic.olive.button:focus,
.ui.basic.olive.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #a0b605 inset !important;
    color: #a7bd0d !important
}

.ui.basic.olive.active.button,
.ui.basic.olive.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #aac109 inset !important;
    color: #8d9e13 !important
}

.ui.basic.olive.button:active,
.ui.basic.olive.buttons .button:active {
    box-shadow: 0 0 0 1px #8d9e13 inset !important;
    color: #8d9e13 !important
}

.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.olive.button,
.ui.inverted.olive.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d9e778 inset !important;
    color: #d9e778
}

.ui.inverted.olive.button.active,
.ui.inverted.olive.button:active,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.buttons .button:hover {
    box-shadow: none !important;
    color: #0009
}

.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:hover {
    background-color: #d8ea5c
}

.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button:focus {
    background-color: #daef47
}

.ui.inverted.olive.active.button,
.ui.inverted.olive.buttons .active.button {
    background-color: #daed59
}

.ui.inverted.olive.button:active,
.ui.inverted.olive.buttons .button:active {
    background-color: #cddf4d
}

.ui.inverted.olive.basic.button,
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.olive.basic.active.button,
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #daed59 inset !important;
    color: #d9e778 !important
}

.ui.inverted.olive.basic.button:active,
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #cddf4d inset !important;
    color: #d9e778 !important
}

.ui.yellow.button,
.ui.yellow.buttons .button {
    background-color: #fbbd08;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.yellow.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.yellow.button:hover,
.ui.yellow.buttons .button:hover {
    background-color: #eaae00;
    color: #fff;
    text-shadow: none
}

.ui.yellow.button:focus,
.ui.yellow.buttons .button:focus {
    background-color: #daa300;
    color: #fff;
    text-shadow: none
}

.ui.yellow.button:active,
.ui.yellow.buttons .button:active {
    background-color: #cd9903;
    color: #fff;
    text-shadow: none
}

.ui.yellow.active.button,
.ui.yellow.button .active.button:active,
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active {
    background-color: #eaae00;
    color: #fff;
    text-shadow: none
}

.ui.basic.yellow.button,
.ui.basic.yellow.buttons .button {
    box-shadow: 0 0 0 1px #fbbd08 inset !important;
    color: #fbbd08 !important
}

.ui.basic.yellow.button:hover,
.ui.basic.yellow.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #eaae00 inset !important;
    color: #eaae00 !important
}

.ui.basic.yellow.button:focus,
.ui.basic.yellow.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #daa300 inset !important;
    color: #eaae00 !important
}

.ui.basic.yellow.active.button,
.ui.basic.yellow.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #eaae00 inset !important;
    color: #cd9903 !important
}

.ui.basic.yellow.button:active,
.ui.basic.yellow.buttons .button:active {
    box-shadow: 0 0 0 1px #cd9903 inset !important;
    color: #cd9903 !important
}

.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child) {
    margin-left: -1px
}

.ui.inverted.yellow.button,
.ui.inverted.yellow.buttons .button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffe21f inset !important;
    color: #ffe21f
}

.ui.inverted.yellow.button.active,
.ui.inverted.yellow.button:active,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.buttons .button:hover {
    box-shadow: none !important;
    color: #0009
}

.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:hover {
    background-color: #ffdf05
}

.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button:focus {
    background-color: #f5d500
}

.ui.inverted.yellow.active.button,
.ui.inverted.yellow.buttons .active.button {
    background-color: #ffdf05
}

.ui.inverted.yellow.button:active,
.ui.inverted.yellow.buttons .button:active {
    background-color: #ebcd00
}

.ui.inverted.yellow.basic.button,
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #ffffff80 inset !important;
    color: #fff !important
}

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

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

.ui.inverted.yellow.basic.active.button,
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button {
    box-shadow: 0 0 0 2px #ffdf05 inset !important;
    color: #ffe21f !important
}

.ui.inverted.yellow.basic.button:active,
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active {
    box-shadow: 0 0 0 2px #ebcd00 inset !important;
    color: #ffe21f !important
}

.ui.primary.button,
.ui.primary.buttons .button {
    background-color: #2185d0;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.primary.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
    background-color: #1678c2;
    color: #fff;
    text-shadow: none
}

.ui.primary.button:focus,
.ui.primary.buttons .button:focus {
    background-color: #0d71bb;
    color: #fff;
    text-shadow: none
}

.ui.primary.button:active,
.ui.primary.buttons .button:active {
    background-color: #1a69a4;
    color: #fff;
    text-shadow: none
}

.ui.primary.active.button,
.ui.primary.button .active.button:active,
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active {
    background-color: #1279c6;
    color: #fff;
    text-shadow: none
}

.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
    box-shadow: 0 0 0 1px #2185d0 inset !important;
    color: #2185d0 !important
}

.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #1678c2 inset !important;
    color: #1678c2 !important
}

.ui.basic.primary.button:focus,
.ui.basic.primary.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #0d71bb inset !important;
    color: #1678c2 !important
}

.ui.basic.primary.active.button,
.ui.basic.primary.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #1279c6 inset !important;
    color: #1a69a4 !important
}

.ui.basic.primary.button:active,
.ui.basic.primary.buttons .button:active {
    box-shadow: 0 0 0 1px #1a69a4 inset !important;
    color: #1a69a4 !important
}

.ui.secondary.button,
.ui.secondary.buttons .button {
    background-color: #1b1c1d;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.secondary.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.secondary.button:hover,
.ui.secondary.buttons .button:hover {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.ui.secondary.button:focus,
.ui.secondary.buttons .button:focus {
    background-color: #2e3032;
    color: #fff;
    text-shadow: none
}

.ui.secondary.button:active,
.ui.secondary.buttons .button:active {
    background-color: #343637;
    color: #fff;
    text-shadow: none
}

.ui.secondary.active.button,
.ui.secondary.button .active.button:active,
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active {
    background-color: #27292a;
    color: #fff;
    text-shadow: none
}

.ui.basic.secondary.button,
.ui.basic.secondary.buttons .button {
    box-shadow: 0 0 0 1px #1b1c1d inset !important;
    color: #1b1c1d !important
}

.ui.basic.secondary.button:hover,
.ui.basic.secondary.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #27292a inset !important;
    color: #27292a !important
}

.ui.basic.secondary.button:focus,
.ui.basic.secondary.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #2e3032 inset !important;
    color: #27292a !important
}

.ui.basic.secondary.active.button,
.ui.basic.secondary.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #27292a inset !important;
    color: #343637 !important
}

.ui.basic.secondary.button:active,
.ui.basic.secondary.buttons .button:active {
    box-shadow: 0 0 0 1px #343637 inset !important;
    color: #343637 !important
}

.ui.positive.button,
.ui.positive.buttons .button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.positive.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.positive.button:hover,
.ui.positive.buttons .button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:focus,
.ui.positive.buttons .button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:active,
.ui.positive.buttons .button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.ui.positive.active.button,
.ui.positive.button .active.button:active,
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.basic.positive.button,
.ui.basic.positive.buttons .button {
    box-shadow: 0 0 0 1px #21ba45 inset !important;
    color: #21ba45 !important
}

.ui.basic.positive.button:hover,
.ui.basic.positive.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #16ab39 inset !important;
    color: #16ab39 !important
}

.ui.basic.positive.button:focus,
.ui.basic.positive.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #0ea432 inset !important;
    color: #16ab39 !important
}

.ui.basic.positive.active.button,
.ui.basic.positive.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #13ae38 inset !important;
    color: #198f35 !important
}

.ui.basic.positive.button:active,
.ui.basic.positive.buttons .button:active {
    box-shadow: 0 0 0 1px #198f35 inset !important;
    color: #198f35 !important
}

.ui.negative.button,
.ui.negative.buttons .button {
    background-color: #db2828;
    color: #fff;
    text-shadow: none;
    background-image: none
}

.ui.negative.button {
    box-shadow: 0 0 #22242626 inset
}

.ui.negative.button:hover,
.ui.negative.buttons .button:hover {
    background-color: #d01919;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:focus,
.ui.negative.buttons .button:focus {
    background-color: #ca1010;
    color: #fff;
    text-shadow: none
}

.ui.negative.button:active,
.ui.negative.buttons .button:active {
    background-color: #b21e1e;
    color: #fff;
    text-shadow: none
}

.ui.negative.active.button,
.ui.negative.button .active.button:active,
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active {
    background-color: #d41515;
    color: #fff;
    text-shadow: none
}

.ui.basic.negative.button,
.ui.basic.negative.buttons .button {
    box-shadow: 0 0 0 1px #db2828 inset !important;
    color: #db2828 !important
}

.ui.basic.negative.button:hover,
.ui.basic.negative.buttons .button:hover {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #d01919 inset !important;
    color: #d01919 !important
}

.ui.basic.negative.button:focus,
.ui.basic.negative.buttons .button:focus {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #ca1010 inset !important;
    color: #d01919 !important
}

.ui.basic.negative.active.button,
.ui.basic.negative.buttons .active.button {
    background: 0 0 !important;
    box-shadow: 0 0 0 1px #d41515 inset !important;
    color: #b21e1e !important
}

.ui.basic.negative.button:active,
.ui.basic.negative.buttons .button:active {
    box-shadow: 0 0 0 1px #b21e1e inset !important;
    color: #b21e1e !important
}

.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
    margin-left: -1px
}

.ui.buttons {
    display: inline-flex;
    flex-direction: row;
    font-size: 0;
    vertical-align: baseline;
    margin: 0 .25em 0 0
}

.ui.buttons:not(.basic):not(.inverted) {
    box-shadow: none
}

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

.ui.buttons .button {
    flex: 1 0 auto;
    border-radius: 0;
    margin: 0
}

.ui.buttons:not(.basic):not(.inverted)>.button,
.ui.buttons>.ui.button:not(.basic):not(.inverted) {
    box-shadow: 0 0 0 1px transparent inset, 0 0 #22242626 inset
}

.ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0;
    border-top-left-radius: .28571429rem;
    border-bottom-left-radius: .28571429rem
}

.ui.buttons .button:last-child {
    border-top-right-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.buttons {
    display: inline-flex;
    flex-direction: column
}

.ui.vertical.buttons .button {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0
}

.ui.vertical.buttons .button:first-child {
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem
}

.ui.vertical.buttons .button:last-child {
    margin-bottom: 0;
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.vertical.buttons .button:only-child {
    border-radius: .28571429rem
}

/*!
* # Semantic UI 2.3.1 - Container
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.container {
    display: block;
    max-width: 100% !important
}

@media only screen and (max-width: 767px) {
    .ui.container {
        width: auto !important;
        margin-left: 1em !important;
        margin-right: 1em !important
    }

    .ui.grid.container,
    .ui.relaxed.grid.container,
    .ui.very.relaxed.grid.container {
        width: auto !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.container {
        width: 723px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ui.grid.container {
        width: calc(723px + 2rem) !important
    }

    .ui.relaxed.grid.container {
        width: calc(723px + 3rem) !important
    }

    .ui.very.relaxed.grid.container {
        width: calc(723px + 5rem) !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.container {
        width: 933px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ui.grid.container {
        width: calc(933px + 2rem) !important
    }

    .ui.relaxed.grid.container {
        width: calc(933px + 3rem) !important
    }

    .ui.very.relaxed.grid.container {
        width: calc(933px + 5rem) !important
    }
}

@media only screen and (min-width: 1200px) {
    .ui.container {
        width: 1127px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .ui.grid.container {
        width: calc(1127px + 2rem) !important
    }

    .ui.relaxed.grid.container {
        width: calc(1127px + 3rem) !important
    }

    .ui.very.relaxed.grid.container {
        width: calc(1127px + 5rem) !important
    }
}

.ui.text.container {
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    max-width: 700px !important;
    line-height: 1.5
}

.ui.text.container {
    font-size: 1.14285714rem
}

.ui.fluid.container {
    width: 100%
}

.ui[class*="left aligned"].container {
    text-align: left
}

.ui[class*="center aligned"].container {
    text-align: center
}

.ui[class*="right aligned"].container {
    text-align: right
}

.ui.justified.container {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

/*!
* # Semantic UI 2.3.1 - Divider
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #000000d9;
    -webkit-user-select: none;
    -moz-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: "";
    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: translate(-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
}

@media only screen and (max-width: 767px) {

    .ui.grid .stackable.row .ui.vertical.divider,
    .ui.stackable.grid .ui.vertical.divider {
        display: table;
        white-space: nowrap;
        height: auto;
        margin: "";
        overflow: hidden;
        line-height: 1;
        text-align: center;
        position: static;
        top: 0;
        left: 0;
        transform: none
    }

    .ui.grid .stackable.row .ui.vertical.divider:after,
    .ui.grid .stackable.row .ui.vertical.divider:before,
    .ui.stackable.grid .ui.vertical.divider:after,
    .ui.stackable.grid .ui.vertical.divider:before {
        position: static;
        left: 0;
        border-left: none;
        border-right: none;
        content: "";
        display: table-cell;
        position: relative;
        top: 50%;
        width: 50%;
        background-repeat: no-repeat
    }

    .ui.grid .stackable.row .ui.vertical.divider:before,
    .ui.stackable.grid .ui.vertical.divider:before {
        background-position: right 1em top 50%
    }

    .ui.grid .stackable.row .ui.vertical.divider:after,
    .ui.stackable.grid .ui.vertical.divider:after {
        background-position: left 1em top 50%
    }
}

.ui.divider>.icon {
    margin: 0;
    font-size: 1rem;
    height: 1em;
    vertical-align: middle
}

.ui.hidden.divider {
    border-color: transparent !important
}

.ui.hidden.divider:after,
.ui.hidden.divider:before {
    display: none
}

.ui.divider.inverted,
.ui.horizontal.inverted.divider,
.ui.vertical.inverted.divider {
    color: #fff
}

.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {
    border-top-color: #22242626 !important;
    border-left-color: #22242626 !important;
    border-bottom-color: #ffffff26 !important;
    border-right-color: #ffffff26 !important
}

.ui.fitted.divider {
    margin: 0
}

.ui.clearing.divider {
    clear: both
}

.ui.section.divider {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.ui.divider {
    font-size: 1rem
}

.ui.horizontal.divider:after,
.ui.horizontal.divider:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
}

@media only screen and (max-width: 767px) {

    .ui.grid .stackable.row .ui.vertical.divider:after,
    .ui.grid .stackable.row .ui.vertical.divider:before,
    .ui.stackable.grid .ui.vertical.divider:after,
    .ui.stackable.grid .ui.vertical.divider:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
    }
}

/*!
* # Semantic UI 2.3.1 - Flag
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
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;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.flag:not(.icon):before {
    display: inline-block;
    content: "";
    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.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
}

/*!
* # Semantic UI 2.3.1 - Header
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.header {
    border: none;
    margin: calc(2rem - .14285714em) 0 1rem;
    padding: 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.28571429em;
    text-transform: none;
    color: #000000de
}

.ui.header:first-child {
    margin-top: -.14285714em
}

.ui.header:last-child {
    margin-bottom: 0
}

.ui.header .sub.header {
    display: block;
    font-weight: 400;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.2em;
    color: #0009
}

.ui.header>.icon {
    display: table-cell;
    opacity: 1;
    font-size: 1.5em;
    padding-top: 0;
    vertical-align: middle
}

.ui.header .icon:only-child {
    display: inline-block;
    padding: 0;
    margin-right: .75rem
}

.ui.header>.image:not(.icon),
.ui.header>img {
    display: inline-block;
    margin-top: .14285714em;
    width: 2.5em;
    height: auto;
    vertical-align: middle
}

.ui.header>.image:not(.icon):only-child,
.ui.header>img:only-child {
    margin-right: .75rem
}

.ui.header .content {
    display: inline-block;
    vertical-align: top
}

.ui.header>.image+.content,
.ui.header>img+.content {
    padding-left: .75rem;
    vertical-align: middle
}

.ui.header>.icon+.content {
    padding-left: .75rem;
    display: table-cell;
    vertical-align: middle
}

.ui.header .ui.label {
    font-size: "";
    margin-left: .5rem;
    vertical-align: middle
}

.ui.header+p {
    margin-top: 0
}

h1.ui.header {
    font-size: 2rem
}

h2.ui.header {
    font-size: 1.71428571rem
}

h3.ui.header {
    font-size: 1.28571429rem
}

h4.ui.header {
    font-size: 1.07142857rem
}

h5.ui.header {
    font-size: 1rem
}

h1.ui.header .sub.header,
h2.ui.header .sub.header {
    font-size: 1.14285714rem
}

h3.ui.header .sub.header,
h4.ui.header .sub.header {
    font-size: 1rem
}

h5.ui.header .sub.header {
    font-size: .92857143rem
}

.ui.huge.header {
    min-height: 1em;
    font-size: 2em
}

.ui.large.header {
    font-size: 1.71428571em
}

.ui.medium.header {
    font-size: 1.28571429em
}

.ui.small.header {
    font-size: 1.07142857em
}

.ui.tiny.header {
    font-size: 1em
}

.ui.huge.header .sub.header,
.ui.large.header .sub.header {
    font-size: 1.14285714rem
}

.ui.header .sub.header,
.ui.small.header .sub.header {
    font-size: 1rem
}

.ui.tiny.header .sub.header {
    font-size: .92857143rem
}

.ui.sub.header {
    padding: 0;
    margin-bottom: .14285714rem;
    font-weight: 700;
    font-size: .85714286em;
    text-transform: uppercase;
    color: ""
}

.ui.small.sub.header {
    font-size: .78571429em
}

.ui.sub.header {
    font-size: .85714286em
}

.ui.large.sub.header {
    font-size: .92857143em
}

.ui.huge.sub.header {
    font-size: 1em
}

.ui.icon.header {
    display: inline-block;
    text-align: center;
    margin: 2rem 0 1rem
}

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

.ui.icon.header:first-child {
    margin-top: 0
}

.ui.icon.header .icon {
    float: none;
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    padding: 0;
    font-size: 3em;
    margin: 0 auto .5rem;
    opacity: 1
}

.ui.icon.header .content {
    display: block;
    padding: 0
}

.ui.icon.header .circular.icon,
.ui.icon.header .square.icon {
    font-size: 2em
}

.ui.block.icon.header .icon {
    margin-bottom: 0
}

.ui.icon.header.aligned {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.ui.disabled.header {
    opacity: .45
}

.ui.inverted.header {
    color: #fff
}

.ui.inverted.header .sub.header {
    color: #fffc
}

.ui.inverted.attached.header {
    background: #545454 linear-gradient(transparent, rgba(0, 0, 0, .05));
    box-shadow: none;
    border-color: transparent
}

.ui.inverted.block.header {
    background: #545454 linear-gradient(transparent, rgba(0, 0, 0, .05));
    box-shadow: none
}

.ui.inverted.block.header {
    border-bottom: none
}

.ui.red.header {
    color: #db2828 !important
}

a.ui.red.header:hover {
    color: #d01919 !important
}

.ui.red.dividing.header {
    border-bottom: 2px solid #db2828
}

.ui.inverted.red.header {
    color: #ff695e !important
}

a.ui.inverted.red.header:hover {
    color: #ff5144 !important
}

.ui.orange.header {
    color: #f2711c !important
}

a.ui.orange.header:hover {
    color: #f26202 !important
}

.ui.orange.dividing.header {
    border-bottom: 2px solid #f2711c
}

.ui.inverted.orange.header {
    color: #ff851b !important
}

a.ui.inverted.orange.header:hover {
    color: #ff7701 !important
}

.ui.olive.header {
    color: #b5cc18 !important
}

a.ui.olive.header:hover {
    color: #a7bd0d !important
}

.ui.olive.dividing.header {
    border-bottom: 2px solid #b5cc18
}

.ui.inverted.olive.header {
    color: #d9e778 !important
}

a.ui.inverted.olive.header:hover {
    color: #d8ea5c !important
}

.ui.yellow.header {
    color: #fbbd08 !important
}

a.ui.yellow.header:hover {
    color: #eaae00 !important
}

.ui.yellow.dividing.header {
    border-bottom: 2px solid #fbbd08
}

.ui.inverted.yellow.header {
    color: #ffe21f !important
}

a.ui.inverted.yellow.header:hover {
    color: #ffdf05 !important
}

.ui.green.header {
    color: #21ba45 !important
}

a.ui.green.header:hover {
    color: #16ab39 !important
}

.ui.green.dividing.header {
    border-bottom: 2px solid #21ba45
}

.ui.inverted.green.header {
    color: #2ecc40 !important
}

a.ui.inverted.green.header:hover {
    color: #22be34 !important
}

.ui.teal.header {
    color: #00b5ad !important
}

a.ui.teal.header:hover {
    color: #009c95 !important
}

.ui.teal.dividing.header {
    border-bottom: 2px solid #00b5ad
}

.ui.inverted.teal.header {
    color: #6dffff !important
}

a.ui.inverted.teal.header:hover {
    color: #54ffff !important
}

.ui.blue.header {
    color: #2185d0 !important
}

a.ui.blue.header:hover {
    color: #1678c2 !important
}

.ui.blue.dividing.header {
    border-bottom: 2px solid #2185d0
}

.ui.inverted.blue.header {
    color: #54c8ff !important
}

a.ui.inverted.blue.header:hover {
    color: #3ac0ff !important
}

.ui.violet.header {
    color: #6435c9 !important
}

a.ui.violet.header:hover {
    color: #5829bb !important
}

.ui.violet.dividing.header {
    border-bottom: 2px solid #6435c9
}

.ui.inverted.violet.header {
    color: #a291fb !important
}

a.ui.inverted.violet.header:hover {
    color: #8a73ff !important
}

.ui.purple.header {
    color: #a333c8 !important
}

a.ui.purple.header:hover {
    color: #9627ba !important
}

.ui.purple.dividing.header {
    border-bottom: 2px solid #a333c8
}

.ui.inverted.purple.header {
    color: #dc73ff !important
}

a.ui.inverted.purple.header:hover {
    color: #d65aff !important
}

.ui.pink.header {
    color: #e03997 !important
}

a.ui.pink.header:hover {
    color: #e61a8d !important
}

.ui.pink.dividing.header {
    border-bottom: 2px solid #e03997
}

.ui.inverted.pink.header {
    color: #ff8edf !important
}

a.ui.inverted.pink.header:hover {
    color: #ff74d8 !important
}

.ui.brown.header {
    color: #a5673f !important
}

a.ui.brown.header:hover {
    color: #975b33 !important
}

.ui.brown.dividing.header {
    border-bottom: 2px solid #a5673f
}

.ui.inverted.brown.header {
    color: #d67c1c !important
}

a.ui.inverted.brown.header:hover {
    color: #c86f11 !important
}

.ui.grey.header {
    color: #767676 !important
}

a.ui.grey.header:hover {
    color: #838383 !important
}

.ui.grey.dividing.header {
    border-bottom: 2px solid #767676
}

.ui.inverted.grey.header {
    color: #dcddde !important
}

a.ui.inverted.grey.header:hover {
    color: #cfd0d2 !important
}

.ui.left.aligned.header {
    text-align: left
}

.ui.right.aligned.header {
    text-align: right
}

.ui.center.aligned.header,
.ui.centered.header {
    text-align: center
}

.ui.justified.header {
    text-align: justify
}

.ui.justified.header:after {
    display: inline-block;
    content: "";
    width: 100%
}

.ui.floated.header,
.ui[class*="left floated"].header {
    float: left;
    margin-top: 0;
    margin-right: .5em
}

.ui[class*="right floated"].header {
    float: right;
    margin-top: 0;
    margin-left: .5em
}

.ui.fitted.header {
    padding: 0
}

.ui.dividing.header {
    padding-bottom: .21428571rem;
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.ui.dividing.header .sub.header {
    padding-bottom: .21428571rem
}

.ui.dividing.header .icon {
    margin-bottom: 0
}

.ui.inverted.dividing.header {
    border-bottom-color: #ffffff1a
}

.ui.block.header {
    background: #f3f4f5;
    padding: .78571429rem 1rem;
    box-shadow: none;
    border: 1px solid #d4d4d5;
    border-radius: .28571429rem
}

.ui.tiny.block.header {
    font-size: .85714286rem
}

.ui.small.block.header {
    font-size: .92857143rem
}

.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1rem
}

.ui.large.block.header {
    font-size: 1.14285714rem
}

.ui.huge.block.header {
    font-size: 1.42857143rem
}

.ui.attached.header {
    background: #fff;
    padding: .78571429rem 1rem;
    margin-left: -1px;
    margin-right: -1px;
    box-shadow: none;
    border: 1px solid #d4d4d5
}

.ui.attached.block.header {
    background: #f3f4f5
}

.ui.attached:not(.top):not(.bottom).header {
    margin-top: 0;
    margin-bottom: 0;
    border-top: none;
    border-radius: 0
}

.ui.top.attached.header {
    margin-bottom: 0;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.bottom.attached.header {
    margin-top: 0;
    border-top: none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.tiny.attached.header {
    font-size: .85714286em
}

.ui.small.attached.header {
    font-size: .92857143em
}

.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1em
}

.ui.large.attached.header {
    font-size: 1.14285714em
}

.ui.huge.attached.header {
    font-size: 1.42857143em
}

.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1.28571429em
}

/*!
* # Semantic UI 2.3.1 - Icon
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
@font-face {
    font-family: Icons;
    src: url(icons.2b13baa7dd4f54c9.eot);
    src: url(icons.2b13baa7dd4f54c9.eot?#iefix) format("embedded-opentype"), url(icons.e9955780856cf8aa.woff2) format("woff2"), url(icons.cf011583fb81df9f.woff) format("woff"), url(icons.8a7cb27d142e3e19.ttf) format("truetype"), url(icons.da909aa098b0ee2d.svg#icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none
}

i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

i.icon:before {
    background: 0 0 !important
}

i.icon.loading {
    height: 1em;
    line-height: 1;
    -webkit-animation: icon-loading 2s linear infinite;
    animation: icon-loading 2s linear infinite
}

@-webkit-keyframes icon-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes icon-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

i.icon.hover,
i.icon.active,
i.emphasized.icon {
    opacity: 1 !important
}

i.disabled.icon {
    opacity: .45 !important
}

i.fitted.icon {
    width: auto;
    margin: 0 !important
}

i.link.icon,
i.link.icons {
    cursor: pointer;
    opacity: .8;
    transition: opacity .1s ease
}

i.link.icon:hover,
i.link.icons:hover {
    opacity: 1 !important
}

i.circular.icon {
    border-radius: 500em !important;
    line-height: 1 !important;
    padding: .5em 0 !important;
    box-shadow: 0 0 0 .1em #0000001a inset;
    width: 2em !important;
    height: 2em !important
}

i.circular.inverted.icon {
    border: none;
    box-shadow: none
}

i.flipped.icon,
i.horizontally.flipped.icon {
    transform: scaleX(-1)
}

i.vertically.flipped.icon {
    transform: scaleY(-1)
}

i.clockwise.rotated.icon,
i.right.rotated.icon,
i.rotated.icon {
    transform: rotate(90deg)
}

i.counterclockwise.rotated.icon,
i.left.rotated.icon {
    transform: rotate(-90deg)
}

i.bordered.icon {
    line-height: 1;
    vertical-align: baseline;
    width: 2em;
    height: 2em;
    padding: .5em 0 !important;
    box-shadow: 0 0 0 .1em #0000001a inset
}

i.bordered.inverted.icon {
    border: none;
    box-shadow: none
}

i.inverted.bordered.icon,
i.inverted.circular.icon {
    background-color: #1b1c1d !important;
    color: #fff !important
}

i.inverted.icon {
    color: #fff
}

i.red.icon {
    color: #db2828 !important
}

i.inverted.red.icon {
    color: #ff695e !important
}

i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
    background-color: #db2828 !important;
    color: #fff !important
}

i.orange.icon {
    color: #f2711c !important
}

i.inverted.orange.icon {
    color: #ff851b !important
}

i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
    background-color: #f2711c !important;
    color: #fff !important
}

i.yellow.icon {
    color: #fbbd08 !important
}

i.inverted.yellow.icon {
    color: #ffe21f !important
}

i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
    background-color: #fbbd08 !important;
    color: #fff !important
}

i.olive.icon {
    color: #b5cc18 !important
}

i.inverted.olive.icon {
    color: #d9e778 !important
}

i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
    background-color: #b5cc18 !important;
    color: #fff !important
}

i.green.icon {
    color: #21ba45 !important
}

i.inverted.green.icon {
    color: #2ecc40 !important
}

i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
    background-color: #21ba45 !important;
    color: #fff !important
}

i.teal.icon {
    color: #00b5ad !important
}

i.inverted.teal.icon {
    color: #6dffff !important
}

i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
    background-color: #00b5ad !important;
    color: #fff !important
}

i.blue.icon {
    color: #2185d0 !important
}

i.inverted.blue.icon {
    color: #54c8ff !important
}

i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
    background-color: #2185d0 !important;
    color: #fff !important
}

i.violet.icon {
    color: #6435c9 !important
}

i.inverted.violet.icon {
    color: #a291fb !important
}

i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
    background-color: #6435c9 !important;
    color: #fff !important
}

i.purple.icon {
    color: #a333c8 !important
}

i.inverted.purple.icon {
    color: #dc73ff !important
}

i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
    background-color: #a333c8 !important;
    color: #fff !important
}

i.pink.icon {
    color: #e03997 !important
}

i.inverted.pink.icon {
    color: #ff8edf !important
}

i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
    background-color: #e03997 !important;
    color: #fff !important
}

i.brown.icon {
    color: #a5673f !important
}

i.inverted.brown.icon {
    color: #d67c1c !important
}

i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
    background-color: #a5673f !important;
    color: #fff !important
}

i.grey.icon {
    color: #767676 !important
}

i.inverted.grey.icon {
    color: #dcddde !important
}

i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
    background-color: #767676 !important;
    color: #fff !important
}

i.black.icon {
    color: #1b1c1d !important
}

i.inverted.black.icon {
    color: #545454 !important
}

i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
    background-color: #1b1c1d !important;
    color: #fff !important
}

i.mini.icon,
i.mini.icons {
    line-height: 1;
    font-size: .4em
}

i.tiny.icon,
i.tiny.icons {
    line-height: 1;
    font-size: .5em
}

i.small.icon,
i.small.icons {
    line-height: 1;
    font-size: .75em
}

i.icon,
i.icons {
    font-size: 1em
}

i.large.icon,
i.large.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 1.5em
}

i.big.icon,
i.big.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 2em
}

i.huge.icon,
i.huge.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 4em
}

i.massive.icon,
i.massive.icons {
    line-height: 1;
    vertical-align: middle;
    font-size: 8em
}

i.icons {
    display: inline-block;
    position: relative;
    line-height: 1
}

i.icons .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%) translateY(-50%);
    margin: 0
}

i.icons .icon:first-child {
    position: static;
    width: auto;
    height: auto;
    vertical-align: top;
    transform: none;
    margin-right: .25rem
}

i.icons .corner.icon {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    transform: none;
    font-size: .45em;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

i.icons .top.right.corner.icon {
    top: 0;
    left: auto;
    right: 0;
    bottom: auto
}

i.icons .top.left.corner.icon {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

i.icons .bottom.left.corner.icon {
    top: auto;
    left: 0;
    right: auto;
    bottom: 0
}

i.icons .bottom.right.corner.icon {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0
}

i.icons .inverted.corner.icon {
    text-shadow: -1px -1px 0 #1b1c1d, 1px -1px 0 #1b1c1d, -1px 1px 0 #1b1c1d, 1px 1px 0 #1b1c1d
}

i.icon.\35 00px:before {
    content: "\f26e"
}

i.icon.accessible.icon:before {
    content: "\f368"
}

i.icon.accusoft:before {
    content: "\f369"
}

i.icon.address.book:before {
    content: "\f2b9"
}

i.icon.address.card:before {
    content: "\f2bb"
}

i.icon.adjust:before {
    content: "\f042"
}

i.icon.adn:before {
    content: "\f170"
}

i.icon.adversal:before {
    content: "\f36a"
}

i.icon.affiliatetheme:before {
    content: "\f36b"
}

i.icon.algolia:before {
    content: "\f36c"
}

i.icon.align.center:before {
    content: "\f037"
}

i.icon.align.justify:before {
    content: "\f039"
}

i.icon.align.left:before {
    content: "\f036"
}

i.icon.align.right:before {
    content: "\f038"
}

i.icon.amazon:before {
    content: "\f270"
}

i.icon.amazon.pay:before {
    content: "\f42c"
}

i.icon.ambulance:before {
    content: "\f0f9"
}

i.icon.american.sign.language.interpreting:before {
    content: "\f2a3"
}

i.icon.amilia:before {
    content: "\f36d"
}

i.icon.anchor:before {
    content: "\f13d"
}

i.icon.android:before {
    content: "\f17b"
}

i.icon.angellist:before {
    content: "\f209"
}

i.icon.angle.double.down:before {
    content: "\f103"
}

i.icon.angle.double.left:before {
    content: "\f100"
}

i.icon.angle.double.right:before {
    content: "\f101"
}

i.icon.angle.double.up:before {
    content: "\f102"
}

i.icon.angle.down:before {
    content: "\f107"
}

i.icon.angle.left:before {
    content: "\f104"
}

i.icon.angle.right:before {
    content: "\f105"
}

i.icon.angle.up:before {
    content: "\f106"
}

i.icon.angrycreative:before {
    content: "\f36e"
}

i.icon.angular:before {
    content: "\f420"
}

i.icon.app.store:before {
    content: "\f36f"
}

i.icon.app.store.ios:before {
    content: "\f370"
}

i.icon.apper:before {
    content: "\f371"
}

i.icon.apple:before {
    content: "\f179"
}

i.icon.apple.pay:before {
    content: "\f415"
}

i.icon.archive:before {
    content: "\f187"
}

i.icon.arrow.alternate.circle.down:before {
    content: "\f358"
}

i.icon.arrow.alternate.circle.left:before {
    content: "\f359"
}

i.icon.arrow.alternate.circle.right:before {
    content: "\f35a"
}

i.icon.arrow.alternate.circle.up:before {
    content: "\f35b"
}

i.icon.arrow.circle.down:before {
    content: "\f0ab"
}

i.icon.arrow.circle.left:before {
    content: "\f0a8"
}

i.icon.arrow.circle.right:before {
    content: "\f0a9"
}

i.icon.arrow.circle.up:before {
    content: "\f0aa"
}

i.icon.arrow.down:before {
    content: "\f063"
}

i.icon.arrow.left:before {
    content: "\f060"
}

i.icon.arrow.right:before {
    content: "\f061"
}

i.icon.arrow.up:before {
    content: "\f062"
}

i.icon.arrows.alternate:before {
    content: "\f0b2"
}

i.icon.arrows.alternate.horizontal:before {
    content: "\f337"
}

i.icon.arrows.alternate.vertical:before {
    content: "\f338"
}

i.icon.assistive.listening.systems:before {
    content: "\f2a2"
}

i.icon.asterisk:before {
    content: "\f069"
}

i.icon.asymmetrik:before {
    content: "\f372"
}

i.icon.at:before {
    content: "\f1fa"
}

i.icon.audible:before {
    content: "\f373"
}

i.icon.audio.description:before {
    content: "\f29e"
}

i.icon.autoprefixer:before {
    content: "\f41c"
}

i.icon.avianex:before {
    content: "\f374"
}

i.icon.aviato:before {
    content: "\f421"
}

i.icon.aws:before {
    content: "\f375"
}

i.icon.backward:before {
    content: "\f04a"
}

i.icon.balance.scale:before {
    content: "\f24e"
}

i.icon.ban:before {
    content: "\f05e"
}

i.icon.band.aid:before {
    content: "\f462"
}

i.icon.bandcamp:before {
    content: "\f2d5"
}

i.icon.barcode:before {
    content: "\f02a"
}

i.icon.bars:before {
    content: "\f0c9"
}

i.icon.baseball.ball:before {
    content: "\f433"
}

i.icon.basketball.ball:before {
    content: "\f434"
}

i.icon.bath:before {
    content: "\f2cd"
}

i.icon.battery.empty:before {
    content: "\f244"
}

i.icon.battery.full:before {
    content: "\f240"
}

i.icon.battery.half:before {
    content: "\f242"
}

i.icon.battery.quarter:before {
    content: "\f243"
}

i.icon.battery.three.quarters:before {
    content: "\f241"
}

i.icon.bed:before {
    content: "\f236"
}

i.icon.beer:before {
    content: "\f0fc"
}

i.icon.behance:before {
    content: "\f1b4"
}

i.icon.behance.square:before {
    content: "\f1b5"
}

i.icon.bell:before {
    content: "\f0f3"
}

i.icon.bell.slash:before {
    content: "\f1f6"
}

i.icon.bicycle:before {
    content: "\f206"
}

i.icon.bimobject:before {
    content: "\f378"
}

i.icon.binoculars:before {
    content: "\f1e5"
}

i.icon.birthday.cake:before {
    content: "\f1fd"
}

i.icon.bitbucket:before {
    content: "\f171"
}

i.icon.bitcoin:before {
    content: "\f379"
}

i.icon.bity:before {
    content: "\f37a"
}

i.icon.black.tie:before {
    content: "\f27e"
}

i.icon.blackberry:before {
    content: "\f37b"
}

i.icon.blind:before {
    content: "\f29d"
}

i.icon.blogger:before {
    content: "\f37c"
}

i.icon.blogger.b:before {
    content: "\f37d"
}

i.icon.bluetooth:before {
    content: "\f293"
}

i.icon.bluetooth.b:before {
    content: "\f294"
}

i.icon.bold:before {
    content: "\f032"
}

i.icon.bolt:before {
    content: "\f0e7"
}

i.icon.bomb:before {
    content: "\f1e2"
}

i.icon.book:before {
    content: "\f02d"
}

i.icon.bookmark:before {
    content: "\f02e"
}

i.icon.bowling.ball:before {
    content: "\f436"
}

i.icon.box:before {
    content: "\f466"
}

i.icon.boxes:before {
    content: "\f468"
}

i.icon.braille:before {
    content: "\f2a1"
}

i.icon.briefcase:before {
    content: "\f0b1"
}

i.icon.btc:before {
    content: "\f15a"
}

i.icon.bug:before {
    content: "\f188"
}

i.icon.building:before {
    content: "\f1ad"
}

i.icon.bullhorn:before {
    content: "\f0a1"
}

i.icon.bullseye:before {
    content: "\f140"
}

i.icon.buromobelexperte:before {
    content: "\f37f"
}

i.icon.bus:before {
    content: "\f207"
}

i.icon.buysellads:before {
    content: "\f20d"
}

i.icon.calculator:before {
    content: "\f1ec"
}

i.icon.calendar:before {
    content: "\f133"
}

i.icon.calendar.alternate:before {
    content: "\f073"
}

i.icon.calendar.check:before {
    content: "\f274"
}

i.icon.calendar.minus:before {
    content: "\f272"
}

i.icon.calendar.plus:before {
    content: "\f271"
}

i.icon.calendar.times:before {
    content: "\f273"
}

i.icon.camera:before {
    content: "\f030"
}

i.icon.camera.retro:before {
    content: "\f083"
}

i.icon.car:before {
    content: "\f1b9"
}

i.icon.caret.down:before {
    content: "\f0d7"
}

i.icon.caret.left:before {
    content: "\f0d9"
}

i.icon.caret.right:before {
    content: "\f0da"
}

i.icon.caret.square.down:before {
    content: "\f150"
}

i.icon.caret.square.left:before {
    content: "\f191"
}

i.icon.caret.square.right:before {
    content: "\f152"
}

i.icon.caret.square.up:before {
    content: "\f151"
}

i.icon.caret.up:before {
    content: "\f0d8"
}

i.icon.cart.arrow.down:before {
    content: "\f218"
}

i.icon.cart.plus:before {
    content: "\f217"
}

i.icon.cc.amazon.pay:before {
    content: "\f42d"
}

i.icon.cc.amex:before {
    content: "\f1f3"
}

i.icon.cc.apple.pay:before {
    content: "\f416"
}

i.icon.cc.diners.club:before {
    content: "\f24c"
}

i.icon.cc.discover:before {
    content: "\f1f2"
}

i.icon.cc.jcb:before {
    content: "\f24b"
}

i.icon.cc.mastercard:before {
    content: "\f1f1"
}

i.icon.cc.paypal:before {
    content: "\f1f4"
}

i.icon.cc.stripe:before {
    content: "\f1f5"
}

i.icon.cc.visa:before {
    content: "\f1f0"
}

i.icon.centercode:before {
    content: "\f380"
}

i.icon.certificate:before {
    content: "\f0a3"
}

i.icon.chart.area:before {
    content: "\f1fe"
}

i.icon.chart.bar:before {
    content: "\f080"
}

i.icon.chart.line:before {
    content: "\f201"
}

i.icon.chart.pie:before {
    content: "\f200"
}

i.icon.check:before {
    content: "\f00c"
}

i.icon.check.circle:before {
    content: "\f058"
}

i.icon.check.square:before {
    content: "\f14a"
}

i.icon.chess:before {
    content: "\f439"
}

i.icon.chess.bishop:before {
    content: "\f43a"
}

i.icon.chess.board:before {
    content: "\f43c"
}

i.icon.chess.king:before {
    content: "\f43f"
}

i.icon.chess.knight:before {
    content: "\f441"
}

i.icon.chess.pawn:before {
    content: "\f443"
}

i.icon.chess.queen:before {
    content: "\f445"
}

i.icon.chess.rook:before {
    content: "\f447"
}

i.icon.chevron.circle.down:before {
    content: "\f13a"
}

i.icon.chevron.circle.left:before {
    content: "\f137"
}

i.icon.chevron.circle.right:before {
    content: "\f138"
}

i.icon.chevron.circle.up:before {
    content: "\f139"
}

i.icon.chevron.down:before {
    content: "\f078"
}

i.icon.chevron.left:before {
    content: "\f053"
}

i.icon.chevron.right:before {
    content: "\f054"
}

i.icon.chevron.up:before {
    content: "\f077"
}

i.icon.child:before {
    content: "\f1ae"
}

i.icon.chrome:before {
    content: "\f268"
}

i.icon.circle:before {
    content: "\f111"
}

i.icon.circle.notch:before {
    content: "\f1ce"
}

i.icon.clipboard:before {
    content: "\f328"
}

i.icon.clipboard.check:before {
    content: "\f46c"
}

i.icon.clipboard.list:before {
    content: "\f46d"
}

i.icon.clock:before {
    content: "\f017"
}

i.icon.clone:before {
    content: "\f24d"
}

i.icon.closed.captioning:before {
    content: "\f20a"
}

i.icon.cloud:before {
    content: "\f0c2"
}

i.icon.cloudscale:before {
    content: "\f383"
}

i.icon.cloudsmith:before {
    content: "\f384"
}

i.icon.cloudversify:before {
    content: "\f385"
}

i.icon.code:before {
    content: "\f121"
}

i.icon.code.branch:before {
    content: "\f126"
}

i.icon.codepen:before {
    content: "\f1cb"
}

i.icon.codiepie:before {
    content: "\f284"
}

i.icon.coffee:before {
    content: "\f0f4"
}

i.icon.cog:before {
    content: "\f013"
}

i.icon.cogs:before {
    content: "\f085"
}

i.icon.columns:before {
    content: "\f0db"
}

i.icon.comment:before {
    content: "\f075"
}

i.icon.comment.alternate:before {
    content: "\f27a"
}

i.icon.comments:before {
    content: "\f086"
}

i.icon.compass:before {
    content: "\f14e"
}

i.icon.compress:before {
    content: "\f066"
}

i.icon.connectdevelop:before {
    content: "\f20e"
}

i.icon.contao:before {
    content: "\f26d"
}

i.icon.copy:before {
    content: "\f0c5"
}

i.icon.copyright:before {
    content: "\f1f9"
}

i.icon.cpanel:before {
    content: "\f388"
}

i.icon.creative.commons:before {
    content: "\f25e"
}

i.icon.credit.card:before {
    content: "\f09d"
}

i.icon.crop:before {
    content: "\f125"
}

i.icon.crosshairs:before {
    content: "\f05b"
}

i.icon.css3:before {
    content: "\f13c"
}

i.icon.css3.alternate:before {
    content: "\f38b"
}

i.icon.cube:before {
    content: "\f1b2"
}

i.icon.cubes:before {
    content: "\f1b3"
}

i.icon.cut:before {
    content: "\f0c4"
}

i.icon.cuttlefish:before {
    content: "\f38c"
}

i.icon.d.and.d:before {
    content: "\f38d"
}

i.icon.dashcube:before {
    content: "\f210"
}

i.icon.database:before {
    content: "\f1c0"
}

i.icon.deaf:before {
    content: "\f2a4"
}

i.icon.delicious:before {
    content: "\f1a5"
}

i.icon.deploydog:before {
    content: "\f38e"
}

i.icon.deskpro:before {
    content: "\f38f"
}

i.icon.desktop:before {
    content: "\f108"
}

i.icon.deviantart:before {
    content: "\f1bd"
}

i.icon.digg:before {
    content: "\f1a6"
}

i.icon.digital.ocean:before {
    content: "\f391"
}

i.icon.discord:before {
    content: "\f392"
}

i.icon.discourse:before {
    content: "\f393"
}

i.icon.dna:before {
    content: "\f471"
}

i.icon.dochub:before {
    content: "\f394"
}

i.icon.docker:before {
    content: "\f395"
}

i.icon.dollar.sign:before {
    content: "\f155"
}

i.icon.dolly:before {
    content: "\f472"
}

i.icon.dolly.flatbed:before {
    content: "\f474"
}

i.icon.dot.circle:before {
    content: "\f192"
}

i.icon.download:before {
    content: "\f019"
}

i.icon.draft2digital:before {
    content: "\f396"
}

i.icon.dribbble:before {
    content: "\f17d"
}

i.icon.dribbble.square:before {
    content: "\f397"
}

i.icon.dropbox:before {
    content: "\f16b"
}

i.icon.drupal:before {
    content: "\f1a9"
}

i.icon.dyalog:before {
    content: "\f399"
}

i.icon.earlybirds:before {
    content: "\f39a"
}

i.icon.edge:before {
    content: "\f282"
}

i.icon.edit:before {
    content: "\f044"
}

i.icon.eject:before {
    content: "\f052"
}

i.icon.elementor:before {
    content: "\f430"
}

i.icon.ellipsis.horizontal:before {
    content: "\f141"
}

i.icon.ellipsis.vertical:before {
    content: "\f142"
}

i.icon.ember:before {
    content: "\f423"
}

i.icon.empire:before {
    content: "\f1d1"
}

i.icon.envelope:before {
    content: "\f0e0"
}

i.icon.envelope.open:before {
    content: "\f2b6"
}

i.icon.envelope.square:before {
    content: "\f199"
}

i.icon.envira:before {
    content: "\f299"
}

i.icon.eraser:before {
    content: "\f12d"
}

i.icon.erlang:before {
    content: "\f39d"
}

i.icon.ethereum:before {
    content: "\f42e"
}

i.icon.etsy:before {
    content: "\f2d7"
}

i.icon.euro.sign:before {
    content: "\f153"
}

i.icon.exchange.alternate:before {
    content: "\f362"
}

i.icon.exclamation:before {
    content: "\f12a"
}

i.icon.exclamation.circle:before {
    content: "\f06a"
}

i.icon.exclamation.triangle:before {
    content: "\f071"
}

i.icon.expand:before {
    content: "\f065"
}

i.icon.expand.arrows.alternate:before {
    content: "\f31e"
}

i.icon.expeditedssl:before {
    content: "\f23e"
}

i.icon.external.alternate:before {
    content: "\f35d"
}

i.icon.external.square.alternate:before {
    content: "\f360"
}

i.icon.eye:before {
    content: "\f06e"
}

i.icon.eye.dropper:before {
    content: "\f1fb"
}

i.icon.eye.slash:before {
    content: "\f070"
}

i.icon.facebook:before {
    content: "\f09a"
}

i.icon.facebook.f:before {
    content: "\f39e"
}

i.icon.facebook.messenger:before {
    content: "\f39f"
}

i.icon.facebook.square:before {
    content: "\f082"
}

i.icon.fast.backward:before {
    content: "\f049"
}

i.icon.fast.forward:before {
    content: "\f050"
}

i.icon.fax:before {
    content: "\f1ac"
}

i.icon.female:before {
    content: "\f182"
}

i.icon.fighter.jet:before {
    content: "\f0fb"
}

i.icon.file:before {
    content: "\f15b"
}

i.icon.file.alternate:before {
    content: "\f15c"
}

i.icon.file.archive:before {
    content: "\f1c6"
}

i.icon.file.audio:before {
    content: "\f1c7"
}

i.icon.file.code:before {
    content: "\f1c9"
}

i.icon.file.excel:before {
    content: "\f1c3"
}

i.icon.file.image:before {
    content: "\f1c5"
}

i.icon.file.pdf:before {
    content: "\f1c1"
}

i.icon.file.powerpoint:before {
    content: "\f1c4"
}

i.icon.file.video:before {
    content: "\f1c8"
}

i.icon.file.word:before {
    content: "\f1c2"
}

i.icon.film:before {
    content: "\f008"
}

i.icon.filter:before {
    content: "\f0b0"
}

i.icon.fire:before {
    content: "\f06d"
}

i.icon.fire.extinguisher:before {
    content: "\f134"
}

i.icon.firefox:before {
    content: "\f269"
}

i.icon.first.aid:before {
    content: "\f479"
}

i.icon.first.order:before {
    content: "\f2b0"
}

i.icon.firstdraft:before {
    content: "\f3a1"
}

i.icon.flag:before {
    content: "\f024"
}

i.icon.flag.checkered:before {
    content: "\f11e"
}

i.icon.flask:before {
    content: "\f0c3"
}

i.icon.flickr:before {
    content: "\f16e"
}

i.icon.flipboard:before {
    content: "\f44d"
}

i.icon.fly:before {
    content: "\f417"
}

i.icon.folder:before {
    content: "\f07b"
}

i.icon.folder.open:before {
    content: "\f07c"
}

i.icon.font:before {
    content: "\f031"
}

i.icon.font.awesome:before {
    content: "\f2b4"
}

i.icon.font.awesome.alternate:before {
    content: "\f35c"
}

i.icon.font.awesome.flag:before {
    content: "\f425"
}

i.icon.fonticons:before {
    content: "\f280"
}

i.icon.fonticons.fi:before {
    content: "\f3a2"
}

i.icon.football.ball:before {
    content: "\f44e"
}

i.icon.fort.awesome:before {
    content: "\f286"
}

i.icon.fort.awesome.alternate:before {
    content: "\f3a3"
}

i.icon.forumbee:before {
    content: "\f211"
}

i.icon.forward:before {
    content: "\f04e"
}

i.icon.foursquare:before {
    content: "\f180"
}

i.icon.free.code.camp:before {
    content: "\f2c5"
}

i.icon.freebsd:before {
    content: "\f3a4"
}

i.icon.frown:before {
    content: "\f119"
}

i.icon.futbol:before {
    content: "\f1e3"
}

i.icon.gamepad:before {
    content: "\f11b"
}

i.icon.gavel:before {
    content: "\f0e3"
}

i.icon.gem:before {
    content: "\f3a5"
}

i.icon.genderless:before {
    content: "\f22d"
}

i.icon.get.pocket:before {
    content: "\f265"
}

i.icon.gg:before {
    content: "\f260"
}

i.icon.gg.circle:before {
    content: "\f261"
}

i.icon.gift:before {
    content: "\f06b"
}

i.icon.git:before {
    content: "\f1d3"
}

i.icon.git.square:before {
    content: "\f1d2"
}

i.icon.github:before {
    content: "\f09b"
}

i.icon.github.alternate:before {
    content: "\f113"
}

i.icon.github.square:before {
    content: "\f092"
}

i.icon.gitkraken:before {
    content: "\f3a6"
}

i.icon.gitlab:before {
    content: "\f296"
}

i.icon.gitter:before {
    content: "\f426"
}

i.icon.glass.martini:before {
    content: "\f000"
}

i.icon.glide:before {
    content: "\f2a5"
}

i.icon.glide.g:before {
    content: "\f2a6"
}

i.icon.globe:before {
    content: "\f0ac"
}

i.icon.gofore:before {
    content: "\f3a7"
}

i.icon.golf.ball:before {
    content: "\f450"
}

i.icon.goodreads:before {
    content: "\f3a8"
}

i.icon.goodreads.g:before {
    content: "\f3a9"
}

i.icon.google:before {
    content: "\f1a0"
}

i.icon.google.drive:before {
    content: "\f3aa"
}

i.icon.google.play:before {
    content: "\f3ab"
}

i.icon.google.plus:before {
    content: "\f2b3"
}

i.icon.google.plus.g:before {
    content: "\f0d5"
}

i.icon.google.plus.square:before {
    content: "\f0d4"
}

i.icon.google.wallet:before {
    content: "\f1ee"
}

i.icon.graduation.cap:before {
    content: "\f19d"
}

i.icon.gratipay:before {
    content: "\f184"
}

i.icon.grav:before {
    content: "\f2d6"
}

i.icon.gripfire:before {
    content: "\f3ac"
}

i.icon.grunt:before {
    content: "\f3ad"
}

i.icon.gulp:before {
    content: "\f3ae"
}

i.icon.h.square:before {
    content: "\f0fd"
}

i.icon.hacker.news:before {
    content: "\f1d4"
}

i.icon.hacker.news.square:before {
    content: "\f3af"
}

i.icon.hand.lizard:before {
    content: "\f258"
}

i.icon.hand.paper:before {
    content: "\f256"
}

i.icon.hand.peace:before {
    content: "\f25b"
}

i.icon.hand.point.down:before {
    content: "\f0a7"
}

i.icon.hand.point.left:before {
    content: "\f0a5"
}

i.icon.hand.point.right:before {
    content: "\f0a4"
}

i.icon.hand.point.up:before {
    content: "\f0a6"
}

i.icon.hand.pointer:before {
    content: "\f25a"
}

i.icon.hand.rock:before {
    content: "\f255"
}

i.icon.hand.scissors:before {
    content: "\f257"
}

i.icon.hand.spock:before {
    content: "\f259"
}

i.icon.handshake:before {
    content: "\f2b5"
}

i.icon.hashtag:before {
    content: "\f292"
}

i.icon.hdd:before {
    content: "\f0a0"
}

i.icon.heading:before {
    content: "\f1dc"
}

i.icon.headphones:before {
    content: "\f025"
}

i.icon.heart:before {
    content: "\f004"
}

i.icon.heartbeat:before {
    content: "\f21e"
}

i.icon.hips:before {
    content: "\f452"
}

i.icon.hire.a.helper:before {
    content: "\f3b0"
}

i.icon.history:before {
    content: "\f1da"
}

i.icon.hockey.puck:before {
    content: "\f453"
}

i.icon.home:before {
    content: "\f015"
}

i.icon.hooli:before {
    content: "\f427"
}

i.icon.hospital:before {
    content: "\f0f8"
}

i.icon.hospital.symbol:before {
    content: "\f47e"
}

i.icon.hotjar:before {
    content: "\f3b1"
}

i.icon.hourglass:before {
    content: "\f254"
}

i.icon.hourglass.end:before {
    content: "\f253"
}

i.icon.hourglass.half:before {
    content: "\f252"
}

i.icon.hourglass.start:before {
    content: "\f251"
}

i.icon.houzz:before {
    content: "\f27c"
}

i.icon.html5:before {
    content: "\f13b"
}

i.icon.hubspot:before {
    content: "\f3b2"
}

i.icon.i.cursor:before {
    content: "\f246"
}

i.icon.id.badge:before {
    content: "\f2c1"
}

i.icon.id.card:before {
    content: "\f2c2"
}

i.icon.image:before {
    content: "\f03e"
}

i.icon.images:before {
    content: "\f302"
}

i.icon.imdb:before {
    content: "\f2d8"
}

i.icon.inbox:before {
    content: "\f01c"
}

i.icon.indent:before {
    content: "\f03c"
}

i.icon.industry:before {
    content: "\f275"
}

i.icon.info:before {
    content: "\f129"
}

i.icon.info.circle:before {
    content: "\f05a"
}

i.icon.instagram:before {
    content: "\f16d"
}

i.icon.internet.explorer:before {
    content: "\f26b"
}

i.icon.ioxhost:before {
    content: "\f208"
}

i.icon.italic:before {
    content: "\f033"
}

i.icon.itunes:before {
    content: "\f3b4"
}

i.icon.itunes.note:before {
    content: "\f3b5"
}

i.icon.jenkins:before {
    content: "\f3b6"
}

i.icon.joget:before {
    content: "\f3b7"
}

i.icon.joomla:before {
    content: "\f1aa"
}

i.icon.js:before {
    content: "\f3b8"
}

i.icon.js.square:before {
    content: "\f3b9"
}

i.icon.jsfiddle:before {
    content: "\f1cc"
}

i.icon.key:before {
    content: "\f084"
}

i.icon.keyboard:before {
    content: "\f11c"
}

i.icon.keycdn:before {
    content: "\f3ba"
}

i.icon.kickstarter:before {
    content: "\f3bb"
}

i.icon.kickstarter.k:before {
    content: "\f3bc"
}

i.icon.korvue:before {
    content: "\f42f"
}

i.icon.language:before {
    content: "\f1ab"
}

i.icon.laptop:before {
    content: "\f109"
}

i.icon.laravel:before {
    content: "\f3bd"
}

i.icon.lastfm:before {
    content: "\f202"
}

i.icon.lastfm.square:before {
    content: "\f203"
}

i.icon.leaf:before {
    content: "\f06c"
}

i.icon.leanpub:before {
    content: "\f212"
}

i.icon.lemon:before {
    content: "\f094"
}

i.icon.less:before {
    content: "\f41d"
}

i.icon.level.down.alternate:before {
    content: "\f3be"
}

i.icon.level.up.alternate:before {
    content: "\f3bf"
}

i.icon.life.ring:before {
    content: "\f1cd"
}

i.icon.lightbulb:before {
    content: "\f0eb"
}

i.icon.linechat:before {
    content: "\f3c0"
}

i.icon.linkify:before {
    content: "\f0c1"
}

i.icon.linkedin:before {
    content: "\f08c"
}

i.icon.linkedin.in:before {
    content: "\f0e1"
}

i.icon.linode:before {
    content: "\f2b8"
}

i.icon.linux:before {
    content: "\f17c"
}

i.icon.lira.sign:before {
    content: "\f195"
}

i.icon.list:before {
    content: "\f03a"
}

i.icon.list.alternate:before {
    content: "\f022"
}

i.icon.list.ol:before {
    content: "\f0cb"
}

i.icon.list.ul:before {
    content: "\f0ca"
}

i.icon.location.arrow:before {
    content: "\f124"
}

i.icon.lock:before {
    content: "\f023"
}

i.icon.lock.open:before {
    content: "\f3c1"
}

i.icon.long.arrow.alternate.down:before {
    content: "\f309"
}

i.icon.long.arrow.alternate.left:before {
    content: "\f30a"
}

i.icon.long.arrow.alternate.right:before {
    content: "\f30b"
}

i.icon.long.arrow.alternate.up:before {
    content: "\f30c"
}

i.icon.low.vision:before {
    content: "\f2a8"
}

i.icon.lyft:before {
    content: "\f3c3"
}

i.icon.magento:before {
    content: "\f3c4"
}

i.icon.magic:before {
    content: "\f0d0"
}

i.icon.magnet:before {
    content: "\f076"
}

i.icon.male:before {
    content: "\f183"
}

i.icon.map:before {
    content: "\f279"
}

i.icon.map.marker:before {
    content: "\f041"
}

i.icon.map.marker.alternate:before {
    content: "\f3c5"
}

i.icon.map.pin:before {
    content: "\f276"
}

i.icon.map.signs:before {
    content: "\f277"
}

i.icon.mars:before {
    content: "\f222"
}

i.icon.mars.double:before {
    content: "\f227"
}

i.icon.mars.stroke:before {
    content: "\f229"
}

i.icon.mars.stroke.horizontal:before {
    content: "\f22b"
}

i.icon.mars.stroke.vertical:before {
    content: "\f22a"
}

i.icon.maxcdn:before {
    content: "\f136"
}

i.icon.medapps:before {
    content: "\f3c6"
}

i.icon.medium:before {
    content: "\f23a"
}

i.icon.medium.m:before {
    content: "\f3c7"
}

i.icon.medkit:before {
    content: "\f0fa"
}

i.icon.medrt:before {
    content: "\f3c8"
}

i.icon.meetup:before {
    content: "\f2e0"
}

i.icon.meh:before {
    content: "\f11a"
}

i.icon.mercury:before {
    content: "\f223"
}

i.icon.microchip:before {
    content: "\f2db"
}

i.icon.microphone:before {
    content: "\f130"
}

i.icon.microphone.slash:before {
    content: "\f131"
}

i.icon.microsoft:before {
    content: "\f3ca"
}

i.icon.minus:before {
    content: "\f068"
}

i.icon.minus.circle:before {
    content: "\f056"
}

i.icon.minus.square:before {
    content: "\f146"
}

i.icon.mix:before {
    content: "\f3cb"
}

i.icon.mixcloud:before {
    content: "\f289"
}

i.icon.mizuni:before {
    content: "\f3cc"
}

i.icon.mobile:before {
    content: "\f10b"
}

i.icon.mobile.alternate:before {
    content: "\f3cd"
}

i.icon.modx:before {
    content: "\f285"
}

i.icon.monero:before {
    content: "\f3d0"
}

i.icon.money.bill.alternate:before {
    content: "\f3d1"
}

i.icon.moon:before {
    content: "\f186"
}

i.icon.motorcycle:before {
    content: "\f21c"
}

i.icon.mouse.pointer:before {
    content: "\f245"
}

i.icon.music:before {
    content: "\f001"
}

i.icon.napster:before {
    content: "\f3d2"
}

i.icon.neuter:before {
    content: "\f22c"
}

i.icon.newspaper:before {
    content: "\f1ea"
}

i.icon.nintendo.switch:before {
    content: "\f418"
}

i.icon.node:before {
    content: "\f419"
}

i.icon.node.js:before {
    content: "\f3d3"
}

i.icon.npm:before {
    content: "\f3d4"
}

i.icon.ns8:before {
    content: "\f3d5"
}

i.icon.nutritionix:before {
    content: "\f3d6"
}

i.icon.object.group:before {
    content: "\f247"
}

i.icon.object.ungroup:before {
    content: "\f248"
}

i.icon.odnoklassniki:before {
    content: "\f263"
}

i.icon.odnoklassniki.square:before {
    content: "\f264"
}

i.icon.opencart:before {
    content: "\f23d"
}

i.icon.openid:before {
    content: "\f19b"
}

i.icon.opera:before {
    content: "\f26a"
}

i.icon.optin.monster:before {
    content: "\f23c"
}

i.icon.osi:before {
    content: "\f41a"
}

i.icon.outdent:before {
    content: "\f03b"
}

i.icon.page4:before {
    content: "\f3d7"
}

i.icon.pagelines:before {
    content: "\f18c"
}

i.icon.paint.brush:before {
    content: "\f1fc"
}

i.icon.palfed:before {
    content: "\f3d8"
}

i.icon.pallet:before {
    content: "\f482"
}

i.icon.paper.plane:before {
    content: "\f1d8"
}

i.icon.paperclip:before {
    content: "\f0c6"
}

i.icon.paragraph:before {
    content: "\f1dd"
}

i.icon.paste:before {
    content: "\f0ea"
}

i.icon.patreon:before {
    content: "\f3d9"
}

i.icon.pause:before {
    content: "\f04c"
}

i.icon.pause.circle:before {
    content: "\f28b"
}

i.icon.paw:before {
    content: "\f1b0"
}

i.icon.paypal:before {
    content: "\f1ed"
}

i.icon.pen.square:before {
    content: "\f14b"
}

i.icon.pencil.alternate:before {
    content: "\f303"
}

i.icon.percent:before {
    content: "\f295"
}

i.icon.periscope:before {
    content: "\f3da"
}

i.icon.phabricator:before {
    content: "\f3db"
}

i.icon.phoenix.framework:before {
    content: "\f3dc"
}

i.icon.phone:before {
    content: "\f095"
}

i.icon.phone.square:before {
    content: "\f098"
}

i.icon.phone.volume:before {
    content: "\f2a0"
}

i.icon.php:before {
    content: "\f457"
}

i.icon.pied.piper:before {
    content: "\f2ae"
}

i.icon.pied.piper.alternate:before {
    content: "\f1a8"
}

i.icon.pied.piper.pp:before {
    content: "\f1a7"
}

i.icon.pills:before {
    content: "\f484"
}

i.icon.pinterest:before {
    content: "\f0d2"
}

i.icon.pinterest.p:before {
    content: "\f231"
}

i.icon.pinterest.square:before {
    content: "\f0d3"
}

i.icon.plane:before {
    content: "\f072"
}

i.icon.play:before {
    content: "\f04b"
}

i.icon.play.circle:before {
    content: "\f144"
}

i.icon.playstation:before {
    content: "\f3df"
}

i.icon.plug:before {
    content: "\f1e6"
}

i.icon.plus:before {
    content: "\f067"
}

i.icon.plus.circle:before {
    content: "\f055"
}

i.icon.plus.square:before {
    content: "\f0fe"
}

i.icon.podcast:before {
    content: "\f2ce"
}

i.icon.pound.sign:before {
    content: "\f154"
}

i.icon.power.off:before {
    content: "\f011"
}

i.icon.print:before {
    content: "\f02f"
}

i.icon.product.hunt:before {
    content: "\f288"
}

i.icon.pushed:before {
    content: "\f3e1"
}

i.icon.puzzle.piece:before {
    content: "\f12e"
}

i.icon.python:before {
    content: "\f3e2"
}

i.icon.qq:before {
    content: "\f1d6"
}

i.icon.qrcode:before {
    content: "\f029"
}

i.icon.question:before {
    content: "\f128"
}

i.icon.question.circle:before {
    content: "\f059"
}

i.icon.quidditch:before {
    content: "\f458"
}

i.icon.quinscape:before {
    content: "\f459"
}

i.icon.quora:before {
    content: "\f2c4"
}

i.icon.quote.left:before {
    content: "\f10d"
}

i.icon.quote.right:before {
    content: "\f10e"
}

i.icon.random:before {
    content: "\f074"
}

i.icon.ravelry:before {
    content: "\f2d9"
}

i.icon.react:before {
    content: "\f41b"
}

i.icon.rebel:before {
    content: "\f1d0"
}

i.icon.recycle:before {
    content: "\f1b8"
}

i.icon.redriver:before {
    content: "\f3e3"
}

i.icon.reddit:before {
    content: "\f1a1"
}

i.icon.reddit.alien:before {
    content: "\f281"
}

i.icon.reddit.square:before {
    content: "\f1a2"
}

i.icon.redo:before {
    content: "\f01e"
}

i.icon.redo.alternate:before {
    content: "\f2f9"
}

i.icon.registered:before {
    content: "\f25d"
}

i.icon.rendact:before {
    content: "\f3e4"
}

i.icon.renren:before {
    content: "\f18b"
}

i.icon.reply:before {
    content: "\f3e5"
}

i.icon.reply.all:before {
    content: "\f122"
}

i.icon.replyd:before {
    content: "\f3e6"
}

i.icon.resolving:before {
    content: "\f3e7"
}

i.icon.retweet:before {
    content: "\f079"
}

i.icon.road:before {
    content: "\f018"
}

i.icon.rocket:before {
    content: "\f135"
}

i.icon.rocketchat:before {
    content: "\f3e8"
}

i.icon.rockrms:before {
    content: "\f3e9"
}

i.icon.rss:before {
    content: "\f09e"
}

i.icon.rss.square:before {
    content: "\f143"
}

i.icon.ruble.sign:before {
    content: "\f158"
}

i.icon.rupee.sign:before {
    content: "\f156"
}

i.icon.safari:before {
    content: "\f267"
}

i.icon.sass:before {
    content: "\f41e"
}

i.icon.save:before {
    content: "\f0c7"
}

i.icon.schlix:before {
    content: "\f3ea"
}

i.icon.scribd:before {
    content: "\f28a"
}

i.icon.search:before {
    content: "\f002"
}

i.icon.search.minus:before {
    content: "\f010"
}

i.icon.search.plus:before {
    content: "\f00e"
}

i.icon.searchengin:before {
    content: "\f3eb"
}

i.icon.sellcast:before {
    content: "\f2da"
}

i.icon.sellsy:before {
    content: "\f213"
}

i.icon.server:before {
    content: "\f233"
}

i.icon.servicestack:before {
    content: "\f3ec"
}

i.icon.share:before {
    content: "\f064"
}

i.icon.share.alternate:before {
    content: "\f1e0"
}

i.icon.share.alternate.square:before {
    content: "\f1e1"
}

i.icon.share.square:before {
    content: "\f14d"
}

i.icon.shekel.sign:before {
    content: "\f20b"
}

i.icon.shield.alternate:before {
    content: "\f3ed"
}

i.icon.ship:before {
    content: "\f21a"
}

i.icon.shipping.fast:before {
    content: "\f48b"
}

i.icon.shirtsinbulk:before {
    content: "\f214"
}

i.icon.shopping.bag:before {
    content: "\f290"
}

i.icon.shopping.basket:before {
    content: "\f291"
}

i.icon.shopping.cart:before {
    content: "\f07a"
}

i.icon.shower:before {
    content: "\f2cc"
}

i.icon.sign.in.alternate:before {
    content: "\f2f6"
}

i.icon.sign.language:before {
    content: "\f2a7"
}

i.icon.sign.out.alternate:before {
    content: "\f2f5"
}

i.icon.signal:before {
    content: "\f012"
}

i.icon.simplybuilt:before {
    content: "\f215"
}

i.icon.sistrix:before {
    content: "\f3ee"
}

i.icon.sitemap:before {
    content: "\f0e8"
}

i.icon.skyatlas:before {
    content: "\f216"
}

i.icon.skype:before {
    content: "\f17e"
}

i.icon.slack:before {
    content: "\f198"
}

i.icon.slack.hash:before {
    content: "\f3ef"
}

i.icon.sliders.horizontal:before {
    content: "\f1de"
}

i.icon.slideshare:before {
    content: "\f1e7"
}

i.icon.smile:before {
    content: "\f118"
}

i.icon.snapchat:before {
    content: "\f2ab"
}

i.icon.snapchat.ghost:before {
    content: "\f2ac"
}

i.icon.snapchat.square:before {
    content: "\f2ad"
}

i.icon.snowflake:before {
    content: "\f2dc"
}

i.icon.sort:before {
    content: "\f0dc"
}

i.icon.sort.alphabet.down:before {
    content: "\f15d"
}

i.icon.sort.alphabet.up:before {
    content: "\f15e"
}

i.icon.sort.amount.down:before {
    content: "\f160"
}

i.icon.sort.amount.up:before {
    content: "\f161"
}

i.icon.sort.down:before {
    content: "\f0dd"
}

i.icon.sort.numeric.down:before {
    content: "\f162"
}

i.icon.sort.numeric.up:before {
    content: "\f163"
}

i.icon.sort.up:before {
    content: "\f0de"
}

i.icon.soundcloud:before {
    content: "\f1be"
}

i.icon.space.shuttle:before {
    content: "\f197"
}

i.icon.speakap:before {
    content: "\f3f3"
}

i.icon.spinner:before {
    content: "\f110"
}

i.icon.spotify:before {
    content: "\f1bc"
}

i.icon.square:before {
    content: "\f0c8"
}

i.icon.square.full:before {
    content: "\f45c"
}

i.icon.stack.exchange:before {
    content: "\f18d"
}

i.icon.stack.overflow:before {
    content: "\f16c"
}

i.icon.star:before {
    content: "\f005"
}

i.icon.star.half:before {
    content: "\f089"
}

i.icon.staylinked:before {
    content: "\f3f5"
}

i.icon.steam:before {
    content: "\f1b6"
}

i.icon.steam.square:before {
    content: "\f1b7"
}

i.icon.steam.symbol:before {
    content: "\f3f6"
}

i.icon.step.backward:before {
    content: "\f048"
}

i.icon.step.forward:before {
    content: "\f051"
}

i.icon.stethoscope:before {
    content: "\f0f1"
}

i.icon.sticker.mule:before {
    content: "\f3f7"
}

i.icon.sticky.note:before {
    content: "\f249"
}

i.icon.stop:before {
    content: "\f04d"
}

i.icon.stop.circle:before {
    content: "\f28d"
}

i.icon.stopwatch:before {
    content: "\f2f2"
}

i.icon.strava:before {
    content: "\f428"
}

i.icon.street.view:before {
    content: "\f21d"
}

i.icon.strikethrough:before {
    content: "\f0cc"
}

i.icon.stripe:before {
    content: "\f429"
}

i.icon.stripe.s:before {
    content: "\f42a"
}

i.icon.studiovinari:before {
    content: "\f3f8"
}

i.icon.stumbleupon:before {
    content: "\f1a4"
}

i.icon.stumbleupon.circle:before {
    content: "\f1a3"
}

i.icon.subscript:before {
    content: "\f12c"
}

i.icon.subway:before {
    content: "\f239"
}

i.icon.suitcase:before {
    content: "\f0f2"
}

i.icon.sun:before {
    content: "\f185"
}

i.icon.superpowers:before {
    content: "\f2dd"
}

i.icon.superscript:before {
    content: "\f12b"
}

i.icon.supple:before {
    content: "\f3f9"
}

i.icon.sync:before {
    content: "\f021"
}

i.icon.sync.alternate:before {
    content: "\f2f1"
}

i.icon.syringe:before {
    content: "\f48e"
}

i.icon.table:before {
    content: "\f0ce"
}

i.icon.table.tennis:before {
    content: "\f45d"
}

i.icon.tablet:before {
    content: "\f10a"
}

i.icon.tablet.alternate:before {
    content: "\f3fa"
}

i.icon.tachometer.alternate:before {
    content: "\f3fd"
}

i.icon.tag:before {
    content: "\f02b"
}

i.icon.tags:before {
    content: "\f02c"
}

i.icon.tasks:before {
    content: "\f0ae"
}

i.icon.taxi:before {
    content: "\f1ba"
}

i.icon.telegram:before {
    content: "\f2c6"
}

i.icon.telegram.plane:before {
    content: "\f3fe"
}

i.icon.tencent.weibo:before {
    content: "\f1d5"
}

i.icon.terminal:before {
    content: "\f120"
}

i.icon.text.height:before {
    content: "\f034"
}

i.icon.text.width:before {
    content: "\f035"
}

i.icon.th:before {
    content: "\f00a"
}

i.icon.th.large:before {
    content: "\f009"
}

i.icon.th.list:before {
    content: "\f00b"
}

i.icon.themeisle:before {
    content: "\f2b2"
}

i.icon.thermometer:before {
    content: "\f491"
}

i.icon.thermometer.empty:before {
    content: "\f2cb"
}

i.icon.thermometer.full:before {
    content: "\f2c7"
}

i.icon.thermometer.half:before {
    content: "\f2c9"
}

i.icon.thermometer.quarter:before {
    content: "\f2ca"
}

i.icon.thermometer.three.quarters:before {
    content: "\f2c8"
}

i.icon.thumbs.down:before {
    content: "\f165"
}

i.icon.thumbs.up:before {
    content: "\f164"
}

i.icon.thumbtack:before {
    content: "\f08d"
}

i.icon.ticket.alternate:before {
    content: "\f3ff"
}

i.icon.times:before {
    content: "\f00d"
}

i.icon.times.circle:before {
    content: "\f057"
}

i.icon.tint:before {
    content: "\f043"
}

i.icon.toggle.off:before {
    content: "\f204"
}

i.icon.toggle.on:before {
    content: "\f205"
}

i.icon.trademark:before {
    content: "\f25c"
}

i.icon.train:before {
    content: "\f238"
}

i.icon.transgender:before {
    content: "\f224"
}

i.icon.transgender.alternate:before {
    content: "\f225"
}

i.icon.trash:before {
    content: "\f1f8"
}

i.icon.trash.alternate:before {
    content: "\f2ed"
}

i.icon.tree:before {
    content: "\f1bb"
}

i.icon.trello:before {
    content: "\f181"
}

i.icon.tripadvisor:before {
    content: "\f262"
}

i.icon.trophy:before {
    content: "\f091"
}

i.icon.truck:before {
    content: "\f0d1"
}

i.icon.tty:before {
    content: "\f1e4"
}

i.icon.tumblr:before {
    content: "\f173"
}

i.icon.tumblr.square:before {
    content: "\f174"
}

i.icon.tv:before {
    content: "\f26c"
}

i.icon.twitch:before {
    content: "\f1e8"
}

i.icon.twitter:before {
    content: "\f099"
}

i.icon.twitter.square:before {
    content: "\f081"
}

i.icon.typo3:before {
    content: "\f42b"
}

i.icon.uber:before {
    content: "\f402"
}

i.icon.uikit:before {
    content: "\f403"
}

i.icon.umbrella:before {
    content: "\f0e9"
}

i.icon.underline:before {
    content: "\f0cd"
}

i.icon.undo:before {
    content: "\f0e2"
}

i.icon.undo.alternate:before {
    content: "\f2ea"
}

i.icon.uniregistry:before {
    content: "\f404"
}

i.icon.universal.access:before {
    content: "\f29a"
}

i.icon.university:before {
    content: "\f19c"
}

i.icon.unlink:before {
    content: "\f127"
}

i.icon.unlock:before {
    content: "\f09c"
}

i.icon.unlock.alternate:before {
    content: "\f13e"
}

i.icon.untappd:before {
    content: "\f405"
}

i.icon.upload:before {
    content: "\f093"
}

i.icon.usb:before {
    content: "\f287"
}

i.icon.user:before {
    content: "\f007"
}

i.icon.user.circle:before {
    content: "\f2bd"
}

i.icon.user.md:before {
    content: "\f0f0"
}

i.icon.user.plus:before {
    content: "\f234"
}

i.icon.user.secret:before {
    content: "\f21b"
}

i.icon.user.times:before {
    content: "\f235"
}

i.icon.users:before {
    content: "\f0c0"
}

i.icon.ussunnah:before {
    content: "\f407"
}

i.icon.utensil.spoon:before {
    content: "\f2e5"
}

i.icon.utensils:before {
    content: "\f2e7"
}

i.icon.vaadin:before {
    content: "\f408"
}

i.icon.venus:before {
    content: "\f221"
}

i.icon.venus.double:before {
    content: "\f226"
}

i.icon.venus.mars:before {
    content: "\f228"
}

i.icon.viacoin:before {
    content: "\f237"
}

i.icon.viadeo:before {
    content: "\f2a9"
}

i.icon.viadeo.square:before {
    content: "\f2aa"
}

i.icon.viber:before {
    content: "\f409"
}

i.icon.video:before {
    content: "\f03d"
}

i.icon.vimeo:before {
    content: "\f40a"
}

i.icon.vimeo.square:before {
    content: "\f194"
}

i.icon.vimeo.v:before {
    content: "\f27d"
}

i.icon.vine:before {
    content: "\f1ca"
}

i.icon.vk:before {
    content: "\f189"
}

i.icon.vnv:before {
    content: "\f40b"
}

i.icon.volleyball.ball:before {
    content: "\f45f"
}

i.icon.volume.down:before {
    content: "\f027"
}

i.icon.volume.off:before {
    content: "\f026"
}

i.icon.volume.up:before {
    content: "\f028"
}

i.icon.vuejs:before {
    content: "\f41f"
}

i.icon.warehouse:before {
    content: "\f494"
}

i.icon.weibo:before {
    content: "\f18a"
}

i.icon.weight:before {
    content: "\f496"
}

i.icon.weixin:before {
    content: "\f1d7"
}

i.icon.whatsapp:before {
    content: "\f232"
}

i.icon.whatsapp.square:before {
    content: "\f40c"
}

i.icon.wheelchair:before {
    content: "\f193"
}

i.icon.whmcs:before {
    content: "\f40d"
}

i.icon.wifi:before {
    content: "\f1eb"
}

i.icon.wikipedia.w:before {
    content: "\f266"
}

i.icon.window.close:before {
    content: "\f410"
}

i.icon.window.maximize:before {
    content: "\f2d0"
}

i.icon.window.minimize:before {
    content: "\f2d1"
}

i.icon.window.restore:before {
    content: "\f2d2"
}

i.icon.windows:before {
    content: "\f17a"
}

i.icon.won.sign:before {
    content: "\f159"
}

i.icon.wordpress:before {
    content: "\f19a"
}

i.icon.wordpress.simple:before {
    content: "\f411"
}

i.icon.wpbeginner:before {
    content: "\f297"
}

i.icon.wpexplorer:before {
    content: "\f2de"
}

i.icon.wpforms:before {
    content: "\f298"
}

i.icon.wrench:before {
    content: "\f0ad"
}

i.icon.xbox:before {
    content: "\f412"
}

i.icon.xing:before {
    content: "\f168"
}

i.icon.xing.square:before {
    content: "\f169"
}

i.icon.y.combinator:before {
    content: "\f23b"
}

i.icon.yahoo:before {
    content: "\f19e"
}

i.icon.yandex:before {
    content: "\f413"
}

i.icon.yandex.international:before {
    content: "\f414"
}

i.icon.yelp:before {
    content: "\f1e9"
}

i.icon.yen.sign:before {
    content: "\f157"
}

i.icon.yoast:before {
    content: "\f2b1"
}

i.icon.youtube:before {
    content: "\f167"
}

i.icon.youtube.square:before {
    content: "\f431"
}

i.icon.chess.rock:before {
    content: "\f447"
}

i.icon.ordered.list:before {
    content: "\f0cb"
}

i.icon.unordered.list:before {
    content: "\f0ca"
}

i.icon.user.doctor:before {
    content: "\f0f0"
}

i.icon.shield:before {
    content: "\f3ed"
}

i.icon.puzzle:before {
    content: "\f12e"
}

i.icon.credit.card.amazon.pay:before {
    content: "\f42d"
}

i.icon.credit.card.american.express:before {
    content: "\f1f3"
}

i.icon.credit.card.diners.club:before {
    content: "\f24c"
}

i.icon.credit.card.discover:before {
    content: "\f1f2"
}

i.icon.credit.card.jcb:before {
    content: "\f24b"
}

i.icon.credit.card.mastercard:before {
    content: "\f1f1"
}

i.icon.credit.card.paypal:before {
    content: "\f1f4"
}

i.icon.credit.card.stripe:before {
    content: "\f1f5"
}

i.icon.credit.card.visa:before {
    content: "\f1f0"
}

i.icon.add.circle:before {
    content: "\f055"
}

i.icon.add.square:before {
    content: "\f0fe"
}

i.icon.add.to.calendar:before {
    content: "\f271"
}

i.icon.add.to.cart:before {
    content: "\f217"
}

i.icon.add.user:before {
    content: "\f234"
}

i.icon.add:before {
    content: "\f067"
}

i.icon.alarm.mute:before {
    content: "\f1f6"
}

i.icon.alarm:before {
    content: "\f0f3"
}

i.icon.ald:before {
    content: "\f2a2"
}

i.icon.als:before {
    content: "\f2a2"
}

i.icon.american.express.card:before {
    content: "\f1f3"
}

i.icon.american.express:before {
    content: "\f1f3"
}

i.icon.amex:before {
    content: "\f1f3"
}

i.icon.announcement:before {
    content: "\f0a1"
}

i.icon.area.chart:before {
    content: "\f1fe"
}

i.icon.area.graph:before {
    content: "\f1fe"
}

i.icon.arrow.down.cart:before {
    content: "\f218"
}

i.icon.asexual:before {
    content: "\f22d"
}

i.icon.asl.interpreting:before {
    content: "\f2a3"
}

i.icon.asl:before {
    content: "\f2a3"
}

i.icon.assistive.listening.devices:before {
    content: "\f2a2"
}

i.icon.attach:before {
    content: "\f0c6"
}

i.icon.attention:before {
    content: "\f06a"
}

i.icon.balance:before {
    content: "\f24e"
}

i.icon.bar:before {
    content: "\f0fc"
}

i.icon.bathtub:before {
    content: "\f2cd"
}

i.icon.battery.four:before {
    content: "\f240"
}

i.icon.battery.high:before {
    content: "\f241"
}

i.icon.battery.low:before {
    content: "\f243"
}

i.icon.battery.medium:before {
    content: "\f242"
}

i.icon.battery.one:before {
    content: "\f243"
}

i.icon.battery.three:before {
    content: "\f241"
}

i.icon.battery.two:before {
    content: "\f242"
}

i.icon.battery.zero:before {
    content: "\f244"
}

i.icon.birthday:before {
    content: "\f1fd"
}

i.icon.block.layout:before {
    content: "\f009"
}

i.icon.bluetooth.alternative:before {
    content: "\f294"
}

i.icon.broken.chain:before {
    content: "\f127"
}

i.icon.browser:before {
    content: "\f022"
}

i.icon.call.square:before {
    content: "\f098"
}

i.icon.call:before {
    content: "\f095"
}

i.icon.cancel:before {
    content: "\f00d"
}

i.icon.cart:before {
    content: "\f07a"
}

i.icon.cc:before {
    content: "\f20a"
}

i.icon.chain:before {
    content: "\f0c1"
}

i.icon.chat:before {
    content: "\f075"
}

i.icon.checked.calendar:before {
    content: "\f274"
}

i.icon.checkmark:before {
    content: "\f00c"
}

i.icon.circle.notched:before {
    content: "\f1ce"
}

i.icon.close:before {
    content: "\f00d"
}

i.icon.cny:before {
    content: "\f157"
}

i.icon.cocktail:before {
    content: "\f000"
}

i.icon.commenting:before {
    content: "\f27a"
}

i.icon.computer:before {
    content: "\f108"
}

i.icon.configure:before {
    content: "\f0ad"
}

i.icon.content:before {
    content: "\f0c9"
}

i.icon.deafness:before {
    content: "\f2a4"
}

i.icon.delete.calendar:before {
    content: "\f273"
}

i.icon.delete:before {
    content: "\f00d"
}

i.icon.detective:before {
    content: "\f21b"
}

i.icon.diners.club.card:before {
    content: "\f24c"
}

i.icon.diners.club:before {
    content: "\f24c"
}

i.icon.discover.card:before {
    content: "\f1f2"
}

i.icon.discover:before {
    content: "\f1f2"
}

i.icon.discussions:before {
    content: "\f086"
}

i.icon.doctor:before {
    content: "\f0f0"
}

i.icon.dollar:before {
    content: "\f155"
}

i.icon.dont:before {
    content: "\f05e"
}

i.icon.dribble:before {
    content: "\f17d"
}

i.icon.drivers.license:before {
    content: "\f2c2"
}

i.icon.dropdown:before {
    content: "\f0d7"
}

i.icon.eercast:before {
    content: "\f2da"
}

i.icon.emergency:before {
    content: "\f0f9"
}

i.icon.envira.gallery:before {
    content: "\f299"
}

i.icon.erase:before {
    content: "\f12d"
}

i.icon.eur:before {
    content: "\f153"
}

i.icon.euro:before {
    content: "\f153"
}

i.icon.eyedropper:before {
    content: "\f1fb"
}

i.icon.fa:before {
    content: "\f2b4"
}

i.icon.factory:before {
    content: "\f275"
}

i.icon.favorite:before {
    content: "\f005"
}

i.icon.feed:before {
    content: "\f09e"
}

i.icon.female.homosexual:before {
    content: "\f226"
}

i.icon.file.text:before {
    content: "\f15c"
}

i.icon.find:before {
    content: "\f1e5"
}

i.icon.first.aid:before {
    content: "\f0fa"
}

i.icon.five.hundred.pixels:before {
    content: "\f26e"
}

i.icon.fork:before {
    content: "\f126"
}

i.icon.game:before {
    content: "\f11b"
}

i.icon.gay:before {
    content: "\f227"
}

i.icon.gbp:before {
    content: "\f154"
}

i.icon.gittip:before {
    content: "\f184"
}

i.icon.google.plus.circle:before {
    content: "\f2b3"
}

i.icon.google.plus.official:before {
    content: "\f2b3"
}

i.icon.grab:before {
    content: "\f255"
}

i.icon.graduation:before {
    content: "\f19d"
}

i.icon.grid.layout:before {
    content: "\f00a"
}

i.icon.group:before {
    content: "\f0c0"
}

i.icon.h:before {
    content: "\f0fd"
}

i.icon.hand.victory:before {
    content: "\f25b"
}

i.icon.handicap:before {
    content: "\f193"
}

i.icon.hard.of.hearing:before {
    content: "\f2a4"
}

i.icon.header:before {
    content: "\f1dc"
}

i.icon.help.circle:before {
    content: "\f059"
}

i.icon.help:before {
    content: "\f128"
}

i.icon.heterosexual:before {
    content: "\f228"
}

i.icon.hide:before {
    content: "\f070"
}

i.icon.hotel:before {
    content: "\f236"
}

i.icon.hourglass.four:before {
    content: "\f254"
}

i.icon.hourglass.full:before {
    content: "\f254"
}

i.icon.hourglass.one:before {
    content: "\f251"
}

i.icon.hourglass.three:before {
    content: "\f253"
}

i.icon.hourglass.two:before {
    content: "\f252"
}

i.icon.idea:before {
    content: "\f0eb"
}

i.icon.ils:before {
    content: "\f20b"
}

i.icon.in.cart:before {
    content: "\f218"
}

i.icon.inr:before {
    content: "\f156"
}

i.icon.intergender:before {
    content: "\f224"
}

i.icon.intersex:before {
    content: "\f224"
}

i.icon.japan.credit.bureau.card:before {
    content: "\f24b"
}

i.icon.japan.credit.bureau:before {
    content: "\f24b"
}

i.icon.jcb:before {
    content: "\f24b"
}

i.icon.jpy:before {
    content: "\f157"
}

i.icon.krw:before {
    content: "\f159"
}

i.icon.lab:before {
    content: "\f0c3"
}

i.icon.law:before {
    content: "\f24e"
}

i.icon.legal:before {
    content: "\f0e3"
}

i.icon.lesbian:before {
    content: "\f226"
}

i.icon.lightning:before {
    content: "\f0e7"
}

i.icon.like:before {
    content: "\f004"
}

i.icon.line.graph:before {
    content: "\f201"
}

i.icon.linkedin.square:before {
    content: "\f08c"
}

i.icon.linkify:before {
    content: "\f0c1"
}

i.icon.lira:before {
    content: "\f195"
}

i.icon.list.layout:before {
    content: "\f00b"
}

i.icon.magnify:before {
    content: "\f00e"
}

i.icon.mail.forward:before {
    content: "\f064"
}

i.icon.mail.square:before {
    content: "\f199"
}

i.icon.mail:before {
    content: "\f0e0"
}

i.icon.male.homosexual:before {
    content: "\f227"
}

i.icon.man:before {
    content: "\f222"
}

i.icon.marker:before {
    content: "\f041"
}

i.icon.mars.alternate:before {
    content: "\f229"
}

i.icon.mars.horizontal:before {
    content: "\f22b"
}

i.icon.mars.vertical:before {
    content: "\f22a"
}

i.icon.mastercard.card:before {
    content: "\f1f1"
}

i.icon.mastercard:before {
    content: "\f1f1"
}

i.icon.microsoft.edge:before {
    content: "\f282"
}

i.icon.military:before {
    content: "\f0fb"
}

i.icon.ms.edge:before {
    content: "\f282"
}

i.icon.mute:before {
    content: "\f131"
}

i.icon.new.pied.piper:before {
    content: "\f2ae"
}

i.icon.non.binary.transgender:before {
    content: "\f223"
}

i.icon.numbered.list:before {
    content: "\f0cb"
}

i.icon.optinmonster:before {
    content: "\f23c"
}

i.icon.options:before {
    content: "\f1de"
}

i.icon.other.gender.horizontal:before {
    content: "\f22b"
}

i.icon.other.gender.vertical:before {
    content: "\f22a"
}

i.icon.other.gender:before {
    content: "\f229"
}

i.icon.payment:before {
    content: "\f09d"
}

i.icon.paypal.card:before {
    content: "\f1f4"
}

i.icon.pencil.square:before {
    content: "\f14b"
}

i.icon.photo:before {
    content: "\f030"
}

i.icon.picture:before {
    content: "\f03e"
}

i.icon.pie.chart:before {
    content: "\f200"
}

i.icon.pie.graph:before {
    content: "\f200"
}

i.icon.pied.piper.hat:before {
    content: "\f2ae"
}

i.icon.pin:before {
    content: "\f08d"
}

i.icon.plus.cart:before {
    content: "\f217"
}

i.icon.pocket:before {
    content: "\f265"
}

i.icon.point:before {
    content: "\f041"
}

i.icon.pointing.down:before {
    content: "\f0a7"
}

i.icon.pointing.left:before {
    content: "\f0a5"
}

i.icon.pointing.right:before {
    content: "\f0a4"
}

i.icon.pointing.up:before {
    content: "\f0a6"
}

i.icon.pound:before {
    content: "\f154"
}

i.icon.power.cord:before {
    content: "\f1e6"
}

i.icon.power:before {
    content: "\f011"
}

i.icon.privacy:before {
    content: "\f084"
}

i.icon.r.circle:before {
    content: "\f25d"
}

i.icon.rain:before {
    content: "\f0e9"
}

i.icon.record:before {
    content: "\f03d"
}

i.icon.refresh:before {
    content: "\f021"
}

i.icon.remove.circle:before {
    content: "\f057"
}

i.icon.remove.from.calendar:before {
    content: "\f272"
}

i.icon.remove.user:before {
    content: "\f235"
}

i.icon.remove:before {
    content: "\f00d"
}

i.icon.repeat:before {
    content: "\f01e"
}

i.icon.rmb:before {
    content: "\f157"
}

i.icon.rouble:before {
    content: "\f158"
}

i.icon.rub:before {
    content: "\f158"
}

i.icon.ruble:before {
    content: "\f158"
}

i.icon.rupee:before {
    content: "\f156"
}

i.icon.s15:before {
    content: "\f2cd"
}

i.icon.selected.radio:before {
    content: "\f192"
}

i.icon.send:before {
    content: "\f1d8"
}

i.icon.setting:before {
    content: "\f013"
}

i.icon.settings:before {
    content: "\f085"
}

i.icon.shekel:before {
    content: "\f20b"
}

i.icon.sheqel:before {
    content: "\f20b"
}

i.icon.shipping:before {
    content: "\f0d1"
}

i.icon.shop:before {
    content: "\f07a"
}

i.icon.shuffle:before {
    content: "\f074"
}

i.icon.shutdown:before {
    content: "\f011"
}

i.icon.sidebar:before {
    content: "\f0c9"
}

i.icon.signing:before {
    content: "\f2a7"
}

i.icon.signup:before {
    content: "\f044"
}

i.icon.sliders:before {
    content: "\f1de"
}

i.icon.soccer:before {
    content: "\f1e3"
}

i.icon.sort.alphabet.ascending:before {
    content: "\f15d"
}

i.icon.sort.alphabet.descending:before {
    content: "\f15e"
}

i.icon.sort.ascending:before {
    content: "\f0de"
}

i.icon.sort.content.ascending:before {
    content: "\f160"
}

i.icon.sort.content.descending:before {
    content: "\f161"
}

i.icon.sort.descending:before {
    content: "\f0dd"
}

i.icon.sort.numeric.ascending:before {
    content: "\f162"
}

i.icon.sort.numeric.descending:before {
    content: "\f163"
}

i.icon.sound:before {
    content: "\f025"
}

i.icon.spy:before {
    content: "\f21b"
}

i.icon.stripe.card:before {
    content: "\f1f5"
}

i.icon.student:before {
    content: "\f19d"
}

i.icon.talk:before {
    content: "\f27a"
}

i.icon.target:before {
    content: "\f140"
}

i.icon.teletype:before {
    content: "\f1e4"
}

i.icon.television:before {
    content: "\f26c"
}

i.icon.text.cursor:before {
    content: "\f246"
}

i.icon.text.telephone:before {
    content: "\f1e4"
}

i.icon.theme.isle:before {
    content: "\f2b2"
}

i.icon.theme:before {
    content: "\f043"
}

i.icon.thermometer:before {
    content: "\f2c7"
}

i.icon.thumb.tack:before {
    content: "\f08d"
}

i.icon.time:before {
    content: "\f017"
}

i.icon.tm:before {
    content: "\f25c"
}

i.icon.toggle.down:before {
    content: "\f150"
}

i.icon.toggle.left:before {
    content: "\f191"
}

i.icon.toggle.right:before {
    content: "\f152"
}

i.icon.toggle.up:before {
    content: "\f151"
}

i.icon.translate:before {
    content: "\f1ab"
}

i.icon.travel:before {
    content: "\f0b1"
}

i.icon.treatment:before {
    content: "\f0f1"
}

i.icon.triangle.down:before {
    content: "\f0d7"
}

i.icon.triangle.left:before {
    content: "\f0d9"
}

i.icon.triangle.right:before {
    content: "\f0da"
}

i.icon.triangle.up:before {
    content: "\f0d8"
}

i.icon.try:before {
    content: "\f195"
}

i.icon.unhide:before {
    content: "\f06e"
}

i.icon.unlinkify:before {
    content: "\f127"
}

i.icon.unmute:before {
    content: "\f130"
}

i.icon.usd:before {
    content: "\f155"
}

i.icon.user.cancel:before {
    content: "\f235"
}

i.icon.user.close:before {
    content: "\f235"
}

i.icon.user.delete:before {
    content: "\f235"
}

i.icon.user.x:before {
    content: "\f235"
}

i.icon.vcard:before {
    content: "\f2bb"
}

i.icon.video.camera:before {
    content: "\f03d"
}

i.icon.video.play:before {
    content: "\f144"
}

i.icon.visa.card:before {
    content: "\f1f0"
}

i.icon.visa:before {
    content: "\f1f0"
}

i.icon.volume.control.phone:before {
    content: "\f2a0"
}

i.icon.wait:before {
    content: "\f017"
}

i.icon.warning.circle:before {
    content: "\f06a"
}

i.icon.warning.sign:before {
    content: "\f071"
}

i.icon.warning:before {
    content: "\f12a"
}

i.icon.wechat:before {
    content: "\f1d7"
}

i.icon.wi-fi:before {
    content: "\f1eb"
}

i.icon.wikipedia:before {
    content: "\f266"
}

i.icon.winner:before {
    content: "\f091"
}

i.icon.wizard:before {
    content: "\f0d0"
}

i.icon.woman:before {
    content: "\f221"
}

i.icon.won:before {
    content: "\f159"
}

i.icon.wordpress.beginner:before {
    content: "\f297"
}

i.icon.wordpress.forms:before {
    content: "\f298"
}

i.icon.world:before {
    content: "\f0ac"
}

i.icon.write.square:before {
    content: "\f14b"
}

i.icon.x:before {
    content: "\f00d"
}

i.icon.yc:before {
    content: "\f23b"
}

i.icon.ycombinator:before {
    content: "\f23b"
}

i.icon.yen:before {
    content: "\f157"
}

i.icon.zip:before {
    content: "\f187"
}

i.icon.zoom.in:before {
    content: "\f00e"
}

i.icon.zoom.out:before {
    content: "\f010"
}

i.icon.zoom:before {
    content: "\f00e"
}

i.icon.bitbucket.square:before {
    content: "\f171"
}

i.icon.checkmark.box:before {
    content: "\f14a"
}

i.icon.circle.thin:before {
    content: "\f111"
}

i.icon.cloud.download:before {
    content: "\f381"
}

i.icon.cloud.upload:before {
    content: "\f382"
}

i.icon.compose:before {
    content: "\f303"
}

i.icon.conversation:before {
    content: "\f086"
}

i.icon.credit.card.alternative:before {
    content: "\f09d"
}

i.icon.currency:before {
    content: "\f3d1"
}

i.icon.dashboard:before {
    content: "\f3fd"
}

i.icon.diamond:before {
    content: "\f3a5"
}

i.icon.disk:before {
    content: "\f0a0"
}

i.icon.exchange:before {
    content: "\f362"
}

i.icon.external.share:before {
    content: "\f14d"
}

i.icon.external.square:before {
    content: "\f360"
}

i.icon.external:before {
    content: "\f35d"
}

i.icon.facebook.official:before {
    content: "\f082"
}

i.icon.food:before {
    content: "\f2e7"
}

i.icon.hourglass.zero:before {
    content: "\f253"
}

i.icon.level.down:before {
    content: "\f3be"
}

i.icon.level.up:before {
    content: "\f3bf"
}

i.icon.log.out:before {
    content: "\f2f5"
}

i.icon.meanpath:before {
    content: "\f0c8"
}

i.icon.money:before {
    content: "\f3d1"
}

i.icon.move:before {
    content: "\f0b2"
}

i.icon.pencil:before {
    content: "\f303"
}

i.icon.protect:before {
    content: "\f023"
}

i.icon.radio:before {
    content: "\f192"
}

i.icon.remove.bookmark:before {
    content: "\f02e"
}

i.icon.resize.horizontal:before {
    content: "\f337"
}

i.icon.resize.vertical:before {
    content: "\f338"
}

i.icon.sign.in:before {
    content: "\f2f6"
}

i.icon.sign.out:before {
    content: "\f2f5"
}

i.icon.spoon:before {
    content: "\f2e5"
}

i.icon.star.half.empty:before {
    content: "\f089"
}

i.icon.star.half.full:before {
    content: "\f089"
}

i.icon.ticket:before {
    content: "\f3ff"
}

i.icon.times.rectangle:before {
    content: "\f410"
}

i.icon.write:before {
    content: "\f303"
}

i.icon.youtube.play:before {
    content: "\f167"
}

@font-face {
    font-family: outline-icons;
    src: url(outline-icons.3c7c2806a2fac703.eot);
    src: url(outline-icons.3c7c2806a2fac703.eot?#iefix) format("embedded-opentype"), url(outline-icons.d24ca609469c2cfd.woff2) format("woff2"), url(outline-icons.315b68a492577a81.woff) format("woff"), url(outline-icons.ba204dabb3d2387d.ttf) format("truetype"), url(outline-icons.7c284b0d18cc0569.svg#icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none
}

i.icon.outline {
    font-family: outline-icons
}

i.icon.address.book.outline:before {
    content: "\f2b9"
}

i.icon.address.card.outline:before {
    content: "\f2bb"
}

i.icon.arrow.alternate.circle.down.outline:before {
    content: "\f358"
}

i.icon.arrow.alternate.circle.left.outline:before {
    content: "\f359"
}

i.icon.arrow.alternate.circle.right.outline:before {
    content: "\f35a"
}

i.icon.arrow.alternate.circle.up.outline:before {
    content: "\f35b"
}

i.icon.bell.outline:before {
    content: "\f0f3"
}

i.icon.bell.slash.outline:before {
    content: "\f1f6"
}

i.icon.bookmark.outline:before {
    content: "\f02e"
}

i.icon.building.outline:before {
    content: "\f1ad"
}

i.icon.calendar.outline:before {
    content: "\f133"
}

i.icon.calendar.alternate.outline:before {
    content: "\f073"
}

i.icon.calendar.check.outline:before {
    content: "\f274"
}

i.icon.calendar.minus.outline:before {
    content: "\f272"
}

i.icon.calendar.plus.outline:before {
    content: "\f271"
}

i.icon.calendar.times.outline:before {
    content: "\f273"
}

i.icon.caret.square.down.outline:before {
    content: "\f150"
}

i.icon.caret.square.left.outline:before {
    content: "\f191"
}

i.icon.caret.square.right.outline:before {
    content: "\f152"
}

i.icon.caret.square.up.outline:before {
    content: "\f151"
}

i.icon.chart.bar.outline:before {
    content: "\f080"
}

i.icon.check.circle.outline:before {
    content: "\f058"
}

i.icon.check.square.outline:before {
    content: "\f14a"
}

i.icon.circle.outline:before {
    content: "\f111"
}

i.icon.clipboard.outline:before {
    content: "\f328"
}

i.icon.clock.outline:before {
    content: "\f017"
}

i.icon.clone.outline:before {
    content: "\f24d"
}

i.icon.closed.captioning.outline:before {
    content: "\f20a"
}

i.icon.comment.outline:before {
    content: "\f075"
}

i.icon.comment.alternate.outline:before {
    content: "\f27a"
}

i.icon.comments.outline:before {
    content: "\f086"
}

i.icon.compass.outline:before {
    content: "\f14e"
}

i.icon.copy.outline:before {
    content: "\f0c5"
}

i.icon.copyright.outline:before {
    content: "\f1f9"
}

i.icon.credit.card.outline:before {
    content: "\f09d"
}

i.icon.dot.circle.outline:before {
    content: "\f192"
}

i.icon.edit.outline:before {
    content: "\f044"
}

i.icon.envelope.outline:before {
    content: "\f0e0"
}

i.icon.envelope.open.outline:before {
    content: "\f2b6"
}

i.icon.eye.slash.outline:before {
    content: "\f070"
}

i.icon.file.outline:before {
    content: "\f15b"
}

i.icon.file.alternate.outline:before {
    content: "\f15c"
}

i.icon.file.archive.outline:before {
    content: "\f1c6"
}

i.icon.file.audio.outline:before {
    content: "\f1c7"
}

i.icon.file.code.outline:before {
    content: "\f1c9"
}

i.icon.file.excel.outline:before {
    content: "\f1c3"
}

i.icon.file.image.outline:before {
    content: "\f1c5"
}

i.icon.file.pdf.outline:before {
    content: "\f1c1"
}

i.icon.file.powerpoint.outline:before {
    content: "\f1c4"
}

i.icon.file.video.outline:before {
    content: "\f1c8"
}

i.icon.file.word.outline:before {
    content: "\f1c2"
}

i.icon.flag.outline:before {
    content: "\f024"
}

i.icon.folder.outline:before {
    content: "\f07b"
}

i.icon.folder.open.outline:before {
    content: "\f07c"
}

i.icon.frown.outline:before {
    content: "\f119"
}

i.icon.futbol.outline:before {
    content: "\f1e3"
}

i.icon.gem.outline:before {
    content: "\f3a5"
}

i.icon.hand.lizard.outline:before {
    content: "\f258"
}

i.icon.hand.paper.outline:before {
    content: "\f256"
}

i.icon.hand.peace.outline:before {
    content: "\f25b"
}

i.icon.hand.point.down.outline:before {
    content: "\f0a7"
}

i.icon.hand.point.left.outline:before {
    content: "\f0a5"
}

i.icon.hand.point.right.outline:before {
    content: "\f0a4"
}

i.icon.hand.point.up.outline:before {
    content: "\f0a6"
}

i.icon.hand.pointer.outline:before {
    content: "\f25a"
}

i.icon.hand.rock.outline:before {
    content: "\f255"
}

i.icon.hand.scissors.outline:before {
    content: "\f257"
}

i.icon.hand.spock.outline:before {
    content: "\f259"
}

i.icon.handshake.outline:before {
    content: "\f2b5"
}

i.icon.hdd.outline:before {
    content: "\f0a0"
}

i.icon.heart.outline:before {
    content: "\f004"
}

i.icon.hospital.outline:before {
    content: "\f0f8"
}

i.icon.hourglass.outline:before {
    content: "\f254"
}

i.icon.id.badge.outline:before {
    content: "\f2c1"
}

i.icon.id.card.outline:before {
    content: "\f2c2"
}

i.icon.image.outline:before {
    content: "\f03e"
}

i.icon.images.outline:before {
    content: "\f302"
}

i.icon.keyboard.outline:before {
    content: "\f11c"
}

i.icon.lemon.outline:before {
    content: "\f094"
}

i.icon.life.ring.outline:before {
    content: "\f1cd"
}

i.icon.lightbulb.outline:before {
    content: "\f0eb"
}

i.icon.list.alternate.outline:before {
    content: "\f022"
}

i.icon.map.outline:before {
    content: "\f279"
}

i.icon.meh.outline:before {
    content: "\f11a"
}

i.icon.minus.square.outline:before {
    content: "\f146"
}

i.icon.money.bill.alternate.outline:before {
    content: "\f3d1"
}

i.icon.moon.outline:before {
    content: "\f186"
}

i.icon.newspaper.outline:before {
    content: "\f1ea"
}

i.icon.object.group.outline:before {
    content: "\f247"
}

i.icon.object.ungroup.outline:before {
    content: "\f248"
}

i.icon.paper.plane.outline:before {
    content: "\f1d8"
}

i.icon.pause.circle.outline:before {
    content: "\f28b"
}

i.icon.play.circle.outline:before {
    content: "\f144"
}

i.icon.plus.square.outline:before {
    content: "\f0fe"
}

i.icon.question.circle.outline:before {
    content: "\f059"
}

i.icon.registered.outline:before {
    content: "\f25d"
}

i.icon.save.outline:before {
    content: "\f0c7"
}

i.icon.share.square.outline:before {
    content: "\f14d"
}

i.icon.smile.outline:before {
    content: "\f118"
}

i.icon.snowflake.outline:before {
    content: "\f2dc"
}

i.icon.square.outline:before {
    content: "\f0c8"
}

i.icon.star.outline:before {
    content: "\f005"
}

i.icon.star.half.outline:before {
    content: "\f089"
}

i.icon.sticky.note.outline:before {
    content: "\f249"
}

i.icon.stop.circle.outline:before {
    content: "\f28d"
}

i.icon.sun.outline:before {
    content: "\f185"
}

i.icon.thumbs.down.outline:before {
    content: "\f165"
}

i.icon.thumbs.up.outline:before {
    content: "\f164"
}

i.icon.times.circle.outline:before {
    content: "\f057"
}

i.icon.trash.alternate.outline:before {
    content: "\f2ed"
}

i.icon.user.outline:before {
    content: "\f007"
}

i.icon.user.circle.outline:before {
    content: "\f2bd"
}

i.icon.window.close.outline:before {
    content: "\f410"
}

i.icon.window.maximize.outline:before {
    content: "\f2d0"
}

i.icon.window.minimize.outline:before {
    content: "\f2d1"
}

i.icon.window.restore.outline:before {
    content: "\f2d2"
}

i.icon.disk.outline:before {
    content: "\f369"
}

i.icon.heart.empty,
i.icon.star.empty {
    font-family: outline-icons
}

i.icon.heart.empty:before {
    content: "\f004"
}

i.icon.star.empty:before {
    content: "\f089"
}

@font-face {
    font-family: brand-icons;
    src: url(brand-icons.a5c2b5788e12ec9f.eot);
    src: url(brand-icons.a5c2b5788e12ec9f.eot?#iefix) format("embedded-opentype"), url(brand-icons.d3632e642e3c43bf.woff2) format("woff2"), url(brand-icons.ff7937861f099adb.woff) format("woff"), url(brand-icons.1a36812453da0ede.ttf) format("truetype"), url(brand-icons.b0ccb869a38572ee.svg#icons) format("svg");
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-decoration: inherit;
    text-transform: none
}

i.icon.\35 00px,
i.icon.accessible.icon,
i.icon.accusoft,
i.icon.adn,
i.icon.adversal,
i.icon.affiliatetheme,
i.icon.algolia,
i.icon.amazon,
i.icon.amazon.pay,
i.icon.amilia,
i.icon.android,
i.icon.angellist,
i.icon.angrycreative,
i.icon.angular,
i.icon.app.store,
i.icon.app.store.ios,
i.icon.apper,
i.icon.apple,
i.icon.apple.pay,
i.icon.asymmetrik,
i.icon.audible,
i.icon.autoprefixer,
i.icon.avianex,
i.icon.aviato,
i.icon.aws,
i.icon.bandcamp,
i.icon.behance,
i.icon.behance.square,
i.icon.bimobject,
i.icon.bitbucket,
i.icon.bitcoin,
i.icon.bity,
i.icon.black.tie,
i.icon.blackberry,
i.icon.blogger,
i.icon.blogger.b,
i.icon.bluetooth,
i.icon.bluetooth.b,
i.icon.btc,
i.icon.buromobelexperte,
i.icon.buysellads,
i.icon.cc.amazon.pay,
i.icon.cc.amex,
i.icon.cc.apple.pay,
i.icon.cc.diners.club,
i.icon.cc.discover,
i.icon.cc.jcb,
i.icon.cc.mastercard,
i.icon.cc.paypal,
i.icon.cc.stripe,
i.icon.cc.visa,
i.icon.centercode,
i.icon.chrome,
i.icon.cloudscale,
i.icon.cloudsmith,
i.icon.cloudversify,
i.icon.codepen,
i.icon.codiepie,
i.icon.connectdevelop,
i.icon.contao,
i.icon.cpanel,
i.icon.creative.commons,
i.icon.css3,
i.icon.css3.alternate,
i.icon.cuttlefish,
i.icon.d.and.d,
i.icon.dashcube,
i.icon.delicious,
i.icon.deploydog,
i.icon.deskpro,
i.icon.deviantart,
i.icon.digg,
i.icon.digital.ocean,
i.icon.discord,
i.icon.discourse,
i.icon.dochub,
i.icon.docker,
i.icon.draft2digital,
i.icon.dribbble,
i.icon.dribbble.square,
i.icon.dropbox,
i.icon.drupal,
i.icon.dyalog,
i.icon.earlybirds,
i.icon.edge,
i.icon.elementor,
i.icon.ember,
i.icon.empire,
i.icon.envira,
i.icon.erlang,
i.icon.ethereum,
i.icon.etsy,
i.icon.expeditedssl,
i.icon.facebook,
i.icon.facebook.f,
i.icon.facebook.messenger,
i.icon.facebook.square,
i.icon.firefox,
i.icon.first.order,
i.icon.firstdraft,
i.icon.flickr,
i.icon.flipboard,
i.icon.fly,
i.icon.font.awesome,
i.icon.font.awesome.alternate,
i.icon.font.awesome.flag,
i.icon.fonticons,
i.icon.fonticons.fi,
i.icon.fort.awesome,
i.icon.fort.awesome.alternate,
i.icon.forumbee,
i.icon.foursquare,
i.icon.free.code.camp,
i.icon.freebsd,
i.icon.get.pocket,
i.icon.gg,
i.icon.gg.circle,
i.icon.git,
i.icon.git.square,
i.icon.github,
i.icon.github.alternate,
i.icon.github.square,
i.icon.gitkraken,
i.icon.gitlab,
i.icon.gitter,
i.icon.glide,
i.icon.glide.g,
i.icon.gofore,
i.icon.goodreads,
i.icon.goodreads.g,
i.icon.google,
i.icon.google.drive,
i.icon.google.play,
i.icon.google.plus,
i.icon.google.plus.g,
i.icon.google.plus.square,
i.icon.google.wallet,
i.icon.gratipay,
i.icon.grav,
i.icon.gripfire,
i.icon.grunt,
i.icon.gulp,
i.icon.hacker.news,
i.icon.hacker.news.square,
i.icon.hips,
i.icon.hire.a.helper,
i.icon.hooli,
i.icon.hotjar,
i.icon.houzz,
i.icon.html5,
i.icon.hubspot,
i.icon.imdb,
i.icon.instagram,
i.icon.internet.explorer,
i.icon.ioxhost,
i.icon.itunes,
i.icon.itunes.note,
i.icon.jenkins,
i.icon.joget,
i.icon.joomla,
i.icon.js,
i.icon.js.square,
i.icon.jsfiddle,
i.icon.keycdn,
i.icon.kickstarter,
i.icon.kickstarter.k,
i.icon.korvue,
i.icon.laravel,
i.icon.lastfm,
i.icon.lastfm.square,
i.icon.leanpub,
i.icon.less,
i.icon.linechat,
i.icon.linkedin,
i.icon.linkedin.in,
i.icon.linode,
i.icon.linux,
i.icon.lyft,
i.icon.magento,
i.icon.maxcdn,
i.icon.medapps,
i.icon.medium,
i.icon.medium.m,
i.icon.medrt,
i.icon.meetup,
i.icon.microsoft,
i.icon.mix,
i.icon.mixcloud,
i.icon.mizuni,
i.icon.modx,
i.icon.monero,
i.icon.napster,
i.icon.nintendo.switch,
i.icon.node,
i.icon.node.js,
i.icon.npm,
i.icon.ns8,
i.icon.nutritionix,
i.icon.odnoklassniki,
i.icon.odnoklassniki.square,
i.icon.opencart,
i.icon.openid,
i.icon.opera,
i.icon.optin.monster,
i.icon.osi,
i.icon.page4,
i.icon.pagelines,
i.icon.palfed,
i.icon.patreon,
i.icon.paypal,
i.icon.periscope,
i.icon.phabricator,
i.icon.phoenix.framework,
i.icon.php,
i.icon.pied.piper,
i.icon.pied.piper.alternate,
i.icon.pied.piper.pp,
i.icon.pinterest,
i.icon.pinterest.p,
i.icon.pinterest.square,
i.icon.playstation,
i.icon.product.hunt,
i.icon.pushed,
i.icon.python,
i.icon.qq,
i.icon.quinscape,
i.icon.quora,
i.icon.ravelry,
i.icon.react,
i.icon.rebel,
i.icon.reddit,
i.icon.reddit.alien,
i.icon.reddit.square,
i.icon.redriver,
i.icon.rendact,
i.icon.renren,
i.icon.replyd,
i.icon.resolving,
i.icon.rocketchat,
i.icon.rockrms,
i.icon.safari,
i.icon.sass,
i.icon.schlix,
i.icon.scribd,
i.icon.searchengin,
i.icon.sellcast,
i.icon.sellsy,
i.icon.servicestack,
i.icon.shirtsinbulk,
i.icon.simplybuilt,
i.icon.sistrix,
i.icon.skyatlas,
i.icon.skype,
i.icon.slack,
i.icon.slack.hash,
i.icon.slideshare,
i.icon.snapchat,
i.icon.snapchat.ghost,
i.icon.snapchat.square,
i.icon.soundcloud,
i.icon.speakap,
i.icon.spotify,
i.icon.stack.exchange,
i.icon.stack.overflow,
i.icon.staylinked,
i.icon.steam,
i.icon.steam.square,
i.icon.steam.symbol,
i.icon.sticker.mule,
i.icon.strava,
i.icon.stripe,
i.icon.stripe.s,
i.icon.studiovinari,
i.icon.stumbleupon,
i.icon.stumbleupon.circle,
i.icon.superpowers,
i.icon.supple,
i.icon.telegram,
i.icon.telegram.plane,
i.icon.tencent.weibo,
i.icon.themeisle,
i.icon.trello,
i.icon.tripadvisor,
i.icon.tumblr,
i.icon.tumblr.square,
i.icon.twitch,
i.icon.twitter,
i.icon.twitter.square,
i.icon.typo3,
i.icon.uber,
i.icon.uikit,
i.icon.uniregistry,
i.icon.untappd,
i.icon.usb,
i.icon.ussunnah,
i.icon.vaadin,
i.icon.viacoin,
i.icon.viadeo,
i.icon.viadeo.square,
i.icon.viber,
i.icon.vimeo,
i.icon.vimeo.square,
i.icon.vimeo.v,
i.icon.vine,
i.icon.vk,
i.icon.vnv,
i.icon.vuejs,
i.icon.weibo,
i.icon.weixin,
i.icon.whatsapp,
i.icon.whatsapp.square,
i.icon.whmcs,
i.icon.wikipedia.w,
i.icon.windows,
i.icon.wordpress,
i.icon.wordpress.simple,
i.icon.wpbeginner,
i.icon.wpexplorer,
i.icon.wpforms,
i.icon.xbox,
i.icon.xing,
i.icon.xing.square,
i.icon.y.combinator,
i.icon.yahoo,
i.icon.yandex,
i.icon.yandex.international,
i.icon.yelp,
i.icon.yoast,
i.icon.youtube,
i.icon.youtube.square {
    font-family: brand-icons
}

/*!
* # Semantic UI 2.3.1 - Image
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent
}

img.ui.image {
    display: block
}

.ui.image img,
.ui.image svg {
    display: block;
    max-width: 100%;
    height: auto
}

.ui.hidden.image,
.ui.hidden.images {
    display: none
}

.ui.hidden.transition.image,
.ui.hidden.transition.images {
    display: block;
    visibility: hidden
}

.ui.images>.hidden.transition {
    display: inline-block;
    visibility: hidden
}

.ui.disabled.image,
.ui.disabled.images {
    cursor: default;
    opacity: .45
}

.ui.inline.image,
.ui.inline.image img,
.ui.inline.image svg {
    display: inline-block
}

.ui.top.aligned.image,
.ui.top.aligned.image img,
.ui.top.aligned.image svg,
.ui.top.aligned.images .image {
    display: inline-block;
    vertical-align: top
}

.ui.middle.aligned.image,
.ui.middle.aligned.image img,
.ui.middle.aligned.image svg,
.ui.middle.aligned.images .image {
    display: inline-block;
    vertical-align: middle
}

.ui.bottom.aligned.image,
.ui.bottom.aligned.image img,
.ui.bottom.aligned.image svg,
.ui.bottom.aligned.images .image {
    display: inline-block;
    vertical-align: bottom
}

.ui.rounded.image,
.ui.rounded.image>*,
.ui.rounded.images .image,
.ui.rounded.images .image>* {
    border-radius: .3125em
}

.ui.bordered.image img,
.ui.bordered.image svg,
.ui.bordered.images .image,
.ui.bordered.images img,
.ui.bordered.images svg,
img.ui.bordered.image {
    border: 1px solid rgba(0, 0, 0, .1)
}

.ui.circular.image,
.ui.circular.images {
    overflow: hidden
}

.ui.circular.image,
.ui.circular.image>*,
.ui.circular.images .image,
.ui.circular.images .image>* {
    border-radius: 500rem
}

.ui.fluid.image,
.ui.fluid.image img,
.ui.fluid.image svg,
.ui.fluid.images,
.ui.fluid.images img,
.ui.fluid.images svg {
    display: block;
    width: 100%;
    height: auto
}

.ui.avatar.image,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg {
    margin-right: .25em;
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.spaced.image {
    display: inline-block !important;
    margin-left: .5em;
    margin-right: .5em
}

.ui[class*="left spaced"].image {
    margin-left: .5em;
    margin-right: 0
}

.ui[class*="right spaced"].image {
    margin-left: 0;
    margin-right: .5em
}

.ui.floated.image,
.ui.floated.images {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.ui.right.floated.image,
.ui.right.floated.images {
    float: right;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 1em
}

.ui.floated.image:last-child,
.ui.floated.images:last-child {
    margin-bottom: 0
}

.ui.centered.image,
.ui.centered.images {
    margin-left: auto;
    margin-right: auto
}

.ui.mini.image,
.ui.mini.images .image,
.ui.mini.images img,
.ui.mini.images svg {
    width: 35px;
    height: auto;
    font-size: .78571429rem
}

.ui.tiny.image,
.ui.tiny.images .image,
.ui.tiny.images img,
.ui.tiny.images svg {
    width: 80px;
    height: auto;
    font-size: .85714286rem
}

.ui.small.image,
.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg {
    width: 150px;
    height: auto;
    font-size: .92857143rem
}

.ui.medium.image,
.ui.medium.images .image,
.ui.medium.images img,
.ui.medium.images svg {
    width: 300px;
    height: auto;
    font-size: 1rem
}

.ui.large.image,
.ui.large.images .image,
.ui.large.images img,
.ui.large.images svg {
    width: 450px;
    height: auto;
    font-size: 1.14285714rem
}

.ui.big.image,
.ui.big.images .image,
.ui.big.images img,
.ui.big.images svg {
    width: 600px;
    height: auto;
    font-size: 1.28571429rem
}

.ui.huge.image,
.ui.huge.images .image,
.ui.huge.images img,
.ui.huge.images svg {
    width: 800px;
    height: auto;
    font-size: 1.42857143rem
}

.ui.massive.image,
.ui.massive.images .image,
.ui.massive.images img,
.ui.massive.images svg {
    width: 960px;
    height: auto;
    font-size: 1.71428571rem
}

.ui.images {
    font-size: 0;
    margin: 0 -.25rem
}

.ui.images .image,
.ui.images>img,
.ui.images>svg {
    display: inline-block;
    margin: 0 .25rem .5rem
}

/*!
* # Semantic UI 2.3.1 - Input
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.input {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: inline-flex;
    color: #000000de
}

.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: #0000004d;
    background: #fafafa;
    color: #000000de;
    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.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: #ffffff80
}

.ui.transparent.inverted.input>input::-moz-placeholder {
    color: #ffffff80
}

.ui.transparent.inverted.input>input:-ms-input-placeholder {
    color: #ffffff80
}

.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: #85b7d9
}

.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: #85b7d9 !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: #85b7d9 !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: #85b7d9 !important
}

.ui.inverted.input>input {
    border: none
}

.ui.fluid.input {
    display: flex
}

.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
}

/*!
* # Semantic UI 2.3.1 - Label
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: #0009;
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    transition: background .1s ease
}

.ui.label:first-child {
    margin-left: 0
}

.ui.label:last-child {
    margin-right: 0
}

a.ui.label {
    cursor: pointer
}

.ui.label>a {
    cursor: pointer;
    color: inherit;
    opacity: .5;
    transition: .1s opacity ease
}

.ui.label>a:hover {
    opacity: 1
}

.ui.label>img {
    width: auto !important;
    vertical-align: middle;
    height: 2.1666em !important
}

.ui.label>.icon {
    width: auto;
    margin: 0 .75em 0 0
}

.ui.label>.detail {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    margin-left: 1em;
    opacity: .8
}

.ui.label>.detail .icon {
    margin: 0 .25em 0 0
}

.ui.label>.close.icon,
.ui.label>.delete.icon {
    cursor: pointer;
    margin-right: 0;
    margin-left: .5em;
    font-size: .92857143em;
    opacity: .5;
    transition: background .1s ease
}

.ui.label>.delete.icon:hover {
    opacity: 1
}

.ui.labels>.label {
    margin: 0 .5em .5em 0
}

.ui.header>.ui.label {
    margin-top: -.29165em
}

.ui.attached.segment>.ui.top.left.attached.label,
.ui.bottom.attached.segment>.ui.top.left.attached.label {
    border-top-left-radius: 0
}

.ui.attached.segment>.ui.top.right.attached.label,
.ui.bottom.attached.segment>.ui.top.right.attached.label {
    border-top-right-radius: 0
}

.ui.top.attached.segment>.ui.bottom.left.attached.label {
    border-bottom-left-radius: 0
}

.ui.top.attached.segment>.ui.bottom.right.attached.label {
    border-bottom-right-radius: 0
}

.ui.top.attached.label+[class*="right floated"]+*,
.ui.top.attached.label:first-child+:not(.attached) {
    margin-top: 2rem !important
}

.ui.bottom.attached.label:first-child~:last-child:not(.attached) {
    margin-top: 0;
    margin-bottom: 2rem !important
}

.ui.image.label {
    width: auto !important;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 9999px;
    vertical-align: baseline;
    text-transform: none;
    background: #e8e8e8;
    padding: .5833em .833em .5833em .5em;
    border-radius: .28571429rem;
    box-shadow: none
}

.ui.image.label img {
    display: inline-block;
    vertical-align: top;
    height: 2.1666em;
    margin: -.5833em .5em -.5833em -.5em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.image.label .detail {
    background: rgba(0, 0, 0, .1);
    margin: -.5833em -.833em -.5833em .5em;
    padding: .5833em .833em;
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.tag.label,
.ui.tag.labels .label {
    margin-left: 1em;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 0 .28571429rem .28571429rem 0;
    transition: none
}

.ui.tag.label:before,
.ui.tag.labels .label:before {
    position: absolute;
    transform: translateY(-50%) translate(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: "";
    background-color: inherit;
    background-image: none;
    width: 1.56em;
    height: 1.56em;
    transition: none
}

.ui.tag.label:after,
.ui.tag.labels .label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: -.25em;
    margin-top: -.25em;
    background-color: #fff !important;
    width: .5em;
    height: .5em;
    box-shadow: 0 -1px 1px #0000004d;
    border-radius: 500rem
}

.ui.corner.label {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    border-color: #e8e8e8;
    width: 4em;
    height: 4em;
    z-index: 1;
    transition: border-color .1s ease
}

.ui.corner.label {
    background-color: transparent !important
}

.ui.corner.label:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    background-color: transparent !important;
    border-top: 0 solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 4em solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    transition: border-color .1s ease
}

.ui.corner.label .icon {
    cursor: default;
    position: relative;
    top: .64285714em;
    left: .78571429em;
    font-size: 1.14285714em;
    margin: 0
}

.ui.left.corner.label,
.ui.left.corner.label:after {
    right: auto;
    left: 0
}

.ui.left.corner.label:after {
    border-top: 4em solid transparent;
    border-right: 4em solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    border-top-color: inherit
}

.ui.left.corner.label .icon {
    left: -.78571429em
}

.ui.segment>.ui.corner.label {
    top: -1px;
    right: -1px
}

.ui.segment>.ui.left.corner.label {
    right: auto;
    left: -1px
}

.ui.ribbon.label {
    position: relative;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0 .28571429rem .28571429rem 0;
    border-color: #00000026
}

.ui.ribbon.label:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    background-color: transparent !important;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-color: transparent;
    border-right-color: inherit;
    width: 0;
    height: 0
}

.ui.ribbon.label {
    left: calc(-1rem - 1.2em);
    margin-right: -1.2em;
    padding-left: calc(1rem + 1.2em);
    padding-right: 1.2em
}

.ui[class*="right ribbon"].label {
    left: calc(100% + 1rem + 1.2em);
    padding-left: 1.2em;
    padding-right: calc(1rem + 1.2em)
}

.ui[class*="right ribbon"].label {
    text-align: left;
    transform: translate(-100%);
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui[class*="right ribbon"].label:after {
    left: auto;
    right: 0;
    border-style: solid;
    border-width: 1.2em 1.2em 0 0;
    border-color: transparent;
    border-top-color: inherit
}

.ui.card .image>.ribbon.label,
.ui.image>.ribbon.label {
    position: absolute;
    top: 1rem
}

.ui.card .image>.ui.ribbon.label,
.ui.image>.ui.ribbon.label {
    left: calc(.05rem - 1.2em)
}

.ui.card .image>.ui[class*="right ribbon"].label,
.ui.image>.ui[class*="right ribbon"].label {
    left: calc(100% - .05rem + 1.2em);
    padding-left: .833em
}

.ui.table td>.ui.ribbon.label {
    left: -1.98571429em
}

.ui.table td>.ui[class*="right ribbon"].label {
    left: calc(100% + .78571429em + 1.2em);
    padding-left: .833em
}

.ui.attached.label,
.ui[class*="top attached"].label {
    width: 100%;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    padding: .75em 1em;
    border-radius: .21428571rem .21428571rem 0 0
}

.ui[class*="bottom attached"].label {
    top: auto;
    bottom: 0;
    border-radius: 0 0 .21428571rem .21428571rem
}

.ui[class*="top left attached"].label {
    width: auto;
    margin-top: 0 !important;
    border-radius: .21428571rem 0 .28571429rem
}

.ui[class*="top right attached"].label {
    width: auto;
    left: auto;
    right: 0;
    border-radius: 0 .21428571rem 0 .28571429rem
}

.ui[class*="bottom left attached"].label {
    width: auto;
    top: auto;
    bottom: 0;
    border-radius: 0 .28571429rem 0 .21428571rem
}

.ui[class*="bottom right attached"].label {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
    border-radius: .28571429rem 0 .21428571rem
}

.ui.label.disabled {
    opacity: .5
}

a.ui.label:hover,
a.ui.labels .label:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    background-image: none;
    color: #000c
}

.ui.labels a.label:hover:before,
a.ui.label:hover:before {
    color: #000c
}

.ui.active.label {
    background-color: #d0d0d0;
    border-color: #d0d0d0;
    background-image: none;
    color: #000000f2
}

.ui.active.label:before {
    background-color: #d0d0d0;
    background-image: none;
    color: #000000f2
}

a.ui.active.label:hover,
a.ui.labels .active.label:hover {
    background-color: #c8c8c8;
    border-color: #c8c8c8;
    background-image: none;
    color: #000000f2
}

.ui.labels a.active.label:activehover:before,
a.ui.active.label:activehover:before {
    background-color: #c8c8c8;
    background-image: none;
    color: #000000f2
}

.ui.label.visible:not(.dropdown),
.ui.labels.visible .label {
    display: inline-block !important
}

.ui.label.hidden,
.ui.labels.hidden .label {
    display: none !important
}

.ui.red.label,
.ui.red.labels .label {
    background-color: #db2828 !important;
    border-color: #db2828 !important;
    color: #fff !important
}

.ui.red.labels .label:hover,
a.ui.red.label:hover {
    background-color: #d01919 !important;
    border-color: #d01919 !important;
    color: #fff !important
}

.ui.red.corner.label,
.ui.red.corner.label:hover {
    background-color: transparent !important
}

.ui.red.ribbon.label {
    border-color: #b21e1e !important
}

.ui.basic.red.label {
    background-color: #fff !important;
    color: #db2828 !important;
    border-color: #db2828 !important
}

.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
    background-color: #fff !important;
    color: #d01919 !important;
    border-color: #d01919 !important
}

.ui.orange.label,
.ui.orange.labels .label {
    background-color: #f2711c !important;
    border-color: #f2711c !important;
    color: #fff !important
}

.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
    background-color: #f26202 !important;
    border-color: #f26202 !important;
    color: #fff !important
}

.ui.orange.corner.label,
.ui.orange.corner.label:hover {
    background-color: transparent !important
}

.ui.orange.ribbon.label {
    border-color: #cf590c !important
}

.ui.basic.orange.label {
    background-color: #fff !important;
    color: #f2711c !important;
    border-color: #f2711c !important
}

.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
    background-color: #fff !important;
    color: #f26202 !important;
    border-color: #f26202 !important
}

.ui.yellow.label,
.ui.yellow.labels .label {
    background-color: #fbbd08 !important;
    border-color: #fbbd08 !important;
    color: #fff !important
}

.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
    background-color: #eaae00 !important;
    border-color: #eaae00 !important;
    color: #fff !important
}

.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
    background-color: transparent !important
}

.ui.yellow.ribbon.label {
    border-color: #cd9903 !important
}

.ui.basic.yellow.label {
    background-color: #fff !important;
    color: #fbbd08 !important;
    border-color: #fbbd08 !important
}

.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
    background-color: #fff !important;
    color: #eaae00 !important;
    border-color: #eaae00 !important
}

.ui.olive.label,
.ui.olive.labels .label {
    background-color: #b5cc18 !important;
    border-color: #b5cc18 !important;
    color: #fff !important
}

.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
    background-color: #a7bd0d !important;
    border-color: #a7bd0d !important;
    color: #fff !important
}

.ui.olive.corner.label,
.ui.olive.corner.label:hover {
    background-color: transparent !important
}

.ui.olive.ribbon.label {
    border-color: #198f35 !important
}

.ui.basic.olive.label {
    background-color: #fff !important;
    color: #b5cc18 !important;
    border-color: #b5cc18 !important
}

.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
    background-color: #fff !important;
    color: #a7bd0d !important;
    border-color: #a7bd0d !important
}

.ui.green.label,
.ui.green.labels .label {
    background-color: #21ba45 !important;
    border-color: #21ba45 !important;
    color: #fff !important
}

.ui.green.labels .label:hover,
a.ui.green.label:hover {
    background-color: #16ab39 !important;
    border-color: #16ab39 !important;
    color: #fff !important
}

.ui.green.corner.label,
.ui.green.corner.label:hover {
    background-color: transparent !important
}

.ui.green.ribbon.label {
    border-color: #198f35 !important
}

.ui.basic.green.label {
    background-color: #fff !important;
    color: #21ba45 !important;
    border-color: #21ba45 !important
}

.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
    background-color: #fff !important;
    color: #16ab39 !important;
    border-color: #16ab39 !important
}

.ui.teal.label,
.ui.teal.labels .label {
    background-color: #00b5ad !important;
    border-color: #00b5ad !important;
    color: #fff !important
}

.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
    background-color: #009c95 !important;
    border-color: #009c95 !important;
    color: #fff !important
}

.ui.teal.corner.label,
.ui.teal.corner.label:hover {
    background-color: transparent !important
}

.ui.teal.ribbon.label {
    border-color: #00827c !important
}

.ui.basic.teal.label {
    background-color: #fff !important;
    color: #00b5ad !important;
    border-color: #00b5ad !important
}

.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
    background-color: #fff !important;
    color: #009c95 !important;
    border-color: #009c95 !important
}

.ui.blue.label,
.ui.blue.labels .label {
    background-color: #2185d0 !important;
    border-color: #2185d0 !important;
    color: #fff !important
}

.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
    background-color: #1678c2 !important;
    border-color: #1678c2 !important;
    color: #fff !important
}

.ui.blue.corner.label,
.ui.blue.corner.label:hover {
    background-color: transparent !important
}

.ui.blue.ribbon.label {
    border-color: #1a69a4 !important
}

.ui.basic.blue.label {
    background-color: #fff !important;
    color: #2185d0 !important;
    border-color: #2185d0 !important
}

.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
    background-color: #fff !important;
    color: #1678c2 !important;
    border-color: #1678c2 !important
}

.ui.violet.label,
.ui.violet.labels .label {
    background-color: #6435c9 !important;
    border-color: #6435c9 !important;
    color: #fff !important
}

.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
    background-color: #5829bb !important;
    border-color: #5829bb !important;
    color: #fff !important
}

.ui.violet.corner.label,
.ui.violet.corner.label:hover {
    background-color: transparent !important
}

.ui.violet.ribbon.label {
    border-color: #502aa1 !important
}

.ui.basic.violet.label {
    background-color: #fff !important;
    color: #6435c9 !important;
    border-color: #6435c9 !important
}

.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
    background-color: #fff !important;
    color: #5829bb !important;
    border-color: #5829bb !important
}

.ui.purple.label,
.ui.purple.labels .label {
    background-color: #a333c8 !important;
    border-color: #a333c8 !important;
    color: #fff !important
}

.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
    background-color: #9627ba !important;
    border-color: #9627ba !important;
    color: #fff !important
}

.ui.purple.corner.label,
.ui.purple.corner.label:hover {
    background-color: transparent !important
}

.ui.purple.ribbon.label {
    border-color: #82299f !important
}

.ui.basic.purple.label {
    background-color: #fff !important;
    color: #a333c8 !important;
    border-color: #a333c8 !important
}

.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
    background-color: #fff !important;
    color: #9627ba !important;
    border-color: #9627ba !important
}

.ui.pink.label,
.ui.pink.labels .label {
    background-color: #e03997 !important;
    border-color: #e03997 !important;
    color: #fff !important
}

.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
    background-color: #e61a8d !important;
    border-color: #e61a8d !important;
    color: #fff !important
}

.ui.pink.corner.label,
.ui.pink.corner.label:hover {
    background-color: transparent !important
}

.ui.pink.ribbon.label {
    border-color: #c71f7e !important
}

.ui.basic.pink.label {
    background-color: #fff !important;
    color: #e03997 !important;
    border-color: #e03997 !important
}

.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
    background-color: #fff !important;
    color: #e61a8d !important;
    border-color: #e61a8d !important
}

.ui.brown.label,
.ui.brown.labels .label {
    background-color: #a5673f !important;
    border-color: #a5673f !important;
    color: #fff !important
}

.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
    background-color: #975b33 !important;
    border-color: #975b33 !important;
    color: #fff !important
}

.ui.brown.corner.label,
.ui.brown.corner.label:hover {
    background-color: transparent !important
}

.ui.brown.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.brown.label {
    background-color: #fff !important;
    color: #a5673f !important;
    border-color: #a5673f !important
}

.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
    background-color: #fff !important;
    color: #975b33 !important;
    border-color: #975b33 !important
}

.ui.grey.label,
.ui.grey.labels .label {
    background-color: #767676 !important;
    border-color: #767676 !important;
    color: #fff !important
}

.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
    background-color: #838383 !important;
    border-color: #838383 !important;
    color: #fff !important
}

.ui.grey.corner.label,
.ui.grey.corner.label:hover {
    background-color: transparent !important
}

.ui.grey.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.grey.label {
    background-color: #fff !important;
    color: #767676 !important;
    border-color: #767676 !important
}

.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
    background-color: #fff !important;
    color: #838383 !important;
    border-color: #838383 !important
}

.ui.black.label,
.ui.black.labels .label {
    background-color: #1b1c1d !important;
    border-color: #1b1c1d !important;
    color: #fff !important
}

.ui.black.labels .label:hover,
a.ui.black.label:hover {
    background-color: #27292a !important;
    border-color: #27292a !important;
    color: #fff !important
}

.ui.black.corner.label,
.ui.black.corner.label:hover {
    background-color: transparent !important
}

.ui.black.ribbon.label {
    border-color: #805031 !important
}

.ui.basic.black.label {
    background-color: #fff !important;
    color: #1b1c1d !important;
    border-color: #1b1c1d !important
}

.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
    background-color: #fff !important;
    color: #27292a !important;
    border-color: #27292a !important
}

.ui.basic.label {
    background: none #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: #000000de;
    box-shadow: none
}

a.ui.basic.label:hover {
    text-decoration: none;
    background: none #fff;
    color: #1e70bf;
    box-shadow: 1px solid #22242626;
    box-shadow: none
}

.ui.basic.pointing.label:before {
    border-color: inherit
}

.ui.fluid.labels>.label,
.ui.label.fluid {
    width: 100%;
    box-sizing: border-box
}

.ui.inverted.label,
.ui.inverted.labels .label {
    color: #ffffffe6 !important
}

.ui.horizontal.label,
.ui.horizontal.labels .label {
    margin: 0 .5em 0 0;
    padding: .4em .833em;
    min-width: 3em;
    text-align: center
}

.ui.circular.label,
.ui.circular.labels .label {
    min-width: 2em;
    min-height: 2em;
    padding: .5em !important;
    line-height: 1em;
    text-align: center;
    border-radius: 500rem
}

.ui.empty.circular.label,
.ui.empty.circular.labels .label {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    width: .5em;
    height: .5em;
    vertical-align: baseline
}

.ui.pointing.label {
    position: relative
}

.ui.attached.pointing.label {
    position: absolute
}

.ui.pointing.label:before {
    background-color: inherit;
    background-image: inherit;
    border-width: none;
    border-style: solid;
    border-color: inherit
}

.ui.pointing.label:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    background-image: none;
    z-index: 2;
    width: .6666em;
    height: .6666em;
    transition: background .1s ease
}

.ui.pointing.label,
.ui[class*="pointing above"].label {
    margin-top: 1em
}

.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
    border-width: 1px 0 0 1px;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%
}

.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
    margin-top: 0;
    margin-bottom: 1em
}

.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
    border-width: 0 1px 1px 0;
    top: auto;
    right: auto;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    top: 100%;
    left: 50%
}

.ui[class*="left pointing"].label {
    margin-top: 0;
    margin-left: .6666em
}

.ui[class*="left pointing"].label:before {
    border-width: 0 0 1px 1px;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0
}

.ui[class*="right pointing"].label {
    margin-top: 0;
    margin-right: .6666em
}

.ui[class*="right pointing"].label:before {
    border-width: 1px 1px 0 0;
    transform: translate(50%) translateY(-50%) rotate(45deg);
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto
}

.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
    margin-top: -1px
}

.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
    bottom: auto;
    top: 100%;
    margin-top: 1px
}

.ui.basic[class*="left pointing"].label:before {
    top: 50%;
    left: -1px
}

.ui.basic[class*="right pointing"].label:before {
    top: 50%;
    right: -1px
}

.ui.floating.label {
    position: absolute;
    z-index: 100;
    top: -1em;
    left: 100%;
    margin: 0 0 0 -1.5em !important
}

.ui.mini.label,
.ui.mini.labels .label {
    font-size: .64285714rem
}

.ui.tiny.label,
.ui.tiny.labels .label {
    font-size: .71428571rem
}

.ui.small.label,
.ui.small.labels .label {
    font-size: .78571429rem
}

.ui.label,
.ui.labels .label {
    font-size: .85714286rem
}

.ui.large.label,
.ui.large.labels .label {
    font-size: 1rem
}

.ui.big.label,
.ui.big.labels .label {
    font-size: 1.28571429rem
}

.ui.huge.label,
.ui.huge.labels .label {
    font-size: 1.42857143rem
}

.ui.massive.label,
.ui.massive.labels .label {
    font-size: 1.71428571rem
}

/*!
* # Semantic UI 2.3.1 - List
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.list,
ol.ui.list,
ul.ui.list {
    list-style-type: none;
    margin: 1em 0;
    padding: 0
}

.ui.list:first-child,
ol.ui.list:first-child,
ul.ui.list:first-child {
    margin-top: 0;
    padding-top: 0
}

.ui.list:last-child,
ol.ui.list:last-child,
ul.ui.list:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.ui.list .list>.item,
.ui.list>.item,
ol.ui.list li,
ul.ui.list li {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: .21428571em 0;
    line-height: 1.14285714em
}

.ui.list>.item:after,
.ui.list>.list>.item,
ol.ui.list>li:first-child:after,
ul.ui.list>li:first-child:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.list .list>.item:first-child,
.ui.list>.item:first-child,
ol.ui.list li:first-child,
ul.ui.list li:first-child {
    padding-top: 0
}

.ui.list .list>.item:last-child,
.ui.list>.item:last-child,
ol.ui.list li:last-child,
ul.ui.list li:last-child {
    padding-bottom: 0
}

.ui.list .list,
ol.ui.list ol,
ul.ui.list ul {
    clear: both;
    margin: 0;
    padding: .75em 0 .25em .5em
}

.ui.list .list>.item,
ol.ui.list ol li,
ul.ui.list ul li {
    padding: .14285714em 0;
    line-height: inherit
}

.ui.list .list>.item>i.icon,
.ui.list>.item>i.icon {
    display: table-cell;
    margin: 0;
    padding-top: 0;
    padding-right: .28571429em;
    vertical-align: top;
    transition: color .1s ease
}

.ui.list .list>.item>i.icon:only-child,
.ui.list>.item>i.icon:only-child {
    display: inline-block;
    vertical-align: top
}

.ui.list .list>.item>.image,
.ui.list>.item>.image {
    display: table-cell;
    background-color: transparent;
    margin: 0;
    vertical-align: top
}

.ui.list .list>.item>.image:not(:only-child):not(img),
.ui.list>.item>.image:not(:only-child):not(img) {
    padding-right: .5em
}

.ui.list .list>.item>.image img,
.ui.list>.item>.image img {
    vertical-align: top
}

.ui.list .list>.item>.image:only-child,
.ui.list .list>.item>img.image,
.ui.list>.item>.image:only-child,
.ui.list>.item>img.image {
    display: inline-block
}

.ui.list .list>.item>.content,
.ui.list>.item>.content {
    line-height: 1.14285714em
}

.ui.list .list>.item>.icon+.content,
.ui.list .list>.item>.image+.content,
.ui.list>.item>.icon+.content,
.ui.list>.item>.image+.content {
    display: table-cell;
    padding: 0 0 0 .5em;
    vertical-align: top
}

.ui.list .list>.item>img.image+.content,
.ui.list>.item>img.image+.content {
    display: inline-block
}

.ui.list .list>.item>.content>.list,
.ui.list>.item>.content>.list {
    margin-left: 0;
    padding-left: 0
}

.ui.list .list>.item .header,
.ui.list>.item .header {
    display: block;
    margin: 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000000de
}

.ui.list .list>.item .description,
.ui.list>.item .description {
    display: block;
    color: #000000b3
}

.ui.list .list>.item a,
.ui.list>.item a {
    cursor: pointer
}

.ui.list .list>a.item,
.ui.list>a.item {
    cursor: pointer;
    color: #4183c4
}

.ui.list .list>a.item:hover,
.ui.list>a.item:hover {
    color: #1e70bf
}

.ui.list .list>a.item i.icon,
.ui.list>a.item i.icon {
    color: #0006
}

.ui.list .list>.item a.header,
.ui.list>.item a.header {
    cursor: pointer;
    color: #4183c4 !important
}

.ui.list .list>.item a.header:hover,
.ui.list>.item a.header:hover {
    color: #1e70bf !important
}

.ui[class*="left floated"].list {
    float: left
}

.ui[class*="right floated"].list {
    float: right
}

.ui.list .list>.item [class*="left floated"],
.ui.list>.item [class*="left floated"] {
    float: left;
    margin: 0 1em 0 0
}

.ui.list .list>.item [class*="right floated"],
.ui.list>.item [class*="right floated"] {
    float: right;
    margin: 0 0 0 1em
}

.ui.menu .ui.list .list>.item,
.ui.menu .ui.list>.item {
    display: list-item;
    table-layout: fixed;
    background-color: transparent;
    list-style-type: none;
    list-style-position: outside;
    padding: .21428571em 0;
    line-height: 1.14285714em
}

.ui.menu .ui.list .list>.item:before,
.ui.menu .ui.list>.item:before {
    border: none;
    background: 0 0
}

.ui.menu .ui.list .list>.item:first-child,
.ui.menu .ui.list>.item:first-child {
    padding-top: 0
}

.ui.menu .ui.list .list>.item:last-child,
.ui.menu .ui.list>.item:last-child {
    padding-bottom: 0
}

.ui.horizontal.list {
    display: inline-block;
    font-size: 0
}

.ui.horizontal.list>.item {
    display: inline-block;
    margin-left: 1em;
    font-size: 1rem
}

.ui.horizontal.list:not(.celled)>.item:first-child {
    margin-left: 0 !important;
    padding-left: 0 !important
}

.ui.horizontal.list .list {
    padding-left: 0;
    padding-bottom: 0
}

.ui.horizontal.list .list>.item>.content,
.ui.horizontal.list .list>.item>.icon,
.ui.horizontal.list .list>.item>.image,
.ui.horizontal.list>.item>.content,
.ui.horizontal.list>.item>.icon,
.ui.horizontal.list>.item>.image {
    vertical-align: middle
}

.ui.horizontal.list>.item:first-child,
.ui.horizontal.list>.item:last-child {
    padding-top: .21428571em;
    padding-bottom: .21428571em
}

.ui.horizontal.list>.item>i.icon {
    margin: 0;
    padding: 0 .25em 0 0
}

.ui.horizontal.list>.item>.icon,
.ui.horizontal.list>.item>.icon+.content {
    float: none;
    display: inline-block
}

.ui.list .list>.disabled.item,
.ui.list>.disabled.item {
    pointer-events: none;
    color: #2828284d !important
}

.ui.inverted.list .list>.disabled.item,
.ui.inverted.list>.disabled.item {
    color: #e1e1e14d !important
}

.ui.list .list>a.item:hover .icon,
.ui.list>a.item:hover .icon {
    color: #000000de
}

.ui.inverted.list .list>a.item>.icon,
.ui.inverted.list>a.item>.icon {
    color: #ffffffb3
}

.ui.inverted.list .list>.item .header,
.ui.inverted.list>.item .header {
    color: #ffffffe6
}

.ui.inverted.list .list>.item .description,
.ui.inverted.list>.item .description {
    color: #ffffffb3
}

.ui.inverted.list .list>a.item,
.ui.inverted.list>a.item {
    cursor: pointer;
    color: #ffffffe6
}

.ui.inverted.list .list>a.item:hover,
.ui.inverted.list>a.item:hover {
    color: #1e70bf
}

.ui.inverted.list .item a:not(.ui) {
    color: #ffffffe6 !important
}

.ui.inverted.list .item a:not(.ui):hover {
    color: #1e70bf !important
}

.ui.list [class*="top aligned"],
.ui.list[class*="top aligned"] .content,
.ui.list[class*="top aligned"] .image {
    vertical-align: top !important
}

.ui.list [class*="middle aligned"],
.ui.list[class*="middle aligned"] .content,
.ui.list[class*="middle aligned"] .image {
    vertical-align: middle !important
}

.ui.list [class*="bottom aligned"],
.ui.list[class*="bottom aligned"] .content,
.ui.list[class*="bottom aligned"] .image {
    vertical-align: bottom !important
}

.ui.link.list .item,
.ui.link.list .item a:not(.ui),
.ui.link.list a.item {
    color: #0006;
    transition: .1s color ease
}

.ui.link.list.list .item a:not(.ui):hover,
.ui.link.list.list a.item:hover {
    color: #000c
}

.ui.link.list.list .item a:not(.ui):active,
.ui.link.list.list a.item:active {
    color: #000000e6
}

.ui.link.list.list .active.item,
.ui.link.list.list .active.item a:not(.ui) {
    color: #000000f2
}

.ui.inverted.link.list .item,
.ui.inverted.link.list .item a:not(.ui),
.ui.inverted.link.list a.item {
    color: #ffffff80
}

.ui.inverted.link.list.list .item a:not(.ui):hover,
.ui.inverted.link.list.list a.item:hover {
    color: #fff
}

.ui.inverted.link.list.list .item a:not(.ui):active,
.ui.inverted.link.list.list a.item:active {
    color: #fff
}

.ui.inverted.link.list.list .active.item a:not(.ui),
.ui.inverted.link.list.list a.active.item {
    color: #fff
}

.ui.selection.list .list>.item,
.ui.selection.list>.item {
    cursor: pointer;
    background: 0 0;
    padding: .5em;
    margin: 0;
    color: #0006;
    border-radius: .5em;
    transition: .1s color ease, .1s padding-left ease, .1s background-color ease
}

.ui.selection.list .list>.item:last-child,
.ui.selection.list>.item:last-child {
    margin-bottom: 0
}

.ui.selection.list.list>.item:hover,
.ui.selection.list>.item:hover {
    background: rgba(0, 0, 0, .03);
    color: #000c
}

.ui.selection.list .list>.item:active,
.ui.selection.list>.item:active {
    background: rgba(0, 0, 0, .05);
    color: #000000e6
}

.ui.selection.list .list>.item.active,
.ui.selection.list>.item.active {
    background: rgba(0, 0, 0, .05);
    color: #000000f2
}

.ui.inverted.selection.list>.item {
    background: 0 0;
    color: #ffffff80
}

.ui.inverted.selection.list>.item:hover {
    background: rgba(255, 255, 255, .02);
    color: #fff
}

.ui.inverted.selection.list>.item:active {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.ui.inverted.selection.list>.item.active {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.ui.celled.selection.list .list>.item,
.ui.celled.selection.list>.item,
.ui.divided.selection.list .list>.item,
.ui.divided.selection.list>.item {
    border-radius: 0
}

.ui.animated.list>.item {
    transition: .25s color ease .1s, .25s padding-left ease .1s, .25s background-color ease .1s
}

.ui.animated.list:not(.horizontal)>.item:hover {
    padding-left: 1em
}

.ui.fitted.list:not(.selection) .list>.item,
.ui.fitted.list:not(.selection)>.item {
    padding-left: 0;
    padding-right: 0
}

.ui.fitted.selection.list .list>.item,
.ui.fitted.selection.list>.item {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.bulleted.list,
ul.ui.list {
    margin-left: 1.25rem
}

.ui.bulleted.list .list>.item,
.ui.bulleted.list>.item,
ul.ui.list li {
    position: relative
}

.ui.bulleted.list .list>.item:before,
.ui.bulleted.list>.item:before,
ul.ui.list li:before {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    top: auto;
    left: auto;
    font-weight: 400;
    margin-left: -1.25rem;
    content: "\2022";
    opacity: 1;
    color: inherit;
    vertical-align: top
}

.ui.bulleted.list .list>a.item:before,
.ui.bulleted.list>a.item:before,
ul.ui.list li:before {
    color: #000000de
}

.ui.bulleted.list .list,
ul.ui.list ul {
    padding-left: 1.25rem
}

.ui.horizontal.bulleted.list,
ul.ui.horizontal.bulleted.list {
    margin-left: 0
}

.ui.horizontal.bulleted.list>.item,
ul.ui.horizontal.bulleted.list li {
    margin-left: 1.75rem
}

.ui.horizontal.bulleted.list>.item:first-child,
ul.ui.horizontal.bulleted.list li:first-child {
    margin-left: 0
}

.ui.horizontal.bulleted.list>.item:before,
ul.ui.horizontal.bulleted.list li:before {
    color: #000000de
}

.ui.horizontal.bulleted.list>.item:first-child:before,
ul.ui.horizontal.bulleted.list li:first-child:before {
    display: none
}

.ui.ordered.list,
.ui.ordered.list .list,
ol.ui.list,
ol.ui.list ol {
    counter-reset: ordered;
    margin-left: 1.25rem;
    list-style-type: none
}

.ui.ordered.list .list>.item,
.ui.ordered.list>.item,
ol.ui.list li {
    list-style-type: none;
    position: relative
}

.ui.ordered.list .list>.item:before,
.ui.ordered.list>.item:before,
ol.ui.list li:before {
    position: absolute;
    top: auto;
    left: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    margin-left: -1.25rem;
    counter-increment: ordered;
    content: counters(ordered, ".") " ";
    text-align: right;
    color: #000000de;
    vertical-align: middle;
    opacity: .8
}

.ui.ordered.inverted.list .list>.item:before,
.ui.ordered.inverted.list>.item:before,
ol.ui.inverted.list li:before {
    color: #ffffffb3
}

.ui.ordered.list>.item[data-value],
.ui.ordered.list>.list>.item[data-value] {
    content: attr(data-value)
}

ol.ui.list li[value]:before {
    content: attr(value)
}

.ui.ordered.list .list,
ol.ui.list ol {
    margin-left: 1em
}

.ui.ordered.list .list>.item:before,
ol.ui.list ol li:before {
    margin-left: -2em
}

.ui.ordered.horizontal.list,
ol.ui.horizontal.list {
    margin-left: 0
}

.ui.ordered.horizontal.list .list>.item:before,
.ui.ordered.horizontal.list>.item:before,
ol.ui.horizontal.list li:before {
    position: static;
    margin: 0 .5em 0 0
}

.ui.divided.list>.item {
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.divided.list .list>.item {
    border-top: none
}

.ui.divided.list .item .list>.item {
    border-top: none
}

.ui.divided.list .list>.item:first-child,
.ui.divided.list>.item:first-child {
    border-top: none
}

.ui.divided.list:not(.horizontal) .list>.item:first-child {
    border-top-width: 1px
}

.ui.divided.bulleted.list .list,
.ui.divided.bulleted.list:not(.horizontal) {
    margin-left: 0;
    padding-left: 0
}

.ui.divided.bulleted.list>.item:not(.horizontal) {
    padding-left: 1.25rem
}

.ui.divided.ordered.list {
    margin-left: 0
}

.ui.divided.ordered.list .list>.item,
.ui.divided.ordered.list>.item {
    padding-left: 1.25rem
}

.ui.divided.ordered.list .item .list {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: .21428571em
}

.ui.divided.ordered.list .item .list>.item {
    padding-left: 1em
}

.ui.divided.selection.list .list>.item,
.ui.divided.selection.list>.item {
    margin: 0;
    border-radius: 0
}

.ui.divided.horizontal.list {
    margin-left: 0
}

.ui.divided.horizontal.list>.item:not(:first-child) {
    padding-left: .5em
}

.ui.divided.horizontal.list>.item:not(:last-child) {
    padding-right: .5em
}

.ui.divided.horizontal.list>.item {
    border-top: none;
    border-left: 1px solid rgba(34, 36, 38, .15);
    margin: 0;
    line-height: .6
}

.ui.horizontal.divided.list>.item:first-child {
    border-left: none
}

.ui.divided.inverted.horizontal.list>.item,
.ui.divided.inverted.list>.item,
.ui.divided.inverted.list>.list {
    border-color: #ffffff1a
}

.ui.celled.list>.item,
.ui.celled.list>.list {
    border-top: 1px solid rgba(34, 36, 38, .15);
    padding-left: .5em;
    padding-right: .5em
}

.ui.celled.list>.item:last-child {
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.ui.celled.list>.item:first-child,
.ui.celled.list>.item:last-child {
    padding-top: .21428571em;
    padding-bottom: .21428571em
}

.ui.celled.list .item .list>.item {
    border-width: 0
}

.ui.celled.list .list>.item:first-child {
    border-top-width: 0
}

.ui.celled.bulleted.list {
    margin-left: 0
}

.ui.celled.bulleted.list .list>.item,
.ui.celled.bulleted.list>.item {
    padding-left: 1.25rem
}

.ui.celled.bulleted.list .item .list {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-bottom: .21428571em
}

.ui.celled.ordered.list {
    margin-left: 0
}

.ui.celled.ordered.list .list>.item,
.ui.celled.ordered.list>.item {
    padding-left: 1.25rem
}

.ui.celled.ordered.list .item .list {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: .21428571em
}

.ui.celled.ordered.list .list>.item {
    padding-left: 1em
}

.ui.horizontal.celled.list {
    margin-left: 0
}

.ui.horizontal.celled.list .list>.item,
.ui.horizontal.celled.list>.item {
    border-top: none;
    border-left: 1px solid rgba(34, 36, 38, .15);
    margin: 0;
    padding-left: .5em;
    padding-right: .5em;
    line-height: .6
}

.ui.horizontal.celled.list .list>.item:last-child,
.ui.horizontal.celled.list>.item:last-child {
    border-bottom: none;
    border-right: 1px solid rgba(34, 36, 38, .15)
}

.ui.celled.inverted.list>.item,
.ui.celled.inverted.list>.list {
    border-color: 1px solid rgba(255, 255, 255, .1)
}

.ui.celled.inverted.horizontal.list .list>.item,
.ui.celled.inverted.horizontal.list>.item {
    border-color: 1px solid rgba(255, 255, 255, .1)
}

.ui.relaxed.list:not(.horizontal)>.item:not(:first-child) {
    padding-top: .42857143em
}

.ui.relaxed.list:not(.horizontal)>.item:not(:last-child) {
    padding-bottom: .42857143em
}

.ui.horizontal.relaxed.list .list>.item:not(:first-child),
.ui.horizontal.relaxed.list>.item:not(:first-child) {
    padding-left: 1rem
}

.ui.horizontal.relaxed.list .list>.item:not(:last-child),
.ui.horizontal.relaxed.list>.item:not(:last-child) {
    padding-right: 1rem
}

.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:first-child) {
    padding-top: .85714286em
}

.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:last-child) {
    padding-bottom: .85714286em
}

.ui.horizontal[class*="very relaxed"].list .list>.item:not(:first-child),
.ui.horizontal[class*="very relaxed"].list>.item:not(:first-child) {
    padding-left: 1.5rem
}

.ui.horizontal[class*="very relaxed"].list .list>.item:not(:last-child),
.ui.horizontal[class*="very relaxed"].list>.item:not(:last-child) {
    padding-right: 1.5rem
}

.ui.mini.list {
    font-size: .78571429em
}

.ui.tiny.list {
    font-size: .85714286em
}

.ui.small.list {
    font-size: .92857143em
}

.ui.list {
    font-size: 1em
}

.ui.large.list {
    font-size: 1.14285714em
}

.ui.big.list {
    font-size: 1.28571429em
}

.ui.huge.list {
    font-size: 1.42857143em
}

.ui.massive.list {
    font-size: 1.71428571em
}

.ui.mini.horizontal.list .list>.item,
.ui.mini.horizontal.list>.item {
    font-size: .78571429rem
}

.ui.tiny.horizontal.list .list>.item,
.ui.tiny.horizontal.list>.item {
    font-size: .85714286rem
}

.ui.small.horizontal.list .list>.item,
.ui.small.horizontal.list>.item {
    font-size: .92857143rem
}

.ui.horizontal.list .list>.item,
.ui.horizontal.list>.item {
    font-size: 1rem
}

.ui.large.horizontal.list .list>.item,
.ui.large.horizontal.list>.item {
    font-size: 1.14285714rem
}

.ui.big.horizontal.list .list>.item,
.ui.big.horizontal.list>.item {
    font-size: 1.28571429rem
}

.ui.huge.horizontal.list .list>.item,
.ui.huge.horizontal.list>.item {
    font-size: 1.42857143rem
}

.ui.massive.horizontal.list .list>.item,
.ui.massive.horizontal.list>.item {
    font-size: 1.71428571rem
}

/*!
* # Semantic UI 2.3.1 - Loader
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    text-align: center;
    z-index: 1000;
    transform: translate(-50%) translateY(-50%)
}

.ui.loader:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loader:after {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: loader .6s linear;
    animation: loader .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
}

@-webkit-keyframes loader {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ui.mini.loader:after,
.ui.mini.loader:before {
    width: 1rem;
    height: 1rem;
    margin: 0 0 0 -.5rem
}

.ui.tiny.loader:after,
.ui.tiny.loader:before {
    width: 1.14285714rem;
    height: 1.14285714rem;
    margin: 0 0 0 -.57142857rem
}

.ui.small.loader:after,
.ui.small.loader:before {
    width: 1.71428571rem;
    height: 1.71428571rem;
    margin: 0 0 0 -.85714286rem
}

.ui.loader:after,
.ui.loader:before {
    width: 2.28571429rem;
    height: 2.28571429rem;
    margin: 0 0 0 -1.14285714rem
}

.ui.large.loader:after,
.ui.large.loader:before {
    width: 3.42857143rem;
    height: 3.42857143rem;
    margin: 0 0 0 -1.71428571rem
}

.ui.big.loader:after,
.ui.big.loader:before {
    width: 3.71428571rem;
    height: 3.71428571rem;
    margin: 0 0 0 -1.85714286rem
}

.ui.huge.loader:after,
.ui.huge.loader:before {
    width: 4.14285714rem;
    height: 4.14285714rem;
    margin: 0 0 0 -2.07142857rem
}

.ui.massive.loader:after,
.ui.massive.loader:before {
    width: 4.57142857rem;
    height: 4.57142857rem;
    margin: 0 0 0 -2.28571429rem
}

.ui.dimmer .loader {
    display: block
}

.ui.dimmer .ui.loader {
    color: #ffffffe6
}

.ui.dimmer .ui.loader:before {
    border-color: #ffffff26
}

.ui.dimmer .ui.loader:after {
    border-color: #fff transparent transparent
}

.ui.inverted.dimmer .ui.loader {
    color: #000000de
}

.ui.inverted.dimmer .ui.loader:before {
    border-color: #0000001a
}

.ui.inverted.dimmer .ui.loader:after {
    border-color: #767676 transparent transparent
}

.ui.text.loader {
    width: auto !important;
    height: auto !important;
    text-align: center;
    font-style: normal
}

.ui.indeterminate.loader:after {
    animation-direction: reverse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.ui.loader.active,
.ui.loader.visible {
    display: block
}

.ui.loader.disabled,
.ui.loader.hidden {
    display: none
}

.ui.inverted.dimmer .ui.mini.loader,
.ui.mini.loader {
    width: 1rem;
    height: 1rem;
    font-size: .78571429em
}

.ui.inverted.dimmer .ui.tiny.loader,
.ui.tiny.loader {
    width: 1.14285714rem;
    height: 1.14285714rem;
    font-size: .85714286em
}

.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
    width: 1.71428571rem;
    height: 1.71428571rem;
    font-size: .92857143em
}

.ui.inverted.dimmer .ui.loader,
.ui.loader {
    width: 2.28571429rem;
    height: 2.28571429rem;
    font-size: 1em
}

.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
    width: 3.42857143rem;
    height: 3.42857143rem;
    font-size: 1.14285714em
}

.ui.big.loader,
.ui.inverted.dimmer .ui.big.loader {
    width: 3.71428571rem;
    height: 3.71428571rem;
    font-size: 1.28571429em
}

.ui.huge.loader,
.ui.inverted.dimmer .ui.huge.loader {
    width: 4.14285714rem;
    height: 4.14285714rem;
    font-size: 1.42857143em
}

.ui.inverted.dimmer .ui.massive.loader,
.ui.massive.loader {
    width: 4.57142857rem;
    height: 4.57142857rem;
    font-size: 1.71428571em
}

.ui.mini.text.loader {
    min-width: 1rem;
    padding-top: 1.78571429rem
}

.ui.tiny.text.loader {
    min-width: 1.14285714rem;
    padding-top: 1.92857143rem
}

.ui.small.text.loader {
    min-width: 1.71428571rem;
    padding-top: 2.5rem
}

.ui.text.loader {
    min-width: 2.28571429rem;
    padding-top: 3.07142857rem
}

.ui.large.text.loader {
    min-width: 3.42857143rem;
    padding-top: 4.21428571rem
}

.ui.big.text.loader {
    min-width: 3.71428571rem;
    padding-top: 4.5rem
}

.ui.huge.text.loader {
    min-width: 4.14285714rem;
    padding-top: 4.92857143rem
}

.ui.massive.text.loader {
    min-width: 4.57142857rem;
    padding-top: 5.35714286rem
}

.ui.inverted.loader {
    color: #ffffffe6
}

.ui.inverted.loader:before {
    border-color: #ffffff26
}

.ui.inverted.loader:after {
    border-top-color: #fff
}

.ui.inline.loader {
    position: relative;
    vertical-align: middle;
    margin: 0;
    left: 0;
    top: 0;
    transform: none
}

.ui.inline.loader.active,
.ui.inline.loader.visible {
    display: inline-block
}

.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*!
* # Semantic UI 2.3.1 - Rail
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.rail {
    position: absolute;
    top: 0;
    width: 300px;
    height: 100%
}

.ui.left.rail {
    left: auto;
    right: 100%;
    padding: 0 2rem 0 0;
    margin: 0 2rem 0 0
}

.ui.right.rail {
    left: 100%;
    right: auto;
    padding: 0 0 0 2rem;
    margin: 0 0 0 2rem
}

.ui.left.internal.rail {
    left: 0;
    right: auto;
    padding: 0 0 0 2rem;
    margin: 0 0 0 2rem
}

.ui.right.internal.rail {
    left: auto;
    right: 0;
    padding: 0 2rem 0 0;
    margin: 0 2rem 0 0
}

.ui.dividing.rail {
    width: 302.5px
}

.ui.left.dividing.rail {
    padding: 0 2.5rem 0 0;
    margin: 0 2.5rem 0 0;
    border-right: 1px solid rgba(34, 36, 38, .15)
}

.ui.right.dividing.rail {
    border-left: 1px solid rgba(34, 36, 38, .15);
    padding: 0 0 0 2.5rem;
    margin: 0 0 0 2.5rem
}

.ui.close.rail {
    width: calc(300px + 1em)
}

.ui.close.left.rail {
    padding: 0 1em 0 0;
    margin: 0 1em 0 0
}

.ui.close.right.rail {
    padding: 0 0 0 1em;
    margin: 0 0 0 1em
}

.ui.very.close.rail {
    width: calc(300px + .5em)
}

.ui.very.close.left.rail {
    padding: 0 .5em 0 0;
    margin: 0 .5em 0 0
}

.ui.very.close.right.rail {
    padding: 0 0 0 .5em;
    margin: 0 0 0 .5em
}

.ui.attached.left.rail,
.ui.attached.right.rail {
    padding: 0;
    margin: 0
}

.ui.mini.rail {
    font-size: .78571429rem
}

.ui.tiny.rail {
    font-size: .85714286rem
}

.ui.small.rail {
    font-size: .92857143rem
}

.ui.rail {
    font-size: 1rem
}

.ui.large.rail {
    font-size: 1.14285714rem
}

.ui.big.rail {
    font-size: 1.28571429rem
}

.ui.huge.rail {
    font-size: 1.42857143rem
}

.ui.massive.rail {
    font-size: 1.71428571rem
}

/*!
* # Semantic UI 2.3.1 - Reveal
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.reveal {
    display: inherit;
    position: relative !important;
    font-size: 0 !important
}

.ui.reveal>.visible.content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 3 !important;
    transition: all .5s ease .1s
}

.ui.reveal>.hidden.content {
    position: relative !important;
    z-index: 2 !important
}

.ui.active.reveal .visible.content,
.ui.reveal:hover .visible.content {
    z-index: 4 !important
}

.ui.slide.reveal {
    position: relative !important;
    overflow: hidden !important;
    white-space: nowrap
}

.ui.slide.reveal>.content {
    display: block;
    width: 100%;
    white-space: normal;
    float: left;
    margin: 0;
    transition: transform .5s ease .1s
}

.ui.slide.reveal>.visible.content {
    position: relative !important
}

.ui.slide.reveal>.hidden.content {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    transform: translate(100%) !important
}

.ui.slide.active.reveal>.visible.content,
.ui.slide.reveal:hover>.visible.content {
    transform: translate(-100%) !important
}

.ui.slide.active.reveal>.hidden.content,
.ui.slide.reveal:hover>.hidden.content {
    transform: translate(0) !important
}

.ui.slide.right.reveal>.visible.content {
    transform: translate(0) !important
}

.ui.slide.right.reveal>.hidden.content {
    transform: translate(-100%) !important
}

.ui.slide.right.active.reveal>.visible.content,
.ui.slide.right.reveal:hover>.visible.content {
    transform: translate(100%) !important
}

.ui.slide.right.active.reveal>.hidden.content,
.ui.slide.right.reveal:hover>.hidden.content {
    transform: translate(0) !important
}

.ui.slide.up.reveal>.hidden.content {
    transform: translateY(100%) !important
}

.ui.slide.up.active.reveal>.visible.content,
.ui.slide.up.reveal:hover>.visible.content {
    transform: translateY(-100%) !important
}

.ui.slide.up.active.reveal>.hidden.content,
.ui.slide.up.reveal:hover>.hidden.content {
    transform: translateY(0) !important
}

.ui.slide.down.reveal>.hidden.content {
    transform: translateY(-100%) !important
}

.ui.slide.down.active.reveal>.visible.content,
.ui.slide.down.reveal:hover>.visible.content {
    transform: translateY(100%) !important
}

.ui.slide.down.active.reveal>.hidden.content,
.ui.slide.down.reveal:hover>.hidden.content {
    transform: translateY(0) !important
}

.ui.fade.reveal>.visible.content {
    opacity: 1
}

.ui.fade.active.reveal>.visible.content,
.ui.fade.reveal:hover>.visible.content {
    opacity: 0
}

.ui.move.reveal {
    position: relative !important;
    overflow: hidden !important;
    white-space: nowrap
}

.ui.move.reveal>.content {
    display: block;
    float: left;
    white-space: normal;
    margin: 0;
    transition: transform .5s cubic-bezier(.175, .885, .32, 1) .1s
}

.ui.move.reveal>.visible.content {
    position: relative !important
}

.ui.move.reveal>.hidden.content {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important
}

.ui.move.active.reveal>.visible.content,
.ui.move.reveal:hover>.visible.content {
    transform: translate(-100%) !important
}

.ui.move.right.active.reveal>.visible.content,
.ui.move.right.reveal:hover>.visible.content {
    transform: translate(100%) !important
}

.ui.move.up.active.reveal>.visible.content,
.ui.move.up.reveal:hover>.visible.content {
    transform: translateY(-100%) !important
}

.ui.move.down.active.reveal>.visible.content,
.ui.move.down.reveal:hover>.visible.content {
    transform: translateY(100%) !important
}

.ui.rotate.reveal>.visible.content {
    transition-duration: .5s;
    transform: rotate(0)
}

.ui.rotate.reveal>.visible.content,
.ui.rotate.right.reveal>.visible.content {
    transform-origin: bottom right
}

.ui.rotate.active.reveal>.visible.content,
.ui.rotate.reveal:hover>.visible.content,
.ui.rotate.right.active.reveal>.visible.content,
.ui.rotate.right.reveal:hover>.visible.content {
    transform: rotate(110deg)
}

.ui.rotate.left.reveal>.visible.content {
    transform-origin: bottom left
}

.ui.rotate.left.active.reveal>.visible.content,
.ui.rotate.left.reveal:hover>.visible.content {
    transform: rotate(-110deg)
}

.ui.disabled.reveal:hover>.visible.visible.content {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important
}

.ui.disabled.reveal:hover>.hidden.hidden.content {
    display: none !important
}

.ui.reveal>.ui.ribbon.label {
    z-index: 5
}

.ui.visible.reveal {
    overflow: visible
}

.ui.instant.reveal>.content {
    transition-delay: 0s !important
}

.ui.reveal>.content {
    font-size: 1rem !important
}

/*!
* # Semantic UI 2.3.1 - Segment
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.segment {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px #22242626;
    margin: 1rem 0;
    padding: 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.vertical.segment {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background: none transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.ui.vertical.segment:last-child {
    border-bottom: none
}

.ui.inverted.segment>.ui.header {
    color: #fff
}

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

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

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

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

.ui.grid>.row>.ui.segment.column,
.ui.grid>.ui.segment.column,
.ui.page.grid.segment {
    padding-top: 2em;
    padding-bottom: 2em
}

.ui.grid.segment {
    margin: 1rem 0;
    border-radius: .28571429rem
}

.ui.basic.table.segment {
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: 0 1px 2px #22242626
}

.ui[class*="very basic"].table.segment {
    padding: 1em
}

.ui.piled.segment,
.ui.piled.segments {
    margin: 3em 0;
    box-shadow: "";
    z-index: auto
}

.ui.piled.segment:first-child {
    margin-top: 0
}

.ui.piled.segment:last-child {
    margin-bottom: 0
}

.ui.piled.segment:after,
.ui.piled.segment:before,
.ui.piled.segments:after,
.ui.piled.segments:before {
    background-color: #fff;
    visibility: visible;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: ""
}

.ui.piled.segment:before,
.ui.piled.segments:before {
    transform: rotate(-1.2deg);
    top: 0;
    z-index: -2
}

.ui.piled.segment:after,
.ui.piled.segments:after {
    transform: rotate(1.2deg);
    top: 0;
    z-index: -1
}

.ui[class*="top attached"].piled.segment {
    margin-top: 3em;
    margin-bottom: 0
}

.ui.piled.segment[class*="top attached"]:first-child {
    margin-top: 0
}

.ui.piled.segment[class*="bottom attached"] {
    margin-top: 0;
    margin-bottom: 3em
}

.ui.piled.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0
}

.ui.stacked.segment {
    padding-bottom: 1.4em
}

.ui.stacked.segment:after,
.ui.stacked.segment:before,
.ui.stacked.segments:after,
.ui.stacked.segments:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    border-top: 1px solid rgba(34, 36, 38, .15);
    background: rgba(0, 0, 0, .03);
    width: 100%;
    height: 6px;
    visibility: visible
}

.ui.stacked.segment:before,
.ui.stacked.segments:before {
    display: none
}

.ui.tall.stacked.segment:before,
.ui.tall.stacked.segments:before {
    display: block;
    bottom: 0
}

.ui.stacked.inverted.segment:after,
.ui.stacked.inverted.segment:before,
.ui.stacked.inverted.segments:after,
.ui.stacked.inverted.segments:before {
    background-color: #00000008;
    border-top: 1px solid rgba(34, 36, 38, .35)
}

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

.ui[class*="very padded"].segment {
    padding: 3em
}

.ui.padded.segment.vertical.segment,
.ui[class*="very padded"].vertical.segment {
    padding-left: 0;
    padding-right: 0
}

.ui.compact.segment {
    display: table
}

.ui.compact.segments {
    display: inline-flex
}

.ui.compact.segments .segment,
.ui.segments .compact.segment {
    display: block;
    flex: 0 1 auto
}

.ui.circular.segment {
    display: table-cell;
    padding: 2em;
    text-align: center;
    vertical-align: middle;
    border-radius: 500em
}

.ui.raised.segment,
.ui.raised.segments {
    box-shadow: 0 2px 4px #2224261f, 0 2px 10px #22242626
}

.ui.segments {
    flex-direction: column;
    position: relative;
    margin: 1rem 0;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: 0 1px 2px #22242626;
    border-radius: .28571429rem
}

.ui.segments:first-child {
    margin-top: 0
}

.ui.segments:last-child {
    margin-bottom: 0
}

.ui.segments>.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
    width: auto;
    box-shadow: none;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.segments:not(.horizontal)>.segment:first-child {
    border-top: none;
    margin-top: 0;
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.segments:not(.horizontal)>.segment:last-child {
    top: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0 1px 2px #22242626, none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.segments:not(.horizontal)>.segment:only-child {
    border-radius: .28571429rem
}

.ui.segments>.ui.segments {
    border-top: 1px solid rgba(34, 36, 38, .15);
    margin: 1rem
}

.ui.segments>.segments:first-child {
    border-top: none
}

.ui.segments>.segment+.segments:not(.horizontal) {
    margin-top: 0
}

.ui.horizontal.segments {
    display: flex;
    flex-direction: row;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 1px 2px #22242626;
    margin: 1rem 0;
    border-radius: .28571429rem;
    border: 1px solid rgba(34, 36, 38, .15)
}

.ui.segments>.horizontal.segments {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.horizontal.segments>.segment {
    flex: 1 1 auto;
    -ms-flex: 1 1 0px;
    margin: 0;
    min-width: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.segments>.horizontal.segments:first-child {
    border-top: none
}

.ui.horizontal.segments>.segment:first-child {
    border-left: none
}

.ui.disabled.segment {
    opacity: .45;
    color: #2828284d
}

.ui.loading.segment {
    position: relative;
    cursor: default;
    pointer-events: none;
    text-shadow: none !important;
    color: transparent !important;
    transition: all 0s linear
}

.ui.loading.segment:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    border-radius: .28571429rem;
    z-index: 100
}

.ui.loading.segment:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: segment-spin .6s linear;
    animation: segment-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 segment-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes segment-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ui.basic.segment {
    background: none transparent;
    box-shadow: none;
    border: none;
    border-radius: 0
}

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

.ui.red.segment:not(.inverted) {
    border-top: 2px solid #db2828 !important
}

.ui.inverted.red.segment {
    background-color: #db2828 !important;
    color: #fff !important
}

.ui.orange.segment:not(.inverted) {
    border-top: 2px solid #f2711c !important
}

.ui.inverted.orange.segment {
    background-color: #f2711c !important;
    color: #fff !important
}

.ui.yellow.segment:not(.inverted) {
    border-top: 2px solid #fbbd08 !important
}

.ui.inverted.yellow.segment {
    background-color: #fbbd08 !important;
    color: #fff !important
}

.ui.olive.segment:not(.inverted) {
    border-top: 2px solid #b5cc18 !important
}

.ui.inverted.olive.segment {
    background-color: #b5cc18 !important;
    color: #fff !important
}

.ui.green.segment:not(.inverted) {
    border-top: 2px solid #21ba45 !important
}

.ui.inverted.green.segment {
    background-color: #21ba45 !important;
    color: #fff !important
}

.ui.teal.segment:not(.inverted) {
    border-top: 2px solid #00b5ad !important
}

.ui.inverted.teal.segment {
    background-color: #00b5ad !important;
    color: #fff !important
}

.ui.blue.segment:not(.inverted) {
    border-top: 2px solid #2185d0 !important
}

.ui.inverted.blue.segment {
    background-color: #2185d0 !important;
    color: #fff !important
}

.ui.violet.segment:not(.inverted) {
    border-top: 2px solid #6435c9 !important
}

.ui.inverted.violet.segment {
    background-color: #6435c9 !important;
    color: #fff !important
}

.ui.purple.segment:not(.inverted) {
    border-top: 2px solid #a333c8 !important
}

.ui.inverted.purple.segment {
    background-color: #a333c8 !important;
    color: #fff !important
}

.ui.pink.segment:not(.inverted) {
    border-top: 2px solid #e03997 !important
}

.ui.inverted.pink.segment {
    background-color: #e03997 !important;
    color: #fff !important
}

.ui.brown.segment:not(.inverted) {
    border-top: 2px solid #a5673f !important
}

.ui.inverted.brown.segment {
    background-color: #a5673f !important;
    color: #fff !important
}

.ui.grey.segment:not(.inverted) {
    border-top: 2px solid #767676 !important
}

.ui.inverted.grey.segment {
    background-color: #767676 !important;
    color: #fff !important
}

.ui.black.segment:not(.inverted) {
    border-top: 2px solid #1b1c1d !important
}

.ui.inverted.black.segment {
    background-color: #1b1c1d !important;
    color: #fff !important
}

.ui[class*="left aligned"].segment {
    text-align: left
}

.ui[class*="right aligned"].segment {
    text-align: right
}

.ui[class*="center aligned"].segment {
    text-align: center
}

.ui.floated.segment,
.ui[class*="left floated"].segment {
    float: left;
    margin-right: 1em
}

.ui[class*="right floated"].segment {
    float: right;
    margin-left: 1em
}

.ui.inverted.segment {
    border: none;
    box-shadow: none
}

.ui.inverted.segment,
.ui.primary.inverted.segment {
    background: #1b1c1d;
    color: #ffffffe6
}

.ui.inverted.segment .segment {
    color: #000000de
}

.ui.inverted.segment .inverted.segment {
    color: #ffffffe6
}

.ui.inverted.attached.segment {
    border-color: #555
}

.ui.secondary.segment {
    background: #f3f4f5;
    color: #0009
}

.ui.secondary.inverted.segment {
    background: #4c4f52 linear-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 100%);
    color: #fffc
}

.ui.tertiary.segment {
    background: #dcddde;
    color: #0009
}

.ui.tertiary.inverted.segment {
    background: #717579 linear-gradient(rgba(255, 255, 255, .35) 0, rgba(255, 255, 255, .35) 100%);
    color: #fffc
}

.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.attached:not(.message)+.ui.attached.segment:not(.top) {
    border-top: none
}

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

.ui.segment[class*="top attached"]:first-child {
    margin-top: 0
}

.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px #22242626, none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0
}

.ui.mini.segment,
.ui.mini.segments .segment {
    font-size: .78571429rem
}

.ui.tiny.segment,
.ui.tiny.segments .segment {
    font-size: .85714286rem
}

.ui.small.segment,
.ui.small.segments .segment {
    font-size: .92857143rem
}

.ui.segment,
.ui.segments .segment {
    font-size: 1rem
}

.ui.large.segment,
.ui.large.segments .segment {
    font-size: 1.14285714rem
}

.ui.big.segment,
.ui.big.segments .segment {
    font-size: 1.28571429rem
}

.ui.huge.segment,
.ui.huge.segments .segment {
    font-size: 1.42857143rem
}

.ui.massive.segment,
.ui.massive.segments .segment {
    font-size: 1.71428571rem
}

/*!
* # Semantic UI 2.3.1 - Step
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.steps {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch;
    margin: 1em 0;
    background: none;
    box-shadow: none;
    line-height: 1.14285714em;
    border-radius: .28571429rem;
    border: 1px solid rgba(34, 36, 38, .15)
}

.ui.steps:first-child {
    margin-top: 0
}

.ui.steps:last-child {
    margin-bottom: 0
}

.ui.steps .step {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    flex-wrap: wrap;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 1.14285714em 2em;
    background: #fff;
    color: #000000de;
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-right: 1px solid rgba(34, 36, 38, .15);
    transition: background-color .1s ease, opacity .1s ease, color .1s ease, box-shadow .1s ease
}

.ui.steps .step:after {
    display: none;
    position: absolute;
    z-index: 2;
    content: "";
    top: 50%;
    right: 0;
    border: medium none;
    background-color: #fff;
    width: 1.14285714em;
    height: 1.14285714em;
    border-style: solid;
    border-color: #22242626;
    border-width: 0 1px 1px 0;
    transition: background-color .1s ease, opacity .1s ease, color .1s ease, box-shadow .1s ease;
    transform: translateY(-50%) translate(50%) rotate(-45deg)
}

.ui.steps .step:first-child {
    padding-left: 2em;
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.steps .step:last-child {
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.steps .step:last-child {
    border-right: none;
    margin-right: 0
}

.ui.steps .step:only-child {
    border-radius: .28571429rem
}

.ui.steps .step .title {
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1.14285714em;
    font-weight: 700
}

.ui.steps .step>.title {
    width: 100%
}

.ui.steps .step .description {
    font-weight: 400;
    font-size: .92857143em;
    color: #000000de
}

.ui.steps .step>.description {
    width: 100%
}

.ui.steps .step .title~.description {
    margin-top: .25em
}

.ui.steps .step>.icon {
    line-height: 1;
    font-size: 2.5em;
    margin: 0 1rem 0 0
}

.ui.steps .step>.icon,
.ui.steps .step>.icon~.content {
    display: block;
    flex: 0 1 auto;
    align-self: middle
}

.ui.steps .step>.icon~.content {
    flex-grow: 1 0 auto
}

.ui.steps:not(.vertical) .step>.icon {
    width: auto
}

.ui.steps .link.step,
.ui.steps a.step {
    cursor: pointer
}

.ui.ordered.steps {
    counter-reset: ordered
}

.ui.ordered.steps .step:before {
    display: block;
    position: static;
    text-align: center;
    content: counters(ordered, ".");
    align-self: middle;
    margin-right: 1rem;
    font-size: 2.5em;
    counter-increment: ordered;
    font-family: inherit;
    font-weight: 700
}

.ui.ordered.steps .step>* {
    display: block;
    align-self: middle
}

.ui.vertical.steps {
    display: inline-flex;
    flex-direction: column;
    overflow: visible
}

.ui.vertical.steps .step {
    justify-content: flex-start;
    border-radius: 0;
    padding: 1.14285714em 2em;
    border-right: none;
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.ui.vertical.steps .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.vertical.steps .step:last-child {
    border-bottom: none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.vertical.steps .step:only-child {
    border-radius: .28571429rem
}

.ui.vertical.steps .step:after {
    top: 50%;
    right: 0;
    border-width: 0 1px 1px 0
}

.ui.vertical.steps .step:after {
    display: none
}

.ui.vertical.steps .active.step:after {
    display: block
}

.ui.vertical.steps .step:last-child:after {
    display: none
}

.ui.vertical.steps .active.step:last-child:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.steps:not(.unstackable) {
        display: inline-flex;
        overflow: visible;
        flex-direction: column
    }

    .ui.steps:not(.unstackable) .step {
        width: 100% !important;
        flex-direction: column;
        border-radius: 0;
        padding: 1.14285714em 2em
    }

    .ui.steps:not(.unstackable) .step:first-child {
        padding: 1.14285714em 2em;
        border-radius: .28571429rem .28571429rem 0 0
    }

    .ui.steps:not(.unstackable) .step:last-child {
        border-radius: 0 0 .28571429rem .28571429rem
    }

    .ui.steps:not(.unstackable) .step:after {
        display: none !important
    }

    .ui.steps:not(.unstackable) .step .content {
        text-align: center
    }

    .ui.ordered.steps:not(.unstackable) .step:before,
    .ui.steps:not(.unstackable) .step>.icon {
        margin: 0 0 1rem
    }
}

.ui.steps .link.step:hover,
.ui.steps .link.step:hover:after,
.ui.steps a.step:hover,
.ui.steps a.step:hover:after {
    background: #f9fafb;
    color: #000c
}

.ui.steps .link.step:active,
.ui.steps .link.step:active:after,
.ui.steps a.step:active,
.ui.steps a.step:active:after {
    background: #f3f4f5;
    color: #000000e6
}

.ui.steps .step.active {
    cursor: auto;
    background: #f3f4f5
}

.ui.steps .step.active:after {
    background: #f3f4f5
}

.ui.steps .step.active .title {
    color: #4183c4
}

.ui.ordered.steps .step.active:before,
.ui.steps .active.step .icon {
    color: #000000d9
}

.ui.steps .step:after {
    display: block
}

.ui.steps .active.step:after {
    display: block
}

.ui.steps .step:last-child:after {
    display: none
}

.ui.steps .active.step:last-child:after {
    display: none
}

.ui.steps .link.active.step:hover,
.ui.steps .link.active.step:hover:after,
.ui.steps a.active.step:hover,
.ui.steps a.active.step:hover:after {
    cursor: pointer;
    background: #dcddde;
    color: #000000de
}

.ui.ordered.steps .step.completed:before,
.ui.steps .step.completed>.icon:before {
    color: #21ba45
}

.ui.steps .disabled.step {
    cursor: auto;
    background: #fff;
    pointer-events: none
}

.ui.steps .disabled.step,
.ui.steps .disabled.step .description,
.ui.steps .disabled.step .title {
    color: #2828284d
}

.ui.steps .disabled.step:after {
    background: #fff
}

@media only screen and (max-width: 991px) {
    .ui[class*="tablet stackable"].steps {
        display: inline-flex;
        overflow: visible;
        flex-direction: column
    }

    .ui[class*="tablet stackable"].steps .step {
        flex-direction: column;
        border-radius: 0;
        padding: 1.14285714em 2em
    }

    .ui[class*="tablet stackable"].steps .step:first-child {
        padding: 1.14285714em 2em;
        border-radius: .28571429rem .28571429rem 0 0
    }

    .ui[class*="tablet stackable"].steps .step:last-child {
        border-radius: 0 0 .28571429rem .28571429rem
    }

    .ui[class*="tablet stackable"].steps .step:after {
        display: none !important
    }

    .ui[class*="tablet stackable"].steps .step .content {
        text-align: center
    }

    .ui[class*="tablet stackable"].ordered.steps .step:before,
    .ui[class*="tablet stackable"].steps .step>.icon {
        margin: 0 0 1rem
    }
}

.ui.fluid.steps {
    display: flex;
    width: 100%
}

.ui.attached.steps {
    width: calc(100% + 2px) !important;
    margin: 0 -1px;
    max-width: calc(100% + 2px);
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.attached.steps .step:first-child {
    border-radius: .28571429rem 0 0
}

.ui.attached.steps .step:last-child {
    border-radius: 0 .28571429rem 0 0
}

.ui.bottom.attached.steps {
    margin: 0 -1px;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.bottom.attached.steps .step:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui.bottom.attached.steps .step:last-child {
    border-radius: 0 0 .28571429rem
}

.ui.eight.steps,
.ui.five.steps,
.ui.four.steps,
.ui.one.steps,
.ui.seven.steps,
.ui.six.steps,
.ui.three.steps,
.ui.two.steps {
    width: 100%
}

.ui.eight.steps>.step,
.ui.five.steps>.step,
.ui.four.steps>.step,
.ui.one.steps>.step,
.ui.seven.steps>.step,
.ui.six.steps>.step,
.ui.three.steps>.step,
.ui.two.steps>.step {
    flex-wrap: nowrap
}

.ui.one.steps>.step {
    width: 100%
}

.ui.two.steps>.step {
    width: 50%
}

.ui.three.steps>.step {
    width: 33.333%
}

.ui.four.steps>.step {
    width: 25%
}

.ui.five.steps>.step {
    width: 20%
}

.ui.six.steps>.step {
    width: 16.666%
}

.ui.seven.steps>.step {
    width: 14.285%
}

.ui.eight.steps>.step {
    width: 12.5%
}

.ui.mini.step,
.ui.mini.steps .step {
    font-size: .78571429rem
}

.ui.tiny.step,
.ui.tiny.steps .step {
    font-size: .85714286rem
}

.ui.small.step,
.ui.small.steps .step {
    font-size: .92857143rem
}

.ui.step,
.ui.steps .step {
    font-size: 1rem
}

.ui.large.step,
.ui.large.steps .step {
    font-size: 1.14285714rem
}

.ui.big.step,
.ui.big.steps .step {
    font-size: 1.28571429rem
}

.ui.huge.step,
.ui.huge.steps .step {
    font-size: 1.42857143rem
}

.ui.massive.step,
.ui.massive.steps .step {
    font-size: 1.71428571rem
}

@font-face {
    font-family: Step;
    src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format("woff")
}

.ui.ordered.steps .step.completed:before,
.ui.steps .step.completed>.icon:before {
    font-family: Step;
    content: "\e800"
}

/*!
* # Semantic UI 2.3.1 - Breadcrumb
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.breadcrumb {
    line-height: 1;
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

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

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

.ui.breadcrumb .divider {
    display: inline-block;
    opacity: .7;
    margin: 0 .21428571rem;
    font-size: .92857143em;
    color: #0006;
    vertical-align: baseline
}

.ui.breadcrumb a {
    color: #4183c4
}

.ui.breadcrumb a:hover {
    color: #1e70bf
}

.ui.breadcrumb .icon.divider {
    font-size: .85714286em;
    vertical-align: baseline
}

.ui.breadcrumb a.section {
    cursor: pointer
}

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

.ui.breadcrumb.segment {
    display: inline-block;
    padding: .78571429em 1em
}

.ui.breadcrumb .active.section {
    font-weight: 700
}

.ui.mini.breadcrumb {
    font-size: .78571429rem
}

.ui.tiny.breadcrumb {
    font-size: .85714286rem
}

.ui.small.breadcrumb {
    font-size: .92857143rem
}

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

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

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

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

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

/*!
 * # Semantic UI 2.3.1 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
*/
.ui.form {
    position: relative;
    max-width: 100%
}

.ui.form>p {
    margin: 1em 0
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em
}

.dynamic .ui.form .field:last-child,
.dynamic .ui.form .fields:last-child .field {
    margin-bottom: 0
}

.ui.form .fields .field {
    clear: both;
    margin: 0
}

.ui.form .field>label {
    display: block;
    margin: 0 0 .28571429rem;
    color: #000000de;
    font-size: .92857143em;
    font-weight: 500;
    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 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: .62em 1em;
    color: #000000de;
    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 .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 :focus::-webkit-input-placeholder {
    color: #737373de
}

.ui.form :focus:-ms-input-placeholder {
    color: #737373de
}

.ui.form :focus::-moz-placeholder {
    color: #737373de
}

.ui.form .error ::-webkit-input-placeholder {
    color: #162a4c80
}

.ui.form .error :-ms-input-placeholder {
    color: #162a4c80 !important
}

.ui.form .error ::-moz-placeholder {
    color: #162a4c80
}

.ui.form .error :focus::-webkit-input-placeholder {
    color: #162a4c80
}

.ui.form .error :focus:-ms-input-placeholder {
    color: #162a4c80 !important
}

.ui.form .error :focus::-moz-placeholder {
    color: #162a4c80
}

.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 .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 .field.error .sni-input-wrapper .descriptions {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    border-radius: "";
    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 {
    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,
.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,
.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 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes form-spin {
    0% {
        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: #ffffffe6
}

.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: #ffffff1a;
    color: #000000de;
    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;
    color: #000000de;
    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
}

.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: #000000de;
    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
}

/*!
 * # Semantic UI 2.3.1 - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0
}

.ui.grid {
    margin: -1rem
}

.ui.relaxed.grid {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.ui[class*="very relaxed"].grid {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.ui.grid+.grid {
    margin-top: 1rem
}

.ui.grid>.column:not(.row),
.ui.grid>.row>.column {
    position: relative;
    display: inline-block;
    width: 6.25%;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top
}

.ui.grid>* {
    padding-left: 1rem;
    padding-right: 1rem
}

.ui.grid>.row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: inherit;
    align-items: stretch;
    width: 100% !important;
    padding: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-left: 0;
    margin-right: 0
}

.ui.grid>.column:not(.row) {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.row>.column {
    margin-top: 0;
    margin-bottom: 0
}

.ui.grid>.row>.column>img,
.ui.grid>.row>img {
    max-width: 100%
}

.ui.grid>.ui.grid:first-child {
    margin-top: 0
}

.ui.grid>.ui.grid:last-child {
    margin-bottom: 0
}

.ui.aligned.grid .column>.segment:not(.compact):not(.attached),
.ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached) {
    width: 100%
}

.ui.grid .row+.ui.divider {
    flex-grow: 1;
    margin: 1rem
}

.ui.grid .column+.ui.vertical.divider {
    height: calc(50% - 1rem)
}

.ui.grid>.column:last-child>.horizontal.segment,
.ui.grid>.row>.column:last-child>.horizontal.segment {
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .ui.page.grid {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 2em;
        padding-right: 2em
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 3%;
        padding-right: 3%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15%;
        padding-right: 15%
    }
}

@media only screen and (min-width: 1920px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 23%;
        padding-right: 23%
    }
}

.ui.grid>.column:only-child,
.ui.grid>.row>.column:only-child {
    width: 100%
}

.ui[class*="one column"].grid>.column:not(.row),
.ui[class*="one column"].grid>.row>.column {
    width: 100%
}

.ui[class*="two column"].grid>.column:not(.row),
.ui[class*="two column"].grid>.row>.column {
    width: 50%
}

.ui[class*="three column"].grid>.column:not(.row),
.ui[class*="three column"].grid>.row>.column {
    width: 33.33333333%
}

.ui[class*="four column"].grid>.column:not(.row),
.ui[class*="four column"].grid>.row>.column {
    width: 25%
}

.ui[class*="five column"].grid>.column:not(.row),
.ui[class*="five column"].grid>.row>.column {
    width: 20%
}

.ui[class*="six column"].grid>.column:not(.row),
.ui[class*="six column"].grid>.row>.column {
    width: 16.66666667%
}

.ui[class*="seven column"].grid>.column:not(.row),
.ui[class*="seven column"].grid>.row>.column {
    width: 14.28571429%
}

.ui[class*="eight column"].grid>.column:not(.row),
.ui[class*="eight column"].grid>.row>.column {
    width: 12.5%
}

.ui[class*="nine column"].grid>.column:not(.row),
.ui[class*="nine column"].grid>.row>.column {
    width: 11.11111111%
}

.ui[class*="ten column"].grid>.column:not(.row),
.ui[class*="ten column"].grid>.row>.column {
    width: 10%
}

.ui[class*="eleven column"].grid>.column:not(.row),
.ui[class*="eleven column"].grid>.row>.column {
    width: 9.09090909%
}

.ui[class*="twelve column"].grid>.column:not(.row),
.ui[class*="twelve column"].grid>.row>.column {
    width: 8.33333333%
}

.ui[class*="thirteen column"].grid>.column:not(.row),
.ui[class*="thirteen column"].grid>.row>.column {
    width: 7.69230769%
}

.ui[class*="fourteen column"].grid>.column:not(.row),
.ui[class*="fourteen column"].grid>.row>.column {
    width: 7.14285714%
}

.ui[class*="fifteen column"].grid>.column:not(.row),
.ui[class*="fifteen column"].grid>.row>.column {
    width: 6.66666667%
}

.ui[class*="sixteen column"].grid>.column:not(.row),
.ui[class*="sixteen column"].grid>.row>.column {
    width: 6.25%
}

.ui.grid>[class*="one column"].row>.column {
    width: 100% !important
}

.ui.grid>[class*="two column"].row>.column {
    width: 50% !important
}

.ui.grid>[class*="three column"].row>.column {
    width: 33.33333333% !important
}

.ui.grid>[class*="four column"].row>.column {
    width: 25% !important
}

.ui.grid>[class*="five column"].row>.column {
    width: 20% !important
}

.ui.grid>[class*="six column"].row>.column {
    width: 16.66666667% !important
}

.ui.grid>[class*="seven column"].row>.column {
    width: 14.28571429% !important
}

.ui.grid>[class*="eight column"].row>.column {
    width: 12.5% !important
}

.ui.grid>[class*="nine column"].row>.column {
    width: 11.11111111% !important
}

.ui.grid>[class*="ten column"].row>.column {
    width: 10% !important
}

.ui.grid>[class*="eleven column"].row>.column {
    width: 9.09090909% !important
}

.ui.grid>[class*="twelve column"].row>.column {
    width: 8.33333333% !important
}

.ui.grid>[class*="thirteen column"].row>.column {
    width: 7.69230769% !important
}

.ui.grid>[class*="fourteen column"].row>.column {
    width: 7.14285714% !important
}

.ui.grid>[class*="fifteen column"].row>.column {
    width: 6.66666667% !important
}

.ui.grid>[class*="sixteen column"].row>.column {
    width: 6.25% !important
}

.ui.celled.page.grid {
    box-shadow: none
}

.ui.column.grid>[class*="one wide"].column,
.ui.grid>.column.row>[class*="one wide"].column,
.ui.grid>.row>[class*="one wide"].column,
.ui.grid>[class*="one wide"].column {
    width: 6.25% !important
}

.ui.column.grid>[class*="two wide"].column,
.ui.grid>.column.row>[class*="two wide"].column,
.ui.grid>.row>[class*="two wide"].column,
.ui.grid>[class*="two wide"].column {
    width: 12.5% !important
}

.ui.column.grid>[class*="three wide"].column,
.ui.grid>.column.row>[class*="three wide"].column,
.ui.grid>.row>[class*="three wide"].column,
.ui.grid>[class*="three wide"].column {
    width: 18.75% !important
}

.ui.column.grid>[class*="four wide"].column,
.ui.grid>.column.row>[class*="four wide"].column,
.ui.grid>.row>[class*="four wide"].column,
.ui.grid>[class*="four wide"].column {
    width: 25% !important
}

.ui.column.grid>[class*="five wide"].column,
.ui.grid>.column.row>[class*="five wide"].column,
.ui.grid>.row>[class*="five wide"].column,
.ui.grid>[class*="five wide"].column {
    width: 31.25% !important
}

.ui.column.grid>[class*="six wide"].column,
.ui.grid>.column.row>[class*="six wide"].column,
.ui.grid>.row>[class*="six wide"].column,
.ui.grid>[class*="six wide"].column {
    width: 37.5% !important
}

.ui.column.grid>[class*="seven wide"].column,
.ui.grid>.column.row>[class*="seven wide"].column,
.ui.grid>.row>[class*="seven wide"].column,
.ui.grid>[class*="seven wide"].column {
    width: 43.75% !important
}

.ui.column.grid>[class*="eight wide"].column,
.ui.grid>.column.row>[class*="eight wide"].column,
.ui.grid>.row>[class*="eight wide"].column,
.ui.grid>[class*="eight wide"].column {
    width: 50% !important
}

.ui.column.grid>[class*="nine wide"].column,
.ui.grid>.column.row>[class*="nine wide"].column,
.ui.grid>.row>[class*="nine wide"].column,
.ui.grid>[class*="nine wide"].column {
    width: 56.25% !important
}

.ui.column.grid>[class*="ten wide"].column,
.ui.grid>.column.row>[class*="ten wide"].column,
.ui.grid>.row>[class*="ten wide"].column,
.ui.grid>[class*="ten wide"].column {
    width: 62.5% !important
}

.ui.column.grid>[class*="eleven wide"].column,
.ui.grid>.column.row>[class*="eleven wide"].column,
.ui.grid>.row>[class*="eleven wide"].column,
.ui.grid>[class*="eleven wide"].column {
    width: 68.75% !important
}

.ui.column.grid>[class*="twelve wide"].column,
.ui.grid>.column.row>[class*="twelve wide"].column,
.ui.grid>.row>[class*="twelve wide"].column,
.ui.grid>[class*="twelve wide"].column {
    width: 75% !important
}

.ui.column.grid>[class*="thirteen wide"].column,
.ui.grid>.column.row>[class*="thirteen wide"].column,
.ui.grid>.row>[class*="thirteen wide"].column,
.ui.grid>[class*="thirteen wide"].column {
    width: 81.25% !important
}

.ui.column.grid>[class*="fourteen wide"].column,
.ui.grid>.column.row>[class*="fourteen wide"].column,
.ui.grid>.row>[class*="fourteen wide"].column,
.ui.grid>[class*="fourteen wide"].column {
    width: 87.5% !important
}

.ui.column.grid>[class*="fifteen wide"].column,
.ui.grid>.column.row>[class*="fifteen wide"].column,
.ui.grid>.row>[class*="fifteen wide"].column,
.ui.grid>[class*="fifteen wide"].column {
    width: 93.75% !important
}

.ui.column.grid>[class*="sixteen wide"].column,
.ui.grid>.column.row>[class*="sixteen wide"].column,
.ui.grid>.row>[class*="sixteen wide"].column,
.ui.grid>[class*="sixteen wide"].column {
    width: 100% !important
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .ui.column.grid>[class*="one wide mobile"].column,
    .ui.grid>.column.row>[class*="one wide mobile"].column,
    .ui.grid>.row>[class*="one wide mobile"].column,
    .ui.grid>[class*="one wide mobile"].column {
        width: 6.25% !important
    }

    .ui.column.grid>[class*="two wide mobile"].column,
    .ui.grid>.column.row>[class*="two wide mobile"].column,
    .ui.grid>.row>[class*="two wide mobile"].column,
    .ui.grid>[class*="two wide mobile"].column {
        width: 12.5% !important
    }

    .ui.column.grid>[class*="three wide mobile"].column,
    .ui.grid>.column.row>[class*="three wide mobile"].column,
    .ui.grid>.row>[class*="three wide mobile"].column,
    .ui.grid>[class*="three wide mobile"].column {
        width: 18.75% !important
    }

    .ui.column.grid>[class*="four wide mobile"].column,
    .ui.grid>.column.row>[class*="four wide mobile"].column,
    .ui.grid>.row>[class*="four wide mobile"].column,
    .ui.grid>[class*="four wide mobile"].column {
        width: 25% !important
    }

    .ui.column.grid>[class*="five wide mobile"].column,
    .ui.grid>.column.row>[class*="five wide mobile"].column,
    .ui.grid>.row>[class*="five wide mobile"].column,
    .ui.grid>[class*="five wide mobile"].column {
        width: 31.25% !important
    }

    .ui.column.grid>[class*="six wide mobile"].column,
    .ui.grid>.column.row>[class*="six wide mobile"].column,
    .ui.grid>.row>[class*="six wide mobile"].column,
    .ui.grid>[class*="six wide mobile"].column {
        width: 37.5% !important
    }

    .ui.column.grid>[class*="seven wide mobile"].column,
    .ui.grid>.column.row>[class*="seven wide mobile"].column,
    .ui.grid>.row>[class*="seven wide mobile"].column,
    .ui.grid>[class*="seven wide mobile"].column {
        width: 43.75% !important
    }

    .ui.column.grid>[class*="eight wide mobile"].column,
    .ui.grid>.column.row>[class*="eight wide mobile"].column,
    .ui.grid>.row>[class*="eight wide mobile"].column,
    .ui.grid>[class*="eight wide mobile"].column {
        width: 50% !important
    }

    .ui.column.grid>[class*="nine wide mobile"].column,
    .ui.grid>.column.row>[class*="nine wide mobile"].column,
    .ui.grid>.row>[class*="nine wide mobile"].column,
    .ui.grid>[class*="nine wide mobile"].column {
        width: 56.25% !important
    }

    .ui.column.grid>[class*="ten wide mobile"].column,
    .ui.grid>.column.row>[class*="ten wide mobile"].column,
    .ui.grid>.row>[class*="ten wide mobile"].column,
    .ui.grid>[class*="ten wide mobile"].column {
        width: 62.5% !important
    }

    .ui.column.grid>[class*="eleven wide mobile"].column,
    .ui.grid>.column.row>[class*="eleven wide mobile"].column,
    .ui.grid>.row>[class*="eleven wide mobile"].column,
    .ui.grid>[class*="eleven wide mobile"].column {
        width: 68.75% !important
    }

    .ui.column.grid>[class*="twelve wide mobile"].column,
    .ui.grid>.column.row>[class*="twelve wide mobile"].column,
    .ui.grid>.row>[class*="twelve wide mobile"].column,
    .ui.grid>[class*="twelve wide mobile"].column {
        width: 75% !important
    }

    .ui.column.grid>[class*="thirteen wide mobile"].column,
    .ui.grid>.column.row>[class*="thirteen wide mobile"].column,
    .ui.grid>.row>[class*="thirteen wide mobile"].column,
    .ui.grid>[class*="thirteen wide mobile"].column {
        width: 81.25% !important
    }

    .ui.column.grid>[class*="fourteen wide mobile"].column,
    .ui.grid>.column.row>[class*="fourteen wide mobile"].column,
    .ui.grid>.row>[class*="fourteen wide mobile"].column,
    .ui.grid>[class*="fourteen wide mobile"].column {
        width: 87.5% !important
    }

    .ui.column.grid>[class*="fifteen wide mobile"].column,
    .ui.grid>.column.row>[class*="fifteen wide mobile"].column,
    .ui.grid>.row>[class*="fifteen wide mobile"].column,
    .ui.grid>[class*="fifteen wide mobile"].column {
        width: 93.75% !important
    }

    .ui.column.grid>[class*="sixteen wide mobile"].column,
    .ui.grid>.column.row>[class*="sixteen wide mobile"].column,
    .ui.grid>.row>[class*="sixteen wide mobile"].column,
    .ui.grid>[class*="sixteen wide mobile"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ui.column.grid>[class*="one wide tablet"].column,
    .ui.grid>.column.row>[class*="one wide tablet"].column,
    .ui.grid>.row>[class*="one wide tablet"].column,
    .ui.grid>[class*="one wide tablet"].column {
        width: 6.25% !important
    }

    .ui.column.grid>[class*="two wide tablet"].column,
    .ui.grid>.column.row>[class*="two wide tablet"].column,
    .ui.grid>.row>[class*="two wide tablet"].column,
    .ui.grid>[class*="two wide tablet"].column {
        width: 12.5% !important
    }

    .ui.column.grid>[class*="three wide tablet"].column,
    .ui.grid>.column.row>[class*="three wide tablet"].column,
    .ui.grid>.row>[class*="three wide tablet"].column,
    .ui.grid>[class*="three wide tablet"].column {
        width: 18.75% !important
    }

    .ui.column.grid>[class*="four wide tablet"].column,
    .ui.grid>.column.row>[class*="four wide tablet"].column,
    .ui.grid>.row>[class*="four wide tablet"].column,
    .ui.grid>[class*="four wide tablet"].column {
        width: 25% !important
    }

    .ui.column.grid>[class*="five wide tablet"].column,
    .ui.grid>.column.row>[class*="five wide tablet"].column,
    .ui.grid>.row>[class*="five wide tablet"].column,
    .ui.grid>[class*="five wide tablet"].column {
        width: 31.25% !important
    }

    .ui.column.grid>[class*="six wide tablet"].column,
    .ui.grid>.column.row>[class*="six wide tablet"].column,
    .ui.grid>.row>[class*="six wide tablet"].column,
    .ui.grid>[class*="six wide tablet"].column {
        width: 37.5% !important
    }

    .ui.column.grid>[class*="seven wide tablet"].column,
    .ui.grid>.column.row>[class*="seven wide tablet"].column,
    .ui.grid>.row>[class*="seven wide tablet"].column,
    .ui.grid>[class*="seven wide tablet"].column {
        width: 43.75% !important
    }

    .ui.column.grid>[class*="eight wide tablet"].column,
    .ui.grid>.column.row>[class*="eight wide tablet"].column,
    .ui.grid>.row>[class*="eight wide tablet"].column,
    .ui.grid>[class*="eight wide tablet"].column {
        width: 50% !important
    }

    .ui.column.grid>[class*="nine wide tablet"].column,
    .ui.grid>.column.row>[class*="nine wide tablet"].column,
    .ui.grid>.row>[class*="nine wide tablet"].column,
    .ui.grid>[class*="nine wide tablet"].column {
        width: 56.25% !important
    }

    .ui.column.grid>[class*="ten wide tablet"].column,
    .ui.grid>.column.row>[class*="ten wide tablet"].column,
    .ui.grid>.row>[class*="ten wide tablet"].column,
    .ui.grid>[class*="ten wide tablet"].column {
        width: 62.5% !important
    }

    .ui.column.grid>[class*="eleven wide tablet"].column,
    .ui.grid>.column.row>[class*="eleven wide tablet"].column,
    .ui.grid>.row>[class*="eleven wide tablet"].column,
    .ui.grid>[class*="eleven wide tablet"].column {
        width: 68.75% !important
    }

    .ui.column.grid>[class*="twelve wide tablet"].column,
    .ui.grid>.column.row>[class*="twelve wide tablet"].column,
    .ui.grid>.row>[class*="twelve wide tablet"].column,
    .ui.grid>[class*="twelve wide tablet"].column {
        width: 75% !important
    }

    .ui.column.grid>[class*="thirteen wide tablet"].column,
    .ui.grid>.column.row>[class*="thirteen wide tablet"].column,
    .ui.grid>.row>[class*="thirteen wide tablet"].column,
    .ui.grid>[class*="thirteen wide tablet"].column {
        width: 81.25% !important
    }

    .ui.column.grid>[class*="fourteen wide tablet"].column,
    .ui.grid>.column.row>[class*="fourteen wide tablet"].column,
    .ui.grid>.row>[class*="fourteen wide tablet"].column,
    .ui.grid>[class*="fourteen wide tablet"].column {
        width: 87.5% !important
    }

    .ui.column.grid>[class*="fifteen wide tablet"].column,
    .ui.grid>.column.row>[class*="fifteen wide tablet"].column,
    .ui.grid>.row>[class*="fifteen wide tablet"].column,
    .ui.grid>[class*="fifteen wide tablet"].column {
        width: 93.75% !important
    }

    .ui.column.grid>[class*="sixteen wide tablet"].column,
    .ui.grid>.column.row>[class*="sixteen wide tablet"].column,
    .ui.grid>.row>[class*="sixteen wide tablet"].column,
    .ui.grid>[class*="sixteen wide tablet"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 992px) {

    .ui.column.grid>[class*="one wide computer"].column,
    .ui.grid>.column.row>[class*="one wide computer"].column,
    .ui.grid>.row>[class*="one wide computer"].column,
    .ui.grid>[class*="one wide computer"].column {
        width: 6.25% !important
    }

    .ui.column.grid>[class*="two wide computer"].column,
    .ui.grid>.column.row>[class*="two wide computer"].column,
    .ui.grid>.row>[class*="two wide computer"].column,
    .ui.grid>[class*="two wide computer"].column {
        width: 12.5% !important
    }

    .ui.column.grid>[class*="three wide computer"].column,
    .ui.grid>.column.row>[class*="three wide computer"].column,
    .ui.grid>.row>[class*="three wide computer"].column,
    .ui.grid>[class*="three wide computer"].column {
        width: 18.75% !important
    }

    .ui.column.grid>[class*="four wide computer"].column,
    .ui.grid>.column.row>[class*="four wide computer"].column,
    .ui.grid>.row>[class*="four wide computer"].column,
    .ui.grid>[class*="four wide computer"].column {
        width: 25% !important
    }

    .ui.column.grid>[class*="five wide computer"].column,
    .ui.grid>.column.row>[class*="five wide computer"].column,
    .ui.grid>.row>[class*="five wide computer"].column,
    .ui.grid>[class*="five wide computer"].column {
        width: 31.25% !important
    }

    .ui.column.grid>[class*="six wide computer"].column,
    .ui.grid>.column.row>[class*="six wide computer"].column,
    .ui.grid>.row>[class*="six wide computer"].column,
    .ui.grid>[class*="six wide computer"].column {
        width: 37.5% !important
    }

    .ui.column.grid>[class*="seven wide computer"].column,
    .ui.grid>.column.row>[class*="seven wide computer"].column,
    .ui.grid>.row>[class*="seven wide computer"].column,
    .ui.grid>[class*="seven wide computer"].column {
        width: 43.75% !important
    }

    .ui.column.grid>[class*="eight wide computer"].column,
    .ui.grid>.column.row>[class*="eight wide computer"].column,
    .ui.grid>.row>[class*="eight wide computer"].column,
    .ui.grid>[class*="eight wide computer"].column {
        width: 50% !important
    }

    .ui.column.grid>[class*="nine wide computer"].column,
    .ui.grid>.column.row>[class*="nine wide computer"].column,
    .ui.grid>.row>[class*="nine wide computer"].column,
    .ui.grid>[class*="nine wide computer"].column {
        width: 56.25% !important
    }

    .ui.column.grid>[class*="ten wide computer"].column,
    .ui.grid>.column.row>[class*="ten wide computer"].column,
    .ui.grid>.row>[class*="ten wide computer"].column,
    .ui.grid>[class*="ten wide computer"].column {
        width: 62.5% !important
    }

    .ui.column.grid>[class*="eleven wide computer"].column,
    .ui.grid>.column.row>[class*="eleven wide computer"].column,
    .ui.grid>.row>[class*="eleven wide computer"].column,
    .ui.grid>[class*="eleven wide computer"].column {
        width: 68.75% !important
    }

    .ui.column.grid>[class*="twelve wide computer"].column,
    .ui.grid>.column.row>[class*="twelve wide computer"].column,
    .ui.grid>.row>[class*="twelve wide computer"].column,
    .ui.grid>[class*="twelve wide computer"].column {
        width: 75% !important
    }

    .ui.column.grid>[class*="thirteen wide computer"].column,
    .ui.grid>.column.row>[class*="thirteen wide computer"].column,
    .ui.grid>.row>[class*="thirteen wide computer"].column,
    .ui.grid>[class*="thirteen wide computer"].column {
        width: 81.25% !important
    }

    .ui.column.grid>[class*="fourteen wide computer"].column,
    .ui.grid>.column.row>[class*="fourteen wide computer"].column,
    .ui.grid>.row>[class*="fourteen wide computer"].column,
    .ui.grid>[class*="fourteen wide computer"].column {
        width: 87.5% !important
    }

    .ui.column.grid>[class*="fifteen wide computer"].column,
    .ui.grid>.column.row>[class*="fifteen wide computer"].column,
    .ui.grid>.row>[class*="fifteen wide computer"].column,
    .ui.grid>[class*="fifteen wide computer"].column {
        width: 93.75% !important
    }

    .ui.column.grid>[class*="sixteen wide computer"].column,
    .ui.grid>.column.row>[class*="sixteen wide computer"].column,
    .ui.grid>.row>[class*="sixteen wide computer"].column,
    .ui.grid>[class*="sixteen wide computer"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {

    .ui.column.grid>[class*="one wide large screen"].column,
    .ui.grid>.column.row>[class*="one wide large screen"].column,
    .ui.grid>.row>[class*="one wide large screen"].column,
    .ui.grid>[class*="one wide large screen"].column {
        width: 6.25% !important
    }

    .ui.column.grid>[class*="two wide large screen"].column,
    .ui.grid>.column.row>[class*="two wide large screen"].column,
    .ui.grid>.row>[class*="two wide large screen"].column,
    .ui.grid>[class*="two wide large screen"].column {
        width: 12.5% !important
    }

    .ui.column.grid>[class*="three wide large screen"].column,
    .ui.grid>.column.row>[class*="three wide large screen"].column,
    .ui.grid>.row>[class*="three wide large screen"].column,
    .ui.grid>[class*="three wide large screen"].column {
        width: 18.75% !important
    }

    .ui.column.grid>[class*="four wide large screen"].column,
    .ui.grid>.column.row>[class*="four wide large screen"].column,
    .ui.grid>.row>[class*="four wide large screen"].column,
    .ui.grid>[class*="four wide large screen"].column {
        width: 25% !important
    }

    .ui.column.grid>[class*="five wide large screen"].column,
    .ui.grid>.column.row>[class*="five wide large screen"].column,
    .ui.grid>.row>[class*="five wide large screen"].column,
    .ui.grid>[class*="five wide large screen"].column {
        width: 31.25% !important
    }

    .ui.column.grid>[class*="six wide large screen"].column,
    .ui.grid>.column.row>[class*="six wide large screen"].column,
    .ui.grid>.row>[class*="six wide large screen"].column,
    .ui.grid>[class*="six wide large screen"].column {
        width: 37.5% !important
    }

    .ui.column.grid>[class*="seven wide large screen"].column,
    .ui.grid>.column.row>[class*="seven wide large screen"].column,
    .ui.grid>.row>[class*="seven wide large screen"].column,
    .ui.grid>[class*="seven wide large screen"].column {
        width: 43.75% !important
    }

    .ui.column.grid>[class*="eight wide large screen"].column,
    .ui.grid>.column.row>[class*="eight wide large screen"].column,
    .ui.grid>.row>[class*="eight wide large screen"].column,
    .ui.grid>[class*="eight wide large screen"].column {
        width: 50% !important
    }

    .ui.column.grid>[class*="nine wide large screen"].column,
    .ui.grid>.column.row>[class*="nine wide large screen"].column,
    .ui.grid>.row>[class*="nine wide large screen"].column,
    .ui.grid>[class*="nine wide large screen"].column {
        width: 56.25% !important
    }

    .ui.column.grid>[class*="ten wide large screen"].column,
    .ui.grid>.column.row>[class*="ten wide large screen"].column,
    .ui.grid>.row>[class*="ten wide large screen"].column,
    .ui.grid>[class*="ten wide large screen"].column {
        width: 62.5% !important
    }

    .ui.column.grid>[class*="eleven wide large screen"].column,
    .ui.grid>.column.row>[class*="eleven wide large screen"].column,
    .ui.grid>.row>[class*="eleven wide large screen"].column,
    .ui.grid>[class*="eleven wide large screen"].column {
        width: 68.75% !important
    }

    .ui.column.grid>[class*="twelve wide large screen"].column,
    .ui.grid>.column.row>[class*="twelve wide large screen"].column,
    .ui.grid>.row>[class*="twelve wide large screen"].column,
    .ui.grid>[class*="twelve wide large screen"].column {
        width: 75% !important
    }

    .ui.column.grid>[class*="thirteen wide large screen"].column,
    .ui.grid>.column.row>[class*="thirteen wide large screen"].column,
    .ui.grid>.row>[class*="thirteen wide large screen"].column,
    .ui.grid>[class*="thirteen wide large screen"].column {
        width: 81.25% !important
    }

    .ui.column.grid>[class*="fourteen wide large screen"].column,
    .ui.grid>.column.row>[class*="fourteen wide large screen"].column,
    .ui.grid>.row>[class*="fourteen wide large screen"].column,
    .ui.grid>[class*="fourteen wide large screen"].column {
        width: 87.5% !important
    }

    .ui.column.grid>[class*="fifteen wide large screen"].column,
    .ui.grid>.column.row>[class*="fifteen wide large screen"].column,
    .ui.grid>.row>[class*="fifteen wide large screen"].column,
    .ui.grid>[class*="fifteen wide large screen"].column {
        width: 93.75% !important
    }

    .ui.column.grid>[class*="sixteen wide large screen"].column,
    .ui.grid>.column.row>[class*="sixteen wide large screen"].column,
    .ui.grid>.row>[class*="sixteen wide large screen"].column,
    .ui.grid>[class*="sixteen wide large screen"].column {
        width: 100% !important
    }
}

@media only screen and (min-width: 1920px) {

    .ui.column.grid>[class*="one wide widescreen"].column,
    .ui.grid>.column.row>[class*="one wide widescreen"].column,
    .ui.grid>.row>[class*="one wide widescreen"].column,
    .ui.grid>[class*="one wide widescreen"].column {
        width: 6.25% !important
    }

    .ui.column.grid>[class*="two wide widescreen"].column,
    .ui.grid>.column.row>[class*="two wide widescreen"].column,
    .ui.grid>.row>[class*="two wide widescreen"].column,
    .ui.grid>[class*="two wide widescreen"].column {
        width: 12.5% !important
    }

    .ui.column.grid>[class*="three wide widescreen"].column,
    .ui.grid>.column.row>[class*="three wide widescreen"].column,
    .ui.grid>.row>[class*="three wide widescreen"].column,
    .ui.grid>[class*="three wide widescreen"].column {
        width: 18.75% !important
    }

    .ui.column.grid>[class*="four wide widescreen"].column,
    .ui.grid>.column.row>[class*="four wide widescreen"].column,
    .ui.grid>.row>[class*="four wide widescreen"].column,
    .ui.grid>[class*="four wide widescreen"].column {
        width: 25% !important
    }

    .ui.column.grid>[class*="five wide widescreen"].column,
    .ui.grid>.column.row>[class*="five wide widescreen"].column,
    .ui.grid>.row>[class*="five wide widescreen"].column,
    .ui.grid>[class*="five wide widescreen"].column {
        width: 31.25% !important
    }

    .ui.column.grid>[class*="six wide widescreen"].column,
    .ui.grid>.column.row>[class*="six wide widescreen"].column,
    .ui.grid>.row>[class*="six wide widescreen"].column,
    .ui.grid>[class*="six wide widescreen"].column {
        width: 37.5% !important
    }

    .ui.column.grid>[class*="seven wide widescreen"].column,
    .ui.grid>.column.row>[class*="seven wide widescreen"].column,
    .ui.grid>.row>[class*="seven wide widescreen"].column,
    .ui.grid>[class*="seven wide widescreen"].column {
        width: 43.75% !important
    }

    .ui.column.grid>[class*="eight wide widescreen"].column,
    .ui.grid>.column.row>[class*="eight wide widescreen"].column,
    .ui.grid>.row>[class*="eight wide widescreen"].column,
    .ui.grid>[class*="eight wide widescreen"].column {
        width: 50% !important
    }

    .ui.column.grid>[class*="nine wide widescreen"].column,
    .ui.grid>.column.row>[class*="nine wide widescreen"].column,
    .ui.grid>.row>[class*="nine wide widescreen"].column,
    .ui.grid>[class*="nine wide widescreen"].column {
        width: 56.25% !important
    }

    .ui.column.grid>[class*="ten wide widescreen"].column,
    .ui.grid>.column.row>[class*="ten wide widescreen"].column,
    .ui.grid>.row>[class*="ten wide widescreen"].column,
    .ui.grid>[class*="ten wide widescreen"].column {
        width: 62.5% !important
    }

    .ui.column.grid>[class*="eleven wide widescreen"].column,
    .ui.grid>.column.row>[class*="eleven wide widescreen"].column,
    .ui.grid>.row>[class*="eleven wide widescreen"].column,
    .ui.grid>[class*="eleven wide widescreen"].column {
        width: 68.75% !important
    }

    .ui.column.grid>[class*="twelve wide widescreen"].column,
    .ui.grid>.column.row>[class*="twelve wide widescreen"].column,
    .ui.grid>.row>[class*="twelve wide widescreen"].column,
    .ui.grid>[class*="twelve wide widescreen"].column {
        width: 75% !important
    }

    .ui.column.grid>[class*="thirteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="thirteen wide widescreen"].column,
    .ui.grid>.row>[class*="thirteen wide widescreen"].column,
    .ui.grid>[class*="thirteen wide widescreen"].column {
        width: 81.25% !important
    }

    .ui.column.grid>[class*="fourteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="fourteen wide widescreen"].column,
    .ui.grid>.row>[class*="fourteen wide widescreen"].column,
    .ui.grid>[class*="fourteen wide widescreen"].column {
        width: 87.5% !important
    }

    .ui.column.grid>[class*="fifteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="fifteen wide widescreen"].column,
    .ui.grid>.row>[class*="fifteen wide widescreen"].column,
    .ui.grid>[class*="fifteen wide widescreen"].column {
        width: 93.75% !important
    }

    .ui.column.grid>[class*="sixteen wide widescreen"].column,
    .ui.grid>.column.row>[class*="sixteen wide widescreen"].column,
    .ui.grid>.row>[class*="sixteen wide widescreen"].column,
    .ui.grid>[class*="sixteen wide widescreen"].column {
        width: 100% !important
    }
}

.ui.centered.grid,
.ui.centered.grid>.row,
.ui.grid>.centered.row {
    text-align: center;
    justify-content: center
}

.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row),
.ui.centered.grid>.row>.column:not(.aligned):not(.justified),
.ui.grid .centered.row>.column:not(.aligned):not(.justified) {
    text-align: left
}

.ui.grid>.centered.column,
.ui.grid>.row>.centered.column {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.grid>.relaxed.row>.column,
.ui.relaxed.grid>.column:not(.row),
.ui.relaxed.grid>.row>.column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.ui.grid>[class*="very relaxed"].row>.column,
.ui[class*="very relaxed"].grid>.column:not(.row),
.ui[class*="very relaxed"].grid>.row>.column {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.ui.grid .relaxed.row+.ui.divider,
.ui.relaxed.grid .row+.ui.divider {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.ui.grid [class*="very relaxed"].row+.ui.divider,
.ui[class*="very relaxed"].grid .row+.ui.divider {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.ui.padded.grid:not(.vertically):not(.horizontally) {
    margin: 0 !important
}

[class*="horizontally padded"].ui.grid {
    margin-left: 0 !important;
    margin-right: 0 !important
}

[class*="vertically padded"].ui.grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.ui.grid [class*="left floated"].column {
    margin-right: auto
}

.ui.grid [class*="right floated"].column {
    margin-left: auto
}

.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),
.ui.divided.grid:not([class*="vertically divided"])>.row>.column {
    box-shadow: -1px 0 #22242626
}

.ui[class*="vertically divided"].grid>.column:not(.row),
.ui[class*="vertically divided"].grid>.row>.column {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 0;
    padding-bottom: 0
}

.ui[class*="vertically divided"].grid>.row {
    margin-top: 0;
    margin-bottom: 0
}

.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,
.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
    box-shadow: none
}

.ui[class*="vertically divided"].grid>.row:first-child>.column {
    margin-top: 0
}

.ui.grid>.divided.row>.column {
    box-shadow: -1px 0 #22242626
}

.ui.grid>.divided.row>.column:first-child {
    box-shadow: none
}

.ui[class*="vertically divided"].grid>.row {
    position: relative
}

.ui[class*="vertically divided"].grid>.row:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: 1px;
    margin: 0 1rem;
    box-shadow: 0 -1px #22242626
}

.ui.padded.divided.grid:not(.vertically):not(.horizontally),
[class*="horizontally padded"].ui.divided.grid {
    width: 100%
}

.ui[class*="vertically divided"].grid>.row:first-child:before {
    box-shadow: none
}

.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column {
    box-shadow: -1px 0 #ffffff1a
}

.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
    box-shadow: none
}

.ui.inverted[class*="vertically divided"].grid>.row:before {
    box-shadow: 0 -1px #ffffff1a
}

.ui.relaxed[class*="vertically divided"].grid>.row:before {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: calc(100% - 3rem)
}

.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before {
    margin-left: 5rem;
    margin-right: 5rem;
    width: calc(100% - 5rem)
}

.ui.celled.grid {
    width: 100%;
    margin: 1em 0;
    box-shadow: 0 0 0 1px #d4d4d5
}

.ui.celled.grid>.row {
    width: 100% !important;
    margin: 0;
    padding: 0;
    box-shadow: 0 -1px #d4d4d5
}

.ui.celled.grid>.column:not(.row),
.ui.celled.grid>.row>.column {
    box-shadow: -1px 0 #d4d4d5
}

.ui.celled.grid>.column:first-child,
.ui.celled.grid>.row>.column:first-child {
    box-shadow: none
}

.ui.celled.grid>.column:not(.row),
.ui.celled.grid>.row>.column {
    padding: 1em
}

.ui.relaxed.celled.grid>.column:not(.row),
.ui.relaxed.celled.grid>.row>.column {
    padding: 1.5em
}

.ui[class*="very relaxed"].celled.grid>.column:not(.row),
.ui[class*="very relaxed"].celled.grid>.row>.column {
    padding: 2em
}

.ui[class*="internally celled"].grid {
    box-shadow: none;
    margin: 0
}

.ui[class*="internally celled"].grid>.row:first-child {
    box-shadow: none
}

.ui[class*="internally celled"].grid>.row>.column:first-child {
    box-shadow: none
}

.ui.grid>.row>[class*="top aligned"].column,
.ui.grid>[class*="top aligned"].column:not(.row),
.ui.grid>[class*="top aligned"].row>.column,
.ui[class*="top aligned"].grid>.column:not(.row),
.ui[class*="top aligned"].grid>.row>.column {
    flex-direction: column;
    vertical-align: top;
    align-self: flex-start !important
}

.ui.grid>.row>[class*="middle aligned"].column,
.ui.grid>[class*="middle aligned"].column:not(.row),
.ui.grid>[class*="middle aligned"].row>.column,
.ui[class*="middle aligned"].grid>.column:not(.row),
.ui[class*="middle aligned"].grid>.row>.column {
    flex-direction: column;
    vertical-align: middle;
    align-self: center !important
}

.ui.grid>.row>[class*="bottom aligned"].column,
.ui.grid>[class*="bottom aligned"].column:not(.row),
.ui.grid>[class*="bottom aligned"].row>.column,
.ui[class*="bottom aligned"].grid>.column:not(.row),
.ui[class*="bottom aligned"].grid>.row>.column {
    flex-direction: column;
    vertical-align: bottom;
    align-self: flex-end !important
}

.ui.grid>.row>.stretched.column,
.ui.grid>.stretched.column:not(.row),
.ui.grid>.stretched.row>.column,
.ui.stretched.grid>.column,
.ui.stretched.grid>.row>.column {
    display: inline-flex !important;
    align-self: stretch;
    flex-direction: column
}

.ui.grid>.row>.stretched.column>*,
.ui.grid>.stretched.column:not(.row)>*,
.ui.grid>.stretched.row>.column>*,
.ui.stretched.grid>.column>*,
.ui.stretched.grid>.row>.column>* {
    flex-grow: 1
}

.ui.grid>.row>[class*="left aligned"].column.column,
.ui.grid>[class*="left aligned"].column.column,
.ui.grid>[class*="left aligned"].row>.column,
.ui[class*="left aligned"].grid>.column,
.ui[class*="left aligned"].grid>.row>.column {
    text-align: left;
    align-self: inherit
}

.ui.grid>.row>[class*="center aligned"].column.column,
.ui.grid>[class*="center aligned"].column.column,
.ui.grid>[class*="center aligned"].row>.column,
.ui[class*="center aligned"].grid>.column,
.ui[class*="center aligned"].grid>.row>.column {
    text-align: center;
    align-self: inherit
}

.ui[class*="center aligned"].grid {
    justify-content: center
}

.ui.grid>.row>[class*="right aligned"].column.column,
.ui.grid>[class*="right aligned"].column.column,
.ui.grid>[class*="right aligned"].row>.column,
.ui[class*="right aligned"].grid>.column,
.ui[class*="right aligned"].grid>.row>.column {
    text-align: right;
    align-self: inherit
}

.ui.grid>.justified.column.column,
.ui.grid>.justified.row>.column,
.ui.grid>.row>.justified.column.column,
.ui.justified.grid>.column,
.ui.justified.grid>.row>.column {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

.ui.grid>.row>.black.column,
.ui.grid>.row>.blue.column,
.ui.grid>.row>.brown.column,
.ui.grid>.row>.green.column,
.ui.grid>.row>.grey.column,
.ui.grid>.row>.olive.column,
.ui.grid>.row>.orange.column,
.ui.grid>.row>.pink.column,
.ui.grid>.row>.purple.column,
.ui.grid>.row>.red.column,
.ui.grid>.row>.teal.column,
.ui.grid>.row>.violet.column,
.ui.grid>.row>.yellow.column {
    margin-top: -1rem;
    margin-bottom: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.ui.grid>.red.column,
.ui.grid>.red.row,
.ui.grid>.row>.red.column {
    background-color: #db2828 !important;
    color: #fff
}

.ui.grid>.orange.column,
.ui.grid>.orange.row,
.ui.grid>.row>.orange.column {
    background-color: #f2711c !important;
    color: #fff
}

.ui.grid>.row>.yellow.column,
.ui.grid>.yellow.column,
.ui.grid>.yellow.row {
    background-color: #fbbd08 !important;
    color: #fff
}

.ui.grid>.olive.column,
.ui.grid>.olive.row,
.ui.grid>.row>.olive.column {
    background-color: #b5cc18 !important;
    color: #fff
}

.ui.grid>.green.column,
.ui.grid>.green.row,
.ui.grid>.row>.green.column {
    background-color: #21ba45 !important;
    color: #fff
}

.ui.grid>.row>.teal.column,
.ui.grid>.teal.column,
.ui.grid>.teal.row {
    background-color: #00b5ad !important;
    color: #fff
}

.ui.grid>.blue.column,
.ui.grid>.blue.row,
.ui.grid>.row>.blue.column {
    background-color: #2185d0 !important;
    color: #fff
}

.ui.grid>.row>.violet.column,
.ui.grid>.violet.column,
.ui.grid>.violet.row {
    background-color: #6435c9 !important;
    color: #fff
}

.ui.grid>.purple.column,
.ui.grid>.purple.row,
.ui.grid>.row>.purple.column {
    background-color: #a333c8 !important;
    color: #fff
}

.ui.grid>.pink.column,
.ui.grid>.pink.row,
.ui.grid>.row>.pink.column {
    background-color: #e03997 !important;
    color: #fff
}

.ui.grid>.brown.column,
.ui.grid>.brown.row,
.ui.grid>.row>.brown.column {
    background-color: #a5673f !important;
    color: #fff
}

.ui.grid>.grey.column,
.ui.grid>.grey.row,
.ui.grid>.row>.grey.column {
    background-color: #767676 !important;
    color: #fff
}

.ui.grid>.black.column,
.ui.grid>.black.row,
.ui.grid>.row>.black.column {
    background-color: #1b1c1d !important;
    color: #fff
}

.ui.grid>[class*="equal width"].row>.column,
.ui[class*="equal width"].grid>.column:not(.row),
.ui[class*="equal width"].grid>.row>.column {
    display: inline-block;
    flex-grow: 1
}

.ui.grid>[class*="equal width"].row>.wide.column,
.ui[class*="equal width"].grid>.row>.wide.column,
.ui[class*="equal width"].grid>.wide.column {
    flex-grow: 0
}

@media only screen and (max-width: 767px) {

    .ui.grid>[class*="mobile reversed"].row,
    .ui[class*="mobile reversed"].grid,
    .ui[class*="mobile reversed"].grid>.row {
        flex-direction: row-reverse
    }

    .ui.stackable[class*="mobile reversed"],
    .ui[class*="mobile vertically reversed"].grid {
        flex-direction: column-reverse
    }

    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,
    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
        box-shadow: -1px 0 #22242626
    }

    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,
    .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child:before {
        box-shadow: 0 -1px #22242626
    }

    .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:last-child:before {
        box-shadow: none
    }

    .ui[class*="mobile reversed"].celled.grid>.row>.column:first-child {
        box-shadow: -1px 0 #d4d4d5
    }

    .ui[class*="mobile reversed"].celled.grid>.row>.column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ui.grid>[class*="tablet reversed"].row,
    .ui[class*="tablet reversed"].grid,
    .ui[class*="tablet reversed"].grid>.row {
        flex-direction: row-reverse
    }

    .ui[class*="tablet vertically reversed"].grid {
        flex-direction: column-reverse
    }

    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,
    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
        box-shadow: -1px 0 #22242626
    }

    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,
    .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child:before {
        box-shadow: 0 -1px #22242626
    }

    .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:last-child:before {
        box-shadow: none
    }

    .ui[class*="tablet reversed"].celled.grid>.row>.column:first-child {
        box-shadow: -1px 0 #d4d4d5
    }

    .ui[class*="tablet reversed"].celled.grid>.row>.column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 992px) {

    .ui.grid>[class*="computer reversed"].row,
    .ui[class*="computer reversed"].grid,
    .ui[class*="computer reversed"].grid>.row {
        flex-direction: row-reverse
    }

    .ui[class*="computer vertically reversed"].grid {
        flex-direction: column-reverse
    }

    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,
    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child {
        box-shadow: -1px 0 #22242626
    }

    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,
    .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child {
        box-shadow: none
    }

    .ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child:before {
        box-shadow: 0 -1px #22242626
    }

    .ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:last-child:before {
        box-shadow: none
    }

    .ui[class*="computer reversed"].celled.grid>.row>.column:first-child {
        box-shadow: -1px 0 #d4d4d5
    }

    .ui[class*="computer reversed"].celled.grid>.row>.column:last-child {
        box-shadow: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.doubling.grid {
        width: auto
    }

    .ui.doubling.grid>.row,
    .ui.grid>.doubling.row {
        margin: 0 !important;
        padding: 0 !important
    }

    .ui.doubling.grid>.row>.column,
    .ui.grid>.doubling.row>.column {
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        box-shadow: none !important;
        margin: 0
    }

    .ui.grid>[class*="two column"].doubling.row.row>.column,
    .ui[class*="two column"].doubling.grid>.column:not(.row),
    .ui[class*="two column"].doubling.grid>.row>.column {
        width: 100% !important
    }

    .ui.grid>[class*="three column"].doubling.row.row>.column,
    .ui[class*="three column"].doubling.grid>.column:not(.row),
    .ui[class*="three column"].doubling.grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="four column"].doubling.row.row>.column,
    .ui[class*="four column"].doubling.grid>.column:not(.row),
    .ui[class*="four column"].doubling.grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="five column"].doubling.row.row>.column,
    .ui[class*="five column"].doubling.grid>.column:not(.row),
    .ui[class*="five column"].doubling.grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="six column"].doubling.row.row>.column,
    .ui[class*="six column"].doubling.grid>.column:not(.row),
    .ui[class*="six column"].doubling.grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="seven column"].doubling.row.row>.column,
    .ui[class*="seven column"].doubling.grid>.column:not(.row),
    .ui[class*="seven column"].doubling.grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="eight column"].doubling.row.row>.column,
    .ui[class*="eight column"].doubling.grid>.column:not(.row),
    .ui[class*="eight column"].doubling.grid>.row>.column {
        width: 25% !important
    }

    .ui.grid>[class*="nine column"].doubling.row.row>.column,
    .ui[class*="nine column"].doubling.grid>.column:not(.row),
    .ui[class*="nine column"].doubling.grid>.row>.column {
        width: 25% !important
    }

    .ui.grid>[class*="ten column"].doubling.row.row>.column,
    .ui[class*="ten column"].doubling.grid>.column:not(.row),
    .ui[class*="ten column"].doubling.grid>.row>.column {
        width: 20% !important
    }

    .ui.grid>[class*="eleven column"].doubling.row.row>.column,
    .ui[class*="eleven column"].doubling.grid>.column:not(.row),
    .ui[class*="eleven column"].doubling.grid>.row>.column {
        width: 20% !important
    }

    .ui.grid>[class*="twelve column"].doubling.row.row>.column,
    .ui[class*="twelve column"].doubling.grid>.column:not(.row),
    .ui[class*="twelve column"].doubling.grid>.row>.column {
        width: 16.66666667% !important
    }

    .ui.grid>[class*="thirteen column"].doubling.row.row>.column,
    .ui[class*="thirteen column"].doubling.grid>.column:not(.row),
    .ui[class*="thirteen column"].doubling.grid>.row>.column {
        width: 16.66666667% !important
    }

    .ui.grid>[class*="fourteen column"].doubling.row.row>.column,
    .ui[class*="fourteen column"].doubling.grid>.column:not(.row),
    .ui[class*="fourteen column"].doubling.grid>.row>.column {
        width: 14.28571429% !important
    }

    .ui.grid>[class*="fifteen column"].doubling.row.row>.column,
    .ui[class*="fifteen column"].doubling.grid>.column:not(.row),
    .ui[class*="fifteen column"].doubling.grid>.row>.column {
        width: 14.28571429% !important
    }

    .ui.grid>[class*="sixteen column"].doubling.row.row>.column,
    .ui[class*="sixteen column"].doubling.grid>.column:not(.row),
    .ui[class*="sixteen column"].doubling.grid>.row>.column {
        width: 12.5% !important
    }
}

@media only screen and (max-width: 767px) {

    .ui.doubling.grid>.row,
    .ui.grid>.doubling.row {
        margin: 0 !important;
        padding: 0 !important
    }

    .ui.doubling.grid>.row>.column,
    .ui.grid>.doubling.row>.column {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        margin: 0 !important;
        box-shadow: none !important
    }

    .ui.grid>[class*="two column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="two column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="two column"].doubling:not(.stackable).grid>.row>.column {
        width: 100% !important
    }

    .ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="three column"].doubling:not(.stackable).grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="four column"].doubling:not(.stackable).grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="five column"].doubling:not(.stackable).grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="six column"].doubling:not(.stackable).grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column {
        width: 50% !important
    }

    .ui.grid>[class*="nine column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="nine column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="nine column"].doubling:not(.stackable).grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="ten column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="ten column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="ten column"].doubling:not(.stackable).grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="eleven column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="eleven column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="eleven column"].doubling:not(.stackable).grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="twelve column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="twelve column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="twelve column"].doubling:not(.stackable).grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="thirteen column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="thirteen column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="thirteen column"].doubling:not(.stackable).grid>.row>.column {
        width: 33.33333333% !important
    }

    .ui.grid>[class*="fourteen column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="fourteen column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="fourteen column"].doubling:not(.stackable).grid>.row>.column {
        width: 25% !important
    }

    .ui.grid>[class*="fifteen column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="fifteen column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="fifteen column"].doubling:not(.stackable).grid>.row>.column {
        width: 25% !important
    }

    .ui.grid>[class*="sixteen column"].doubling:not(.stackable).row.row>.column,
    .ui[class*="sixteen column"].doubling:not(.stackable).grid>.column:not(.row),
    .ui[class*="sixteen column"].doubling:not(.stackable).grid>.row>.column {
        width: 25% !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        width: auto;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .ui.grid>.stackable.stackable.row>.column,
    .ui.stackable.grid>.column.grid>.column,
    .ui.stackable.grid>.column.row>.column,
    .ui.stackable.grid>.column:not(.row),
    .ui.stackable.grid>.row>.column,
    .ui.stackable.grid>.row>.wide.column,
    .ui.stackable.grid>.wide.column {
        width: 100% !important;
        margin: 0 !important;
        box-shadow: none !important;
        padding: 1rem !important
    }

    .ui.stackable.grid:not(.vertically)>.row {
        margin: 0;
        padding: 0
    }

    .ui.container>.ui.stackable.grid>.column,
    .ui.container>.ui.stackable.grid>.row>.column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ui.grid .ui.stackable.grid,
    .ui.segment:not(.vertical) .ui.stackable.page.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }

    .ui.stackable.celled.grid>.column:not(.row):first-child,
    .ui.stackable.celled.grid>.row:first-child>.column:first-child,
    .ui.stackable.divided.grid>.column:not(.row):first-child,
    .ui.stackable.divided.grid>.row:first-child>.column:first-child {
        border-top: none !important
    }

    .ui.inverted.stackable.celled.grid>.column:not(.row),
    .ui.inverted.stackable.celled.grid>.row>.column,
    .ui.inverted.stackable.divided.grid>.column:not(.row),
    .ui.inverted.stackable.divided.grid>.row>.column {
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .ui.stackable.celled.grid>.column:not(.row),
    .ui.stackable.celled.grid>.row>.column,
    .ui.stackable.divided:not(.vertically).grid>.column:not(.row),
    .ui.stackable.divided:not(.vertically).grid>.row>.column {
        border-top: 1px solid rgba(34, 36, 38, .15);
        box-shadow: none !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .ui.stackable.celled.grid>.row {
        box-shadow: none !important
    }

    .ui.stackable.divided:not(.vertically).grid>.column:not(.row),
    .ui.stackable.divided:not(.vertically).grid>.row>.column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (max-width: 767px) {

    .ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),
    .ui[class*="tablet only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),
    .ui[class*="computer only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),
    .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),
    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet),
    .ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),
    .ui[class*="mobile only"].grid.grid.grid:not(.tablet) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet),
    .ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),
    .ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),
    .ui[class*="computer only"].grid.grid.grid:not(.tablet) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),
    .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),
    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),
    .ui[class*="mobile only"].grid.grid.grid:not(.computer) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),
    .ui[class*="tablet only"].grid.grid.grid:not(.computer) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),
    .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),
    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {

    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),
    .ui[class*="mobile only"].grid.grid.grid:not(.computer) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),
    .ui[class*="tablet only"].grid.grid.grid:not(.computer) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),
    .ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),
    .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
        display: none !important
    }
}

@media only screen and (min-width: 1920px) {

    .ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),
    .ui[class*="mobile only"].grid.grid.grid:not(.computer) {
        display: none !important
    }

    .ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),
    .ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),
    .ui[class*="tablet only"].grid.grid.grid:not(.computer) {
        display: none !important
    }
}

.ui.menu {
    display: flex;
    margin: 1rem 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    background: #fff;
    font-weight: 400;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: 0 1px 2px #22242626;
    border-radius: .28571429rem;
    min-height: 2.85714286em
}

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

.ui.menu:first-child {
    margin-top: 0
}

.ui.menu:last-child {
    margin-bottom: 0
}

.ui.menu .menu {
    margin: 0
}

.ui.menu:not(.vertical)>.menu {
    display: flex
}

.ui.menu:not(.vertical) .item {
    display: flex;
    align-items: center
}

.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: 0 0;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: #000000de;
    font-weight: 400;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease
}

.ui.menu>.item:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.menu .item:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(34, 36, 38, .1)
}

.ui.menu .item>a:not(.ui),
.ui.menu .item>p:only-child,
.ui.menu .text.item>* {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    line-height: 1.3
}

.ui.menu .item>p:first-child {
    margin-top: 0
}

.ui.menu .item>p:last-child {
    margin-bottom: 0
}

.ui.menu .item>i.icon {
    opacity: .9;
    float: none;
    margin: 0 .35714286em 0 0
}

.ui.menu:not(.vertical) .item>.button {
    position: relative;
    top: 0;
    margin: -.5em 0;
    padding-bottom: .78571429em;
    padding-top: .78571429em;
    font-size: 1em
}

.ui.menu>.container,
.ui.menu>.grid {
    display: flex;
    align-items: inherit;
    flex-direction: inherit
}

.ui.menu .item>.input {
    width: 100%
}

.ui.menu:not(.vertical) .item>.input {
    position: relative;
    top: 0;
    margin: -.5em 0
}

.ui.menu .item>.input input {
    font-size: 1em;
    padding-top: .57142857em;
    padding-bottom: .57142857em
}

.ui.menu .header.item,
.ui.vertical.menu .header.item {
    margin: 0;
    background: none;
    text-transform: normal;
    font-weight: 700
}

.ui.vertical.menu .item>.header:not(.ui) {
    margin: 0 0 .5em;
    font-size: 1em;
    font-weight: 700
}

.ui.menu .item>i.dropdown.icon {
    padding: 0;
    float: right;
    margin: 0 0 0 1em
}

.ui.menu .dropdown.item .menu {
    min-width: calc(100% - 1px);
    border-radius: 0 0 .28571429rem .28571429rem;
    background: #fff;
    margin: 0;
    box-shadow: 0 1px 3px #00000014;
    flex-direction: column !important
}

.ui.menu .ui.dropdown .menu>.item {
    margin: 0;
    text-align: left;
    font-size: 1em !important;
    padding: .78571429em 1.14285714em !important;
    background: 0 0 !important;
    color: #000000de !important;
    text-transform: none !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    transition: none !important
}

.ui.menu .ui.dropdown .menu>.item:hover {
    background: rgba(0, 0, 0, .05) !important;
    color: #000000f2 !important
}

.ui.menu .ui.dropdown .menu>.selected.item {
    background: rgba(0, 0, 0, .05) !important;
    color: #000000f2 !important
}

.ui.menu .ui.dropdown .menu>.active.item {
    background: rgba(0, 0, 0, .03) !important;
    font-weight: 700 !important;
    color: #000000f2 !important
}

.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
    display: block
}

.ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown) {
    display: inline-block;
    font-size: 1em !important;
    float: none;
    margin: 0 .75em 0 0
}

.ui.secondary.menu .dropdown.item>.menu,
.ui.text.menu .dropdown.item>.menu {
    border-radius: .28571429rem;
    margin-top: .35714286em
}

.ui.menu .pointing.dropdown.item .menu {
    margin-top: .75em
}

.ui.inverted.menu .search.dropdown.item>.search,
.ui.inverted.menu .search.dropdown.item>.text {
    color: #ffffffe6
}

.ui.vertical.menu .dropdown.item>.icon {
    float: right;
    content: "\f0da";
    margin-left: 1em
}

.ui.vertical.menu .dropdown.item .menu {
    left: 100%;
    min-width: 0;
    margin: 0;
    box-shadow: 0 1px 3px #00000014;
    border-radius: 0 .28571429rem .28571429rem
}

.ui.vertical.menu .dropdown.item.upward .menu {
    bottom: 0
}

.ui.vertical.menu .dropdown.item:not(.upward) .menu {
    top: 0
}

.ui.vertical.menu .active.dropdown.item {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ui.vertical.menu .dropdown.active.item {
    box-shadow: none
}

.ui.item.menu .dropdown .menu .item {
    width: 100%
}

.ui.menu .item>.label {
    background: #999;
    color: #fff;
    margin-left: 1em;
    padding: .3em .78571429em
}

.ui.vertical.menu .item>.label {
    background: #999;
    color: #fff;
    margin-top: -.15em;
    margin-bottom: -.15em;
    padding: .3em .78571429em
}

.ui.menu .item>.floating.label {
    padding: .3em .78571429em
}

.ui.menu .item>img:not(.ui) {
    display: inline-block;
    vertical-align: middle;
    margin: -.3em 0;
    width: 2.5em
}

.ui.vertical.menu .item>img:not(.ui):only-child {
    display: block;
    max-width: 100%;
    width: auto
}

.ui.menu .list .item:before {
    background: 0 0 !important
}

.ui.vertical.sidebar.menu>.item:first-child:before {
    display: block !important
}

.ui.vertical.sidebar.menu>.item:before {
    top: auto;
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .ui.menu>.ui.container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width: 768px) {
    .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child {
        border-left: 1px solid rgba(34, 36, 38, .1)
    }
}

.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .03);
    color: #000000f2
}

.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
    background: rgba(0, 0, 0, .03);
    color: #000000f2
}

.ui.menu .active.item {
    background: rgba(0, 0, 0, .05);
    color: #000000f2;
    font-weight: 400;
    box-shadow: none
}

.ui.menu .active.item>i.icon {
    opacity: 1
}

.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
    background-color: #0000000d;
    color: #000000f2
}

.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
    cursor: default !important;
    background-color: transparent !important;
    color: #2828284d !important
}

.ui.menu:not(.vertical) .left.item,
.ui.menu:not(.vertical) .left.menu {
    display: flex;
    margin-right: auto !important
}

.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
    display: flex;
    margin-left: auto !important
}

.ui.menu .right.item:before,
.ui.menu .right.menu>.item:before {
    right: auto;
    left: 0
}

.ui.vertical.menu {
    display: block;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 1px 2px #22242626
}

.ui.vertical.menu .item {
    display: block;
    background: 0 0;
    border-top: none;
    border-right: none
}

.ui.vertical.menu>.item:first-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.vertical.menu>.item:last-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.vertical.menu .item>.label {
    float: right;
    text-align: center
}

.ui.vertical.menu .item>i.icon {
    width: 1.18em;
    float: right;
    margin: 0 0 0 .5em
}

.ui.vertical.menu .item>.label+i.icon {
    float: none;
    margin: 0 .5em 0 0
}

.ui.vertical.menu .item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(34, 36, 38, .1)
}

.ui.vertical.menu .item:first-child:before {
    display: none !important
}

.ui.vertical.menu .item>.menu {
    margin: .5em -1.14285714em 0
}

.ui.vertical.menu .menu .item {
    background: 0 0;
    padding: .5em 1.33333333em;
    font-size: .85714286em;
    color: #00000080
}

.ui.vertical.menu .item .menu .link.item:hover,
.ui.vertical.menu .item .menu a.item:hover {
    color: #000000d9
}

.ui.vertical.menu .menu .item:before {
    display: none
}

.ui.vertical.menu .active.item {
    background: rgba(0, 0, 0, .05);
    border-radius: 0;
    box-shadow: none
}

.ui.vertical.menu>.active.item:first-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.vertical.menu>.active.item:last-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.vertical.menu>.active.item:only-child {
    border-radius: .28571429rem
}

.ui.vertical.menu .active.item .menu .active.item {
    border-left: none
}

.ui.vertical.menu .item .menu .active.item {
    background-color: transparent;
    font-weight: 700;
    color: #000000f2
}

.ui.tabular.menu {
    border-radius: 0;
    box-shadow: none !important;
    border: none;
    background: none transparent;
    border-bottom: 1px solid #d4d4d5
}

.ui.tabular.fluid.menu {
    width: calc(100% + 2px) !important
}

.ui.tabular.menu .item {
    background: 0 0;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    padding: .92857143em 1.42857143em;
    color: #000000de
}

.ui.tabular.menu .item:before {
    display: none
}

.ui.tabular.menu .item:hover {
    background-color: transparent;
    color: #000c
}

.ui.tabular.menu .active.item {
    background: none #fff;
    color: #000000f2;
    border-top-width: 1px;
    border-color: #d4d4d5;
    font-weight: 700;
    margin-bottom: -1px;
    box-shadow: none;
    border-radius: .28571429rem .28571429rem 0 0 !important
}

.ui.tabular.menu+.attached:not(.top).segment,
.ui.tabular.menu+.attached:not(.top).segment+.attached:not(.top).segment {
    border-top: none;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    width: 100%
}

.top.attached.segment+.ui.bottom.tabular.menu {
    position: relative;
    width: calc(100% + 2px);
    left: -1px
}

.ui.bottom.tabular.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-top: 1px solid #d4d4d5
}

.ui.bottom.tabular.menu .item {
    background: 0 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: none
}

.ui.bottom.tabular.menu .active.item {
    background: none #fff;
    color: #000000f2;
    border-color: #d4d4d5;
    margin: -1px 0 0;
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.vertical.tabular.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-right: 1px solid #d4d4d5
}

.ui.vertical.tabular.menu .item {
    background: 0 0;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: none
}

.ui.vertical.tabular.menu .active.item {
    background: none #fff;
    color: #000000f2;
    border-color: #d4d4d5;
    margin: 0 -1px 0 0;
    border-radius: .28571429rem 0 0 .28571429rem !important
}

.ui.vertical.right.tabular.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: none;
    border-right: none;
    border-left: 1px solid #d4d4d5
}

.ui.vertical.right.tabular.menu .item {
    background: 0 0;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-left: none
}

.ui.vertical.right.tabular.menu .active.item {
    background: none #fff;
    color: #000000f2;
    border-color: #d4d4d5;
    margin: 0 0 0 -1px;
    border-radius: 0 .28571429rem .28571429rem 0 !important
}

.ui.tabular.menu .active.dropdown.item {
    margin-bottom: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    border-bottom: none
}

.ui.pagination.menu {
    margin: 0;
    display: inline-flex;
    vertical-align: middle
}

.ui.pagination.menu .item:last-child {
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.pagination.menu .item:last-child:before {
    display: none
}

.ui.pagination.menu .item {
    min-width: 3em;
    text-align: center
}

.ui.pagination.menu .icon.item i.icon {
    vertical-align: top
}

.ui.pagination.menu .active.item {
    border-top: none;
    padding-top: .92857143em;
    background-color: #0000000d;
    color: #000000f2;
    box-shadow: none
}

.ui.secondary.menu {
    background: 0 0;
    margin-left: -.35714286em;
    margin-right: -.35714286em;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.ui.secondary.menu .item {
    align-self: center;
    box-shadow: none;
    border: none;
    padding: .78571429em .92857143em;
    margin: 0 .35714286em;
    background: 0 0;
    transition: color .1s ease;
    border-radius: .28571429rem
}

.ui.secondary.menu .item:before {
    display: none !important
}

.ui.secondary.menu .header.item {
    border-radius: 0;
    border-right: none;
    background: none transparent
}

.ui.secondary.menu .item>img:not(.ui) {
    margin: 0
}

.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
    background: rgba(0, 0, 0, .05);
    color: #000000f2
}

.ui.secondary.menu .active.item {
    box-shadow: none;
    background: rgba(0, 0, 0, .05);
    color: #000000f2;
    border-radius: .28571429rem
}

.ui.secondary.menu .active.item:hover {
    box-shadow: none;
    background: rgba(0, 0, 0, .05);
    color: #000000f2
}

.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
    color: #ffffffb3 !important
}

.ui.secondary.inverted.menu .dropdown.item:hover,
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff !important
}

.ui.secondary.inverted.menu .active.item {
    background: rgba(255, 255, 255, .15);
    color: #fff !important
}

.ui.secondary.item.menu {
    margin-left: 0;
    margin-right: 0
}

.ui.secondary.item.menu .item:last-child {
    margin-right: 0
}

.ui.secondary.attached.menu {
    box-shadow: none
}

.ui.vertical.secondary.menu .item:not(.dropdown)>.menu {
    margin: 0 -.92857143em
}

.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item {
    margin: 0;
    padding: .5em 1.33333333em
}

.ui.secondary.vertical.menu>.item {
    border: none;
    margin: 0 0 .35714286em;
    border-radius: .28571429rem !important
}

.ui.secondary.vertical.menu>.header.item {
    border-radius: 0
}

.ui.vertical.secondary.menu .item>.menu .item {
    background-color: transparent
}

.ui.secondary.inverted.menu {
    background-color: transparent
}

.ui.secondary.pointing.menu {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 2px solid rgba(34, 36, 38, .15)
}

.ui.secondary.pointing.menu .item {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-radius: 0;
    align-self: flex-end;
    margin: 0 0 -2px;
    padding: .85714286em 1.14285714em;
    border-bottom-width: 2px;
    transition: color .1s ease
}

.ui.secondary.pointing.menu .header.item {
    color: #000000d9 !important
}

.ui.secondary.pointing.menu .text.item {
    box-shadow: none !important
}

.ui.secondary.pointing.menu .item:after {
    display: none
}

.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
    background-color: transparent;
    color: #000000de
}

.ui.secondary.pointing.menu .dropdown.item:active,
.ui.secondary.pointing.menu .link.item:active,
.ui.secondary.pointing.menu a.item:active {
    background-color: transparent;
    border-color: #22242626
}

.ui.secondary.pointing.menu .active.item {
    background-color: transparent;
    box-shadow: none;
    border-color: #1b1c1d;
    font-weight: 700;
    color: #000000f2
}

.ui.secondary.pointing.menu .active.item:hover {
    border-color: #1b1c1d;
    color: #000000f2
}

.ui.secondary.pointing.menu .active.dropdown.item {
    border-color: transparent
}

.ui.secondary.vertical.pointing.menu {
    border-bottom-width: 0;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #22242626
}

.ui.secondary.vertical.pointing.menu .item {
    border-bottom: none;
    border-right-style: solid;
    border-right-color: transparent;
    border-radius: 0 !important;
    margin: 0 -2px 0 0;
    border-right-width: 2px
}

.ui.secondary.vertical.pointing.menu .active.item {
    border-color: #1b1c1d
}

.ui.secondary.inverted.pointing.menu {
    border-color: #ffffff1a
}

.ui.secondary.inverted.pointing.menu {
    border-width: 2px;
    border-color: #22242626
}

.ui.secondary.inverted.pointing.menu .item {
    color: #ffffffe6
}

.ui.secondary.inverted.pointing.menu .header.item {
    color: #fff !important
}

.ui.secondary.inverted.pointing.menu .link.item:hover,
.ui.secondary.inverted.pointing.menu a.item:hover {
    color: #000000f2
}

.ui.secondary.inverted.pointing.menu .active.item {
    border-color: #fff;
    color: #fff
}

.ui.text.menu {
    background: none transparent;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 1em -.5em
}

.ui.text.menu .item {
    border-radius: 0;
    box-shadow: none;
    align-self: center;
    margin: 0;
    padding: .35714286em .5em;
    font-weight: 400;
    color: #0009;
    transition: opacity .1s ease
}

.ui.text.menu .item:before,
.ui.text.menu .menu .item:before {
    display: none !important
}

.ui.text.menu .header.item {
    background-color: transparent;
    opacity: 1;
    color: #000000d9;
    font-size: .92857143em;
    text-transform: uppercase;
    font-weight: 700
}

.ui.text.menu .item>img:not(.ui) {
    margin: 0
}

.ui.text.item.menu .item {
    margin: 0
}

.ui.vertical.text.menu {
    margin: 1em 0
}

.ui.vertical.text.menu:first-child {
    margin-top: 0
}

.ui.vertical.text.menu:last-child {
    margin-bottom: 0
}

.ui.vertical.text.menu .item {
    margin: .57142857em 0;
    padding-left: 0;
    padding-right: 0
}

.ui.vertical.text.menu .item>i.icon {
    float: none;
    margin: 0 .35714286em 0 0
}

.ui.vertical.text.menu .header.item {
    margin: .57142857em 0 .71428571em
}

.ui.vertical.text.menu .item:not(.dropdown)>.menu {
    margin: 0
}

.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item {
    margin: 0;
    padding: .5em 0
}

.ui.text.menu .item:hover {
    opacity: 1;
    background-color: transparent
}

.ui.text.menu .active.item {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-weight: 400;
    color: #000000f2
}

.ui.text.menu .active.item:hover {
    background-color: transparent
}

.ui.text.pointing.menu .active.item:after {
    box-shadow: none
}

.ui.text.attached.menu {
    box-shadow: none
}

.ui.inverted.text.menu,
.ui.inverted.text.menu .active.item,
.ui.inverted.text.menu .item,
.ui.inverted.text.menu .item:hover {
    background-color: transparent !important
}

.ui.fluid.text.menu {
    margin-left: 0;
    margin-right: 0
}

.ui.vertical.icon.menu {
    display: inline-block;
    width: auto
}

.ui.icon.menu .item {
    height: auto;
    text-align: center;
    color: #1b1c1d
}

.ui.icon.menu .item>.icon:not(.dropdown) {
    margin: 0;
    opacity: 1
}

.ui.icon.menu .icon:before {
    opacity: 1
}

.ui.menu .icon.item>.icon {
    width: auto;
    margin: 0 auto
}

.ui.vertical.icon.menu .item>.icon:not(.dropdown) {
    display: block;
    opacity: 1;
    margin: 0 auto;
    float: none
}

.ui.inverted.icon.menu .item {
    color: #fff
}

.ui.labeled.icon.menu {
    text-align: center
}

.ui.labeled.icon.menu .item {
    min-width: 6em;
    flex-direction: column
}

.ui.labeled.icon.menu .item>.icon:not(.dropdown) {
    height: 1em;
    display: block;
    font-size: 1.71428571em !important;
    margin: 0 auto .5rem !important
}

.ui.fluid.labeled.icon.menu>.item {
    min-width: 0
}

@media only screen and (max-width: 767px) {
    .ui.stackable.menu {
        flex-direction: column
    }

    .ui.stackable.menu .item {
        width: 100% !important
    }

    .ui.stackable.menu .item:before {
        position: absolute;
        content: "";
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(34, 36, 38, .1)
    }

    .ui.stackable.menu .left.item,
    .ui.stackable.menu .left.menu {
        margin-right: 0 !important
    }

    .ui.stackable.menu .right.item,
    .ui.stackable.menu .right.menu {
        margin-left: 0 !important
    }

    .ui.stackable.menu .left.menu,
    .ui.stackable.menu .right.menu {
        flex-direction: column
    }
}

.ui.menu .red.active.item,
.ui.red.menu .active.item {
    border-color: #db2828 !important;
    color: #db2828 !important
}

.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
    border-color: #f2711c !important;
    color: #f2711c !important
}

.ui.menu .yellow.active.item,
.ui.yellow.menu .active.item {
    border-color: #fbbd08 !important;
    color: #fbbd08 !important
}

.ui.menu .olive.active.item,
.ui.olive.menu .active.item {
    border-color: #b5cc18 !important;
    color: #b5cc18 !important
}

.ui.green.menu .active.item,
.ui.menu .green.active.item {
    border-color: #21ba45 !important;
    color: #21ba45 !important
}

.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
    border-color: #00b5ad !important;
    color: #00b5ad !important
}

.ui.blue.menu .active.item,
.ui.menu .blue.active.item {
    border-color: #2185d0 !important;
    color: #2185d0 !important
}

.ui.menu .violet.active.item,
.ui.violet.menu .active.item {
    border-color: #6435c9 !important;
    color: #6435c9 !important
}

.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
    border-color: #a333c8 !important;
    color: #a333c8 !important
}

.ui.menu .pink.active.item,
.ui.pink.menu .active.item {
    border-color: #e03997 !important;
    color: #e03997 !important
}

.ui.brown.menu .active.item,
.ui.menu .brown.active.item {
    border-color: #a5673f !important;
    color: #a5673f !important
}

.ui.grey.menu .active.item,
.ui.menu .grey.active.item {
    border-color: #767676 !important;
    color: #767676 !important
}

.ui.inverted.menu {
    border: 0 solid transparent;
    background: #1b1c1d;
    box-shadow: none
}

.ui.inverted.menu .item,
.ui.inverted.menu .item>a:not(.ui) {
    background: 0 0;
    color: #ffffffe6
}

.ui.inverted.menu .item.menu {
    background: 0 0
}

.ui.inverted.menu .item:before {
    background: rgba(255, 255, 255, .08)
}

.ui.vertical.inverted.menu .item:before {
    background: rgba(255, 255, 255, .08)
}

.ui.vertical.inverted.menu .menu .item,
.ui.vertical.inverted.menu .menu .item a:not(.ui) {
    color: #ffffff80
}

.ui.inverted.menu .header.item {
    margin: 0;
    background: 0 0;
    box-shadow: none
}

.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover {
    color: #e1e1e14d
}

.ui.inverted.menu .dropdown.item:hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover,
.ui.link.inverted.menu .item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.ui.vertical.inverted.menu .item .menu .link.item:hover,
.ui.vertical.inverted.menu .item .menu a.item:hover {
    background: 0 0;
    color: #fff
}

.ui.inverted.menu .link.item:active,
.ui.inverted.menu a.item:active {
    background: rgba(255, 255, 255, .08);
    color: #fff
}

.ui.inverted.menu .active.item {
    background: rgba(255, 255, 255, .15);
    color: #fff !important
}

.ui.inverted.vertical.menu .item .menu .active.item {
    background: 0 0;
    color: #fff
}

.ui.inverted.pointing.menu .active.item:after {
    background: #3d3e3f !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important
}

.ui.inverted.menu .active.item:hover {
    background: rgba(255, 255, 255, .15);
    color: #fff !important
}

.ui.inverted.pointing.menu .active.item:hover:after {
    background: #3d3e3f !important
}

.ui.floated.menu {
    float: left;
    margin: 0 .5rem 0 0
}

.ui.floated.menu .item:last-child:before {
    display: none
}

.ui.right.floated.menu {
    float: right;
    margin: 0 0 0 .5rem
}

.ui.inverted.menu .red.active.item,
.ui.inverted.red.menu {
    background-color: #db2828
}

.ui.inverted.red.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.red.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.menu .orange.active.item,
.ui.inverted.orange.menu {
    background-color: #f2711c
}

.ui.inverted.orange.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.orange.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.menu .yellow.active.item,
.ui.inverted.yellow.menu {
    background-color: #fbbd08
}

.ui.inverted.yellow.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.yellow.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.menu .olive.active.item,
.ui.inverted.olive.menu {
    background-color: #b5cc18
}

.ui.inverted.olive.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.olive.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.green.menu,
.ui.inverted.menu .green.active.item {
    background-color: #21ba45
}

.ui.inverted.green.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.green.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.menu .teal.active.item,
.ui.inverted.teal.menu {
    background-color: #00b5ad
}

.ui.inverted.teal.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.teal.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.blue.menu,
.ui.inverted.menu .blue.active.item {
    background-color: #2185d0
}

.ui.inverted.blue.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.blue.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.menu .violet.active.item,
.ui.inverted.violet.menu {
    background-color: #6435c9
}

.ui.inverted.violet.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.violet.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.menu .purple.active.item,
.ui.inverted.purple.menu {
    background-color: #a333c8
}

.ui.inverted.purple.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.purple.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.menu .pink.active.item,
.ui.inverted.pink.menu {
    background-color: #e03997
}

.ui.inverted.pink.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.pink.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.brown.menu,
.ui.inverted.menu .brown.active.item {
    background-color: #a5673f
}

.ui.inverted.brown.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.brown.menu .active.item {
    background-color: #0000001a !important
}

.ui.inverted.grey.menu,
.ui.inverted.menu .grey.active.item {
    background-color: #767676
}

.ui.inverted.grey.menu .item:before {
    background-color: #2224261a
}

.ui.inverted.grey.menu .active.item {
    background-color: #0000001a !important
}

.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
    padding: 0
}

.ui.horizontally.fitted.menu .item,
.ui.horizontally.fitted.menu .item .menu .item,
.ui.menu .horizontally.fitted.item {
    padding-top: .92857143em;
    padding-bottom: .92857143em
}

.ui.menu .vertically.fitted.item,
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item {
    padding-left: 1.14285714em;
    padding-right: 1.14285714em
}

.ui.borderless.menu .item .menu .item:before,
.ui.borderless.menu .item:before,
.ui.menu .borderless.item:before {
    background: 0 0 !important
}

.ui.compact.menu {
    display: inline-flex;
    margin: 0;
    vertical-align: middle
}

.ui.compact.vertical.menu {
    display: inline-block
}

.ui.compact.menu .item:last-child {
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.compact.menu .item:last-child:before {
    display: none
}

.ui.compact.vertical.menu {
    width: auto !important
}

.ui.compact.vertical.menu .item:last-child:before {
    display: block
}

.ui.menu.fluid,
.ui.vertical.menu.fluid {
    width: 100% !important
}

.ui.item.menu,
.ui.item.menu .item {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    justify-content: center
}

.ui.attached.item.menu {
    margin: 0 -1px !important
}

.ui.item.menu .item:last-child:before {
    display: none
}

.ui.menu.two.item .item {
    width: 50%
}

.ui.menu.three.item .item {
    width: 33.333%
}

.ui.menu.four.item .item {
    width: 25%
}

.ui.menu.five.item .item {
    width: 20%
}

.ui.menu.six.item .item {
    width: 16.666%
}

.ui.menu.seven.item .item {
    width: 14.285%
}

.ui.menu.eight.item .item {
    width: 12.5%
}

.ui.menu.nine.item .item {
    width: 11.11%
}

.ui.menu.ten.item .item {
    width: 10%
}

.ui.menu.eleven.item .item {
    width: 9.09%
}

.ui.menu.twelve.item .item {
    width: 8.333%
}

.ui.menu.fixed {
    position: fixed;
    z-index: 101;
    margin: 0;
    width: 100%
}

.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
    border-radius: 0 !important
}

.ui.fixed.menu,
.ui[class*="top fixed"].menu {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

.ui[class*="top fixed"].menu {
    border-top: none;
    border-left: none;
    border-right: none
}

.ui[class*="right fixed"].menu {
    border-top: none;
    border-bottom: none;
    border-right: none;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.ui[class*="bottom fixed"].menu {
    border-bottom: none;
    border-left: none;
    border-right: none;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto
}

.ui[class*="left fixed"].menu {
    border-top: none;
    border-bottom: none;
    border-left: none;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: auto;
    height: 100%
}

.ui.fixed.menu+.ui.grid {
    padding-top: 2.75rem
}

.ui.pointing.menu .item:after {
    visibility: hidden;
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    transform: translate(-50%) translateY(-50%) rotate(45deg);
    background: 0 0;
    margin: .5px 0 0;
    width: .57142857em;
    height: .57142857em;
    border: none;
    border-bottom: 1px solid #d4d4d5;
    border-right: 1px solid #d4d4d5;
    z-index: 2;
    transition: background .1s ease
}

.ui.vertical.pointing.menu .item:after {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translate(50%) translateY(-50%) rotate(45deg);
    margin: 0 -.5px 0 0;
    border: none;
    border-top: 1px solid #d4d4d5;
    border-right: 1px solid #d4d4d5
}

.ui.pointing.menu .active.item:after {
    visibility: visible
}

.ui.pointing.menu .active.dropdown.item:after {
    visibility: hidden
}

.ui.pointing.menu .active.item .menu .active.item:after,
.ui.pointing.menu .dropdown.active.item:after {
    display: none
}

.ui.pointing.menu .active.item:after {
    background-color: #f2f2f2
}

.ui.pointing.menu .active.item:hover:after {
    background-color: #f2f2f2
}

.ui.vertical.pointing.menu .active.item:hover:after {
    background-color: #f2f2f2
}

.ui.vertical.pointing.menu .active.item:after {
    background-color: #f2f2f2
}

.ui.vertical.pointing.menu .menu .active.item:after {
    background-color: #fff
}

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

.ui.attached+.ui.attached.menu:not(.top) {
    border-top: none
}

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

.ui.menu[class*="top attached"]:first-child {
    margin-top: 0
}

.ui[class*="bottom attached"].menu {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px #22242626, none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].menu:last-child {
    margin-bottom: 0
}

.ui.top.attached.menu>.item:first-child {
    border-radius: .28571429rem 0 0
}

.ui.bottom.attached.menu>.item:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui.attached.menu:not(.tabular) {
    border: 1px solid #d4d4d5
}

.ui.attached.inverted.menu {
    border: none
}

.ui.attached.tabular.menu {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.ui.mini.menu {
    font-size: .78571429rem
}

.ui.mini.vertical.menu {
    width: 9rem
}

.ui.tiny.menu {
    font-size: .85714286rem
}

.ui.tiny.vertical.menu {
    width: 11rem
}

.ui.small.menu {
    font-size: .92857143rem
}

.ui.small.vertical.menu {
    width: 13rem
}

.ui.menu {
    font-size: 1rem
}

.ui.vertical.menu {
    width: 15rem
}

.ui.large.menu {
    font-size: 1.07142857rem
}

.ui.large.vertical.menu {
    width: 18rem
}

.ui.huge.menu {
    font-size: 1.21428571rem
}

.ui.huge.vertical.menu {
    width: 22rem
}

.ui.big.menu {
    font-size: 1.14285714rem
}

.ui.big.vertical.menu {
    width: 20rem
}

.ui.massive.menu {
    font-size: 1.28571429rem
}

.ui.massive.vertical.menu {
    width: 25rem
}

/*!
* # Semantic UI 2.3.1 - Message
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.message {
    position: relative;
    min-height: 1em;
    margin: 1em 0;
    background: #f8f8f9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: #000000de;
    transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px #22242638 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-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin: -.14285714em 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: "\2022";
    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 #22242626 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 #22242626 inset, 0 1px 2px #22242626
}

.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 #22242638 inset, 0 2px 4px #2224261f, 0 2px 10px #22242626
}

.ui.black.message {
    background-color: #1b1c1d;
    color: #ffffffe6
}

.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: #ffffffe6
}

.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
}

/*!
* # Semantic UI 2.3.1 - Table
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.table {
    width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: #000000de;
    border-collapse: separate;
    border-spacing: 0
}

.ui.table:first-child {
    margin-top: 0
}

.ui.table:last-child {
    margin-bottom: 0
}

.ui.table td,
.ui.table th {
    transition: background .1s ease, color .1s ease
}

.ui.table thead {
    box-shadow: none
}

.ui.table thead th {
    cursor: auto;
    background: #f9fafb;
    text-align: inherit;
    color: #000000de;
    padding: .92857143em .78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    text-transform: none;
    border-bottom: 1px solid rgba(34, 36, 38, .1);
    border-left: none
}

.ui.table thead tr>th:first-child {
    border-left: none
}

.ui.table thead tr:first-child>th:first-child {
    border-radius: .28571429rem 0 0
}

.ui.table thead tr:first-child>th:last-child {
    border-radius: 0 .28571429rem 0 0
}

.ui.table thead tr:first-child>th:only-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.table tfoot {
    box-shadow: none
}

.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid rgba(34, 36, 38, .15);
    background: #f9fafb;
    text-align: inherit;
    color: #000000de;
    padding: .78571429em;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    text-transform: none
}

.ui.table tfoot tr>th:first-child {
    border-left: none
}

.ui.table tfoot tr:first-child>th:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui.table tfoot tr:first-child>th:last-child {
    border-radius: 0 0 .28571429rem
}

.ui.table tfoot tr:first-child>th:only-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.table tr td {
    border-top: 1px solid rgba(34, 36, 38, .1)
}

.ui.table tr:first-child td {
    border-top: none
}

.ui.table tbody+tbody tr:first-child td {
    border-top: 1px solid rgba(34, 36, 38, .1)
}

.ui.table td {
    padding: .78571429em;
    text-align: inherit
}

.ui.table>.icon {
    vertical-align: baseline
}

.ui.table>.icon:only-child {
    margin: 0
}

.ui.table.segment {
    padding: 0
}

.ui.table.segment:after {
    display: none
}

.ui.table.segment.stacked:after {
    display: block
}

@media only screen and (max-width: 767px) {
    .ui.table:not(.unstackable) {
        width: 100%
    }

    .ui.table:not(.unstackable) tbody,
    .ui.table:not(.unstackable) tr,
    .ui.table:not(.unstackable) tr>td,
    .ui.table:not(.unstackable) tr>th {
        width: auto !important;
        display: block !important
    }

    .ui.table:not(.unstackable) {
        padding: 0
    }

    .ui.table:not(.unstackable) thead {
        display: block
    }

    .ui.table:not(.unstackable) tfoot {
        display: block
    }

    .ui.table:not(.unstackable) tr {
        padding-top: 1em;
        padding-bottom: 1em;
        box-shadow: 0 -1px #0000001a inset !important
    }

    .ui.table:not(.unstackable) tr>td,
    .ui.table:not(.unstackable) tr>th {
        background: 0 0;
        border: none !important;
        padding: .25em .75em !important;
        box-shadow: none !important
    }

    .ui.table:not(.unstackable) td:first-child,
    .ui.table:not(.unstackable) th:first-child {
        font-weight: 700
    }

    .ui.definition.table:not(.unstackable) thead th:first-child {
        box-shadow: none !important
    }
}

.ui.table td .image,
.ui.table td .image img,
.ui.table th .image,
.ui.table th .image img {
    max-width: none
}

.ui.structured.table {
    border-collapse: collapse
}

.ui.structured.table thead th {
    border-left: none;
    border-right: none
}

.ui.structured.sortable.table thead th {
    border-left: 1px solid rgba(34, 36, 38, .15);
    border-right: 1px solid rgba(34, 36, 38, .15)
}

.ui.structured.basic.table th {
    border-left: none;
    border-right: none
}

.ui.structured.celled.table tr td,
.ui.structured.celled.table tr th {
    border-left: 1px solid rgba(34, 36, 38, .1);
    border-right: 1px solid rgba(34, 36, 38, .1)
}

.ui.definition.table thead:not(.full-width) th:first-child {
    pointer-events: none;
    background: 0 0;
    font-weight: 400;
    color: #0006;
    box-shadow: -1px -1px 0 1px #fff
}

.ui.definition.table tfoot:not(.full-width) th:first-child {
    pointer-events: none;
    background: 0 0;
    font-weight: rgba(0, 0, 0, .4);
    color: normal;
    box-shadow: 1px 1px 0 1px #fff
}

.ui.celled.definition.table thead:not(.full-width) th:first-child {
    box-shadow: 0 -1px 0 1px #fff
}

.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
    box-shadow: 0 1px 0 1px #fff
}

.ui.definition.table tr td.definition,
.ui.definition.table tr td:first-child:not(.ignored) {
    background: rgba(0, 0, 0, .03);
    font-weight: 700;
    color: #000000f2;
    text-transform: "";
    box-shadow: "";
    text-align: "";
    font-size: 1em;
    padding-left: "";
    padding-right: ""
}

.ui.definition.table thead:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.definition.table td:nth-child(2) {
    border-left: 1px solid rgba(34, 36, 38, .15)
}

.ui.table td.positive,
.ui.table tr.positive {
    box-shadow: 0 0 #a3c293 inset
}

.ui.table td.positive,
.ui.table tr.positive {
    background: #fcfff5 !important;
    color: #2c662d !important
}

.ui.table td.negative,
.ui.table tr.negative {
    box-shadow: 0 0 #e0b4b4 inset
}

.ui.table td.negative,
.ui.table tr.negative {
    background: #fff6f6 !important;
    color: #9f3a38 !important
}

.ui.table td.error,
.ui.table tr.error {
    box-shadow: 0 0 #e0b4b4 inset
}

.ui.table td.error,
.ui.table tr.error {
    background: #fff6f6 !important;
    color: #9f3a38 !important
}

.ui.table td.warning,
.ui.table tr.warning {
    box-shadow: 0 0 #c9ba9b inset
}

.ui.table td.warning,
.ui.table tr.warning {
    background: #fffaf3 !important;
    color: #573a08 !important
}

.ui.table td.active,
.ui.table tr.active {
    box-shadow: 0 0 #000000de inset
}

.ui.table td.active,
.ui.table tr.active {
    background: #e0e0e0 !important;
    color: #000000de !important
}

.ui.table tr td.disabled,
.ui.table tr.disabled td,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
    pointer-events: none;
    color: #2828284d
}

@media only screen and (max-width: 991px) {

    .ui[class*="tablet stackable"].table,
    .ui[class*="tablet stackable"].table tbody,
    .ui[class*="tablet stackable"].table tr,
    .ui[class*="tablet stackable"].table tr>td,
    .ui[class*="tablet stackable"].table tr>th {
        width: 100% !important;
        display: block !important
    }

    .ui[class*="tablet stackable"].table {
        padding: 0
    }

    .ui[class*="tablet stackable"].table thead,
    .ui[class*="tablet stackable"].table tfoot {
        display: block
    }

    .ui[class*="tablet stackable"].table tr {
        padding-top: 1em;
        padding-bottom: 1em;
        box-shadow: 0 -1px #0000001a inset !important
    }

    .ui[class*="tablet stackable"].table tr>td,
    .ui[class*="tablet stackable"].table tr>th {
        background: 0 0;
        border: none !important;
        padding: .25em .75em;
        box-shadow: none !important
    }

    .ui.definition[class*="tablet stackable"].table thead th:first-child {
        box-shadow: none !important
    }
}

.ui.table [class*="left aligned"],
.ui.table[class*="left aligned"] {
    text-align: left
}

.ui.table [class*="center aligned"],
.ui.table[class*="center aligned"] {
    text-align: center
}

.ui.table [class*="right aligned"],
.ui.table[class*="right aligned"] {
    text-align: right
}

.ui.table [class*="top aligned"],
.ui.table[class*="top aligned"] {
    vertical-align: top
}

.ui.table [class*="middle aligned"],
.ui.table[class*="middle aligned"] {
    vertical-align: middle
}

.ui.table [class*="bottom aligned"],
.ui.table[class*="bottom aligned"] {
    vertical-align: bottom
}

.ui.table td.collapsing,
.ui.table th.collapsing {
    width: 1px;
    white-space: nowrap
}

.ui.fixed.table {
    table-layout: fixed
}

.ui.fixed.table td,
.ui.fixed.table th {
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
    background: rgba(0, 0, 0, .05) !important;
    color: #000000f2 !important
}

.ui.inverted.table tbody tr td.selectable:hover,
.ui.selectable.inverted.table tbody tr:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important
}

.ui.table tbody tr td.selectable {
    padding: 0
}

.ui.table tbody tr td.selectable>a:not(.ui) {
    display: block;
    color: inherit;
    padding: .78571429em
}

.ui.selectable.table tr.error:hover,
.ui.selectable.table tr:hover td.error,
.ui.table tr td.selectable.error:hover {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.selectable.table tr.warning:hover,
.ui.selectable.table tr:hover td.warning,
.ui.table tr td.selectable.warning:hover {
    background: #fff4e4 !important;
    color: #493107 !important
}

.ui.selectable.table tr.active:hover,
.ui.selectable.table tr:hover td.active,
.ui.table tr td.selectable.active:hover {
    background: #e0e0e0 !important;
    color: #000000de !important
}

.ui.selectable.table tr.positive:hover,
.ui.selectable.table tr:hover td.positive,
.ui.table tr td.selectable.positive:hover {
    background: #f7ffe6 !important;
    color: #275b28 !important
}

.ui.selectable.table tr.negative:hover,
.ui.selectable.table tr:hover td.negative,
.ui.table tr td.selectable.negative:hover {
    background: #ffe7e7 !important;
    color: #943634 !important
}

.ui.attached.table {
    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.attached+.ui.attached.table:not(.top) {
    border-top: none
}

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

.ui.table[class*="top attached"]:first-child {
    margin-top: 0
}

.ui[class*="bottom attached"].table {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1em;
    box-shadow: none, none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].table:last-child {
    margin-bottom: 0
}

.ui.striped.table tbody tr:nth-child(2n),
.ui.striped.table>tr:nth-child(2n) {
    background-color: #00003205
}

.ui.inverted.striped.table tbody tr:nth-child(2n),
.ui.inverted.striped.table>tr:nth-child(2n) {
    background-color: #ffffff0d
}

.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
    background: #efefef !important;
    color: #000000f2 !important
}

.ui.table [class*="single line"],
.ui.table[class*="single line"] {
    white-space: nowrap
}

.ui.red.table {
    border-top: .2em solid #db2828
}

.ui.inverted.red.table {
    background-color: #db2828 !important;
    color: #fff !important
}

.ui.orange.table {
    border-top: .2em solid #f2711c
}

.ui.inverted.orange.table {
    background-color: #f2711c !important;
    color: #fff !important
}

.ui.yellow.table {
    border-top: .2em solid #fbbd08
}

.ui.inverted.yellow.table {
    background-color: #fbbd08 !important;
    color: #fff !important
}

.ui.olive.table {
    border-top: .2em solid #b5cc18
}

.ui.inverted.olive.table {
    background-color: #b5cc18 !important;
    color: #fff !important
}

.ui.green.table {
    border-top: .2em solid #21ba45
}

.ui.inverted.green.table {
    background-color: #21ba45 !important;
    color: #fff !important
}

.ui.teal.table {
    border-top: .2em solid #00b5ad
}

.ui.inverted.teal.table {
    background-color: #00b5ad !important;
    color: #fff !important
}

.ui.blue.table {
    border-top: .2em solid #2185d0
}

.ui.inverted.blue.table {
    background-color: #2185d0 !important;
    color: #fff !important
}

.ui.violet.table {
    border-top: .2em solid #6435c9
}

.ui.inverted.violet.table {
    background-color: #6435c9 !important;
    color: #fff !important
}

.ui.purple.table {
    border-top: .2em solid #a333c8
}

.ui.inverted.purple.table {
    background-color: #a333c8 !important;
    color: #fff !important
}

.ui.pink.table {
    border-top: .2em solid #e03997
}

.ui.inverted.pink.table {
    background-color: #e03997 !important;
    color: #fff !important
}

.ui.brown.table {
    border-top: .2em solid #a5673f
}

.ui.inverted.brown.table {
    background-color: #a5673f !important;
    color: #fff !important
}

.ui.grey.table {
    border-top: .2em solid #767676
}

.ui.inverted.grey.table {
    background-color: #767676 !important;
    color: #fff !important
}

.ui.black.table {
    border-top: .2em solid #1b1c1d
}

.ui.inverted.black.table {
    background-color: #1b1c1d !important;
    color: #fff !important
}

.ui.one.column.table td {
    width: 100%
}

.ui.two.column.table td {
    width: 50%
}

.ui.three.column.table td {
    width: 33.33333333%
}

.ui.four.column.table td {
    width: 25%
}

.ui.five.column.table td {
    width: 20%
}

.ui.six.column.table td {
    width: 16.66666667%
}

.ui.seven.column.table td {
    width: 14.28571429%
}

.ui.eight.column.table td {
    width: 12.5%
}

.ui.nine.column.table td {
    width: 11.11111111%
}

.ui.ten.column.table td {
    width: 10%
}

.ui.eleven.column.table td {
    width: 9.09090909%
}

.ui.twelve.column.table td {
    width: 8.33333333%
}

.ui.thirteen.column.table td {
    width: 7.69230769%
}

.ui.fourteen.column.table td {
    width: 7.14285714%
}

.ui.fifteen.column.table td {
    width: 6.66666667%
}

.ui.sixteen.column.table td,
.ui.table td.one.wide,
.ui.table th.one.wide {
    width: 6.25%
}

.ui.table td.two.wide,
.ui.table th.two.wide {
    width: 12.5%
}

.ui.table td.three.wide,
.ui.table th.three.wide {
    width: 18.75%
}

.ui.table td.four.wide,
.ui.table th.four.wide {
    width: 25%
}

.ui.table td.five.wide,
.ui.table th.five.wide {
    width: 31.25%
}

.ui.table td.six.wide,
.ui.table th.six.wide {
    width: 37.5%
}

.ui.table td.seven.wide,
.ui.table th.seven.wide {
    width: 43.75%
}

.ui.table td.eight.wide,
.ui.table th.eight.wide {
    width: 50%
}

.ui.table td.nine.wide,
.ui.table th.nine.wide {
    width: 56.25%
}

.ui.table td.ten.wide,
.ui.table th.ten.wide {
    width: 62.5%
}

.ui.table td.eleven.wide,
.ui.table th.eleven.wide {
    width: 68.75%
}

.ui.table td.twelve.wide,
.ui.table th.twelve.wide {
    width: 75%
}

.ui.table td.thirteen.wide,
.ui.table th.thirteen.wide {
    width: 81.25%
}

.ui.table td.fourteen.wide,
.ui.table th.fourteen.wide {
    width: 87.5%
}

.ui.table td.fifteen.wide,
.ui.table th.fifteen.wide {
    width: 93.75%
}

.ui.table td.sixteen.wide,
.ui.table th.sixteen.wide {
    width: 100%
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid rgba(34, 36, 38, .15);
    color: #000000de
}

.ui.sortable.table thead th:first-child {
    border-left: none
}

.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ui.sortable.table thead th:after {
    display: none;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    content: "";
    height: 1em;
    width: auto;
    opacity: .8;
    margin: 0 0 0 .5em;
    font-family: Icons
}

.ui.sortable.table thead th.ascending:after {
    content: "\f0d8"
}

.ui.sortable.table thead th.descending:after {
    content: "\f0d7"
}

.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: #2828284d
}

.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, .05);
    color: #000c
}

.ui.sortable.table thead th.sorted {
    background: rgba(0, 0, 0, .05);
    color: #000000f2
}

.ui.sortable.table thead th.sorted:after {
    display: inline-block
}

.ui.sortable.table thead th.sorted:hover {
    background: rgba(0, 0, 0, .05);
    color: #000000f2
}

.ui.inverted.sortable.table thead th.sorted {
    background: rgba(255, 255, 255, .15) linear-gradient(transparent, rgba(0, 0, 0, .05));
    color: #fff
}

.ui.inverted.sortable.table thead th:hover {
    background: rgba(255, 255, 255, .08) linear-gradient(transparent, rgba(0, 0, 0, .05));
    color: #fff
}

.ui.inverted.sortable.table thead th {
    border-left-color: transparent;
    border-right-color: transparent
}

.ui.inverted.table {
    background: #333;
    color: #ffffffe6;
    border: none
}

.ui.inverted.table th {
    background-color: #00000026;
    border-color: #ffffff1a !important;
    color: #ffffffe6 !important
}

.ui.inverted.table tr td {
    border-color: #ffffff1a !important
}

.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
    pointer-events: none;
    color: #e1e1e14d
}

.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
    background: #fff
}

.ui.inverted.definition.table tr td:first-child {
    background: rgba(255, 255, 255, .02);
    color: #fff
}

.ui.collapsing.table {
    width: auto
}

.ui.basic.table {
    background: 0 0;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: none
}

.ui.basic.table tfoot,
.ui.basic.table thead {
    box-shadow: none
}

.ui.basic.table th {
    background: 0 0;
    border-left: none
}

.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.ui.basic.table td {
    background: 0 0
}

.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: #0000000d !important
}

.ui[class*="very basic"].table {
    border: none
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th {
    padding: ""
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child {
    padding-left: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {
    padding-right: 0
}

.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
    padding-top: 0
}

.ui.celled.table tr td,
.ui.celled.table tr th {
    border-left: 1px solid rgba(34, 36, 38, .1)
}

.ui.celled.table tr td:first-child,
.ui.celled.table tr th:first-child {
    border-left: none
}

.ui.padded.table th {
    padding-left: 1em;
    padding-right: 1em
}

.ui.padded.table td,
.ui.padded.table th {
    padding: 1em
}

.ui[class*="very padded"].table th {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.ui[class*="very padded"].table td {
    padding: 1.5em
}

.ui.compact.table th {
    padding-left: .7em;
    padding-right: .7em
}

.ui.compact.table td {
    padding: .5em .7em
}

.ui[class*="very compact"].table th {
    padding-left: .6em;
    padding-right: .6em
}

.ui[class*="very compact"].table td {
    padding: .4em .6em
}

.ui.small.table {
    font-size: .9em
}

.ui.table {
    font-size: 1em
}

.ui.large.table {
    font-size: 1.1em
}

/*!
* # Semantic UI 2.3.1 - Ad
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2013 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.ad {
    display: block;
    overflow: hidden;
    margin: 1em 0
}

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

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

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

.ui.leaderboard.ad {
    width: 728px;
    height: 90px
}

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

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

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

.ui.square.ad {
    width: 250px;
    height: 250px
}

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

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

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

.ui.button.ad {
    width: 120px;
    height: 90px
}

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

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

.ui.skyscraper.ad {
    width: 120px;
    height: 600px
}

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

.ui.banner.ad {
    width: 468px;
    height: 60px
}

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

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

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

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

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

.ui.panorama.ad {
    width: 980px;
    height: 120px
}

.ui.netboard.ad {
    width: 580px;
    height: 400px
}

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

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

.ui.mobile.ad {
    display: none
}

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

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

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

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

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

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

.ui.card,
.ui.cards>.card {
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 290px;
    min-height: 0;
    background: #fff;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px #d4d4d5, 0 0 0 1px #d4d4d5;
    transition: box-shadow .1s ease, transform .1s ease;
    z-index: ""
}

.ui.card {
    margin: 1em 0
}

.ui.card a,
.ui.cards>.card a {
    cursor: pointer
}

.ui.card:first-child {
    margin-top: 0
}

.ui.card:last-child {
    margin-bottom: 0
}

.ui.cards {
    display: flex;
    margin: -.875em -.5em;
    flex-wrap: wrap
}

.ui.cards>.card {
    display: flex;
    margin: .875em .5em;
    float: none
}

.ui.card:after,
.ui.cards:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.cards~.ui.cards {
    margin-top: .875em
}

.ui.card>:first-child,
.ui.cards>.card>:first-child {
    border-radius: .28571429rem .28571429rem 0 0 !important;
    border-top: none !important
}

.ui.card>:last-child,
.ui.cards>.card>:last-child {
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.card>:only-child,
.ui.cards>.card>:only-child {
    border-radius: .28571429rem !important
}

.ui.card>.image,
.ui.cards>.card>.image {
    position: relative;
    display: block;
    flex: 0 0 auto;
    padding: 0;
    background: rgba(0, 0, 0, .05)
}

.ui.card>.image>img,
.ui.cards>.card>.image>img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit
}

.ui.card>.image:not(.ui)>img,
.ui.cards>.card>.image:not(.ui)>img {
    border: none
}

.ui.card>.content,
.ui.cards>.card>.content {
    flex-grow: 1;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    background: 0 0;
    margin: 0;
    padding: 1em;
    box-shadow: none;
    font-size: 1em;
    border-radius: 0
}

.ui.card>.content:after,
.ui.cards>.card>.content:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ui.card>.content>.header,
.ui.cards>.card>.content>.header {
    display: block;
    margin: "";
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    color: #000000d9
}

.ui.card>.content>.header:not(.ui),
.ui.cards>.card>.content>.header:not(.ui) {
    font-weight: 700;
    font-size: 1.28571429em;
    margin-top: -.21425em;
    line-height: 1.28571429em
}

.ui.card>.content>.header+.description,
.ui.card>.content>.meta+.description,
.ui.cards>.card>.content>.header+.description,
.ui.cards>.card>.content>.meta+.description {
    margin-top: .5em
}

.ui.card [class*="left floated"],
.ui.cards>.card [class*="left floated"] {
    float: left
}

.ui.card [class*="right floated"],
.ui.cards>.card [class*="right floated"] {
    float: right
}

.ui.card [class*="left aligned"],
.ui.cards>.card [class*="left aligned"] {
    text-align: left
}

.ui.card [class*="center aligned"],
.ui.cards>.card [class*="center aligned"] {
    text-align: center
}

.ui.card [class*="right aligned"],
.ui.cards>.card [class*="right aligned"] {
    text-align: right
}

.ui.card .content img,
.ui.cards>.card .content img {
    display: inline-block;
    vertical-align: middle;
    width: ""
}

.ui.card .avatar img,
.ui.card img.avatar,
.ui.cards>.card .avatar img,
.ui.cards>.card img.avatar {
    width: 2em;
    height: 2em;
    border-radius: 500rem
}

.ui.card>.content>.description,
.ui.cards>.card>.content>.description {
    clear: both;
    color: #000000ad
}

.ui.card>.content p,
.ui.cards>.card>.content p {
    margin: 0 0 .5em
}

.ui.card>.content p:last-child,
.ui.cards>.card>.content p:last-child {
    margin-bottom: 0
}

.ui.card .meta,
.ui.cards>.card .meta {
    font-size: 1em;
    color: #0006
}

.ui.card .meta *,
.ui.cards>.card .meta * {
    margin-right: .3em
}

.ui.card .meta :last-child,
.ui.cards>.card .meta :last-child {
    margin-right: 0
}

.ui.card .meta [class*="right floated"],
.ui.cards>.card .meta [class*="right floated"] {
    margin-right: 0;
    margin-left: .3em
}

.ui.card>.content a:not(.ui),
.ui.cards>.card>.content a:not(.ui) {
    color: "";
    transition: color .1s ease
}

.ui.card>.content a:not(.ui):hover,
.ui.cards>.card>.content a:not(.ui):hover {
    color: ""
}

.ui.card>.content>a.header,
.ui.cards>.card>.content>a.header {
    color: #000000d9
}

.ui.card>.content>a.header:hover,
.ui.cards>.card>.content>a.header:hover {
    color: #1e70bf
}

.ui.card .meta>a:not(.ui),
.ui.cards>.card .meta>a:not(.ui) {
    color: #0006
}

.ui.card .meta>a:not(.ui):hover,
.ui.cards>.card .meta>a:not(.ui):hover {
    color: #000000de
}

.ui.card>.button,
.ui.card>.buttons,
.ui.cards>.card>.button,
.ui.cards>.card>.buttons {
    margin: 0 -1px;
    width: calc(100% + 2px)
}

.ui.card .dimmer,
.ui.cards>.card .dimmer {
    background-color: "";
    z-index: 10
}

.ui.card>.content .star.icon,
.ui.cards>.card>.content .star.icon {
    cursor: pointer;
    opacity: .75;
    transition: color .1s ease
}

.ui.card>.content .star.icon:hover,
.ui.cards>.card>.content .star.icon:hover {
    opacity: 1;
    color: #ffb70a
}

.ui.card>.content .active.star.icon,
.ui.cards>.card>.content .active.star.icon {
    color: #ffe623
}

.ui.card>.content .like.icon,
.ui.cards>.card>.content .like.icon {
    cursor: pointer;
    opacity: .75;
    transition: color .1s ease
}

.ui.card>.content .like.icon:hover,
.ui.cards>.card>.content .like.icon:hover {
    opacity: 1;
    color: #ff2733
}

.ui.card>.content .active.like.icon,
.ui.cards>.card>.content .active.like.icon {
    color: #ff2733
}

.ui.card>.extra,
.ui.cards>.card>.extra {
    max-width: 100%;
    min-height: 0 !important;
    flex-grow: 0;
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    position: static;
    background: 0 0;
    width: auto;
    margin: 0;
    padding: .75em 1em;
    top: 0;
    left: 0;
    color: #0006;
    box-shadow: none;
    transition: color .1s ease
}

.ui.card>.extra a:not(.ui),
.ui.cards>.card>.extra a:not(.ui) {
    color: #0006
}

.ui.card>.extra a:not(.ui):hover,
.ui.cards>.card>.extra a:not(.ui):hover {
    color: #1e70bf
}

.ui.link.cards .raised.card:hover,
.ui.link.raised.card:hover,
.ui.raised.cards a.card:hover,
a.ui.raised.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px #22242626, 0 2px 10px #22242640
}

.ui.raised.card,
.ui.raised.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px #2224261f, 0 2px 10px #22242626
}

.ui.centered.cards {
    justify-content: center
}

.ui.centered.card {
    margin-left: auto;
    margin-right: auto
}

.ui.fluid.card {
    width: 100%;
    max-width: 9999px
}

.ui.cards a.card,
.ui.link.card,
.ui.link.cards .card,
a.ui.card {
    transform: none
}

.ui.cards a.card:hover,
.ui.link.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover {
    cursor: pointer;
    z-index: 5;
    background: #fff;
    border: none;
    box-shadow: 0 1px 3px #bcbdbd, 0 0 0 1px #d4d4d5;
    transform: translateY(-3px)
}

.ui.cards>.red.card,
.ui.red.card,
.ui.red.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #db2828, 0 1px 3px #d4d4d5
}

.ui.cards>.red.card:hover,
.ui.red.card:hover,
.ui.red.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #d01919, 0 1px 3px #bcbdbd
}

.ui.cards>.orange.card,
.ui.orange.card,
.ui.orange.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #f2711c, 0 1px 3px #d4d4d5
}

.ui.cards>.orange.card:hover,
.ui.orange.card:hover,
.ui.orange.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #f26202, 0 1px 3px #bcbdbd
}

.ui.cards>.yellow.card,
.ui.yellow.card,
.ui.yellow.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #fbbd08, 0 1px 3px #d4d4d5
}

.ui.cards>.yellow.card:hover,
.ui.yellow.card:hover,
.ui.yellow.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #eaae00, 0 1px 3px #bcbdbd
}

.ui.cards>.olive.card,
.ui.olive.card,
.ui.olive.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #b5cc18, 0 1px 3px #d4d4d5
}

.ui.cards>.olive.card:hover,
.ui.olive.card:hover,
.ui.olive.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #a7bd0d, 0 1px 3px #bcbdbd
}

.ui.cards>.green.card,
.ui.green.card,
.ui.green.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #21ba45, 0 1px 3px #d4d4d5
}

.ui.cards>.green.card:hover,
.ui.green.card:hover,
.ui.green.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #16ab39, 0 1px 3px #bcbdbd
}

.ui.cards>.teal.card,
.ui.teal.card,
.ui.teal.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #00b5ad, 0 1px 3px #d4d4d5
}

.ui.cards>.teal.card:hover,
.ui.teal.card:hover,
.ui.teal.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #009c95, 0 1px 3px #bcbdbd
}

.ui.blue.card,
.ui.blue.cards>.card,
.ui.cards>.blue.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #2185d0, 0 1px 3px #d4d4d5
}

.ui.blue.card:hover,
.ui.blue.cards>.card:hover,
.ui.cards>.blue.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #1678c2, 0 1px 3px #bcbdbd
}

.ui.cards>.violet.card,
.ui.violet.card,
.ui.violet.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #6435c9, 0 1px 3px #d4d4d5
}

.ui.cards>.violet.card:hover,
.ui.violet.card:hover,
.ui.violet.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #5829bb, 0 1px 3px #bcbdbd
}

.ui.cards>.purple.card,
.ui.purple.card,
.ui.purple.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #a333c8, 0 1px 3px #d4d4d5
}

.ui.cards>.purple.card:hover,
.ui.purple.card:hover,
.ui.purple.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #9627ba, 0 1px 3px #bcbdbd
}

.ui.cards>.pink.card,
.ui.pink.card,
.ui.pink.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #e03997, 0 1px 3px #d4d4d5
}

.ui.cards>.pink.card:hover,
.ui.pink.card:hover,
.ui.pink.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #e61a8d, 0 1px 3px #bcbdbd
}

.ui.brown.card,
.ui.brown.cards>.card,
.ui.cards>.brown.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #a5673f, 0 1px 3px #d4d4d5
}

.ui.brown.card:hover,
.ui.brown.cards>.card:hover,
.ui.cards>.brown.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #975b33, 0 1px 3px #bcbdbd
}

.ui.cards>.grey.card,
.ui.grey.card,
.ui.grey.cards>.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #767676, 0 1px 3px #d4d4d5
}

.ui.cards>.grey.card:hover,
.ui.grey.card:hover,
.ui.grey.cards>.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #838383, 0 1px 3px #bcbdbd
}

.ui.black.card,
.ui.black.cards>.card,
.ui.cards>.black.card {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #1b1c1d, 0 1px 3px #d4d4d5
}

.ui.black.card:hover,
.ui.black.cards>.card:hover,
.ui.cards>.black.card:hover {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px #27292a, 0 1px 3px #bcbdbd
}

.ui.one.cards {
    margin-left: 0;
    margin-right: 0
}

.ui.one.cards>.card {
    width: 100%
}

.ui.two.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.two.cards>.card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.three.cards {
    margin-left: -1em;
    margin-right: -1em
}

.ui.three.cards>.card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em
}

.ui.four.cards {
    margin-left: -.75em;
    margin-right: -.75em
}

.ui.four.cards>.card {
    width: calc(25% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}

.ui.five.cards {
    margin-left: -.75em;
    margin-right: -.75em
}

.ui.five.cards>.card {
    width: calc(20% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}

.ui.six.cards {
    margin-left: -.75em;
    margin-right: -.75em
}

.ui.six.cards>.card {
    width: calc(16.66666667% - 1.5em);
    margin-left: .75em;
    margin-right: .75em
}

.ui.seven.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.seven.cards>.card {
    width: calc(14.28571429% - 1em);
    margin-left: .5em;
    margin-right: .5em
}

.ui.eight.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.eight.cards>.card {
    width: calc(12.5% - 1em);
    margin-left: .5em;
    margin-right: .5em;
    font-size: 11px
}

.ui.nine.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.nine.cards>.card {
    width: calc(11.11111111% - 1em);
    margin-left: .5em;
    margin-right: .5em;
    font-size: 10px
}

.ui.ten.cards {
    margin-left: -.5em;
    margin-right: -.5em
}

.ui.ten.cards>.card {
    width: calc(10% - 1em);
    margin-left: .5em;
    margin-right: .5em
}

@media only screen and (max-width: 767px) {
    .ui.two.doubling.cards {
        margin-left: 0;
        margin-right: 0
    }

    .ui.two.doubling.cards>.card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.three.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.four.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.five.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.six.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.seven.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.seven.doubling.cards>.card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.eight.doubling.cards>.card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.nine.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.nine.doubling.cards>.card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.ten.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.ten.doubling.cards>.card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.two.doubling.cards {
        margin-left: 0;
        margin-right: 0
    }

    .ui.two.doubling.cards>.card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.three.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.four.doubling.cards>.card {
        width: calc(50% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.five.doubling.cards>.card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.six.doubling.cards>.card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em
    }

    .ui.eight.doubling.cards>.card {
        width: calc(33.33333333% - 2em);
        margin-left: 1em;
        margin-right: 1em
    }

    .ui.eight.doubling.cards {
        margin-left: -.75em;
        margin-right: -.75em
    }

    .ui.eight.doubling.cards>.card {
        width: calc(25% - 1.5em);
        margin-left: .75em;
        margin-right: .75em
    }

    .ui.nine.doubling.cards {
        margin-left: -.75em;
        margin-right: -.75em
    }

    .ui.nine.doubling.cards>.card {
        width: calc(25% - 1.5em);
        margin-left: .75em;
        margin-right: .75em
    }

    .ui.ten.doubling.cards {
        margin-left: -.75em;
        margin-right: -.75em
    }

    .ui.ten.doubling.cards>.card {
        width: calc(20% - 1.5em);
        margin-left: .75em;
        margin-right: .75em
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.cards {
        display: block !important
    }

    .ui.stackable.cards .card:first-child {
        margin-top: 0 !important
    }

    .ui.stackable.cards>.card {
        display: block !important;
        height: auto !important;
        margin: 1em;
        padding: 0 !important;
        width: calc(100% - 2em) !important
    }
}

.ui.cards>.card {
    font-size: 1em
}

/*!
* # Semantic UI 2.3.1 - Comment
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.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: #000000de;
    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: #0006;
    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: #000000de;
    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: #0006
}

.ui.comments .comment .actions a:last-child {
    margin-right: 0
}

.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
    color: #000c
}

.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 #22242626
}

.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
}

/*!
* # Semantic UI 2.3.1 - Feed
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.feed {
    margin: 1em 0
}

.ui.feed:first-child {
    margin-top: 0
}

.ui.feed:last-child {
    margin-bottom: 0
}

.ui.feed>.event {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: .21428571rem 0;
    margin: 0;
    background: 0 0;
    border-top: none
}

.ui.feed>.event:first-child {
    border-top: 0;
    padding-top: 0
}

.ui.feed>.event:last-child {
    padding-bottom: 0
}

.ui.feed>.event>.label {
    display: block;
    flex: 0 0 auto;
    width: 2.5em;
    height: auto;
    align-self: stretch;
    text-align: left
}

.ui.feed>.event>.label .icon {
    opacity: 1;
    font-size: 1.5em;
    width: 100%;
    padding: .25em;
    background: 0 0;
    border: none;
    border-radius: none;
    color: #0009
}

.ui.feed>.event>.label img {
    width: 100%;
    height: auto;
    border-radius: 500rem
}

.ui.feed>.event>.label+.content {
    margin: .5em 0 .35714286em 1.14285714em
}

.ui.feed>.event>.content {
    display: block;
    flex: 1 1 auto;
    align-self: stretch;
    text-align: left;
    word-wrap: break-word
}

.ui.feed>.event:last-child>.content {
    padding-bottom: 0
}

.ui.feed>.event>.content a {
    cursor: pointer
}

.ui.feed>.event>.content .date {
    margin: -.5rem 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 1em;
    font-style: normal;
    color: #0006
}

.ui.feed>.event>.content .summary {
    margin: 0;
    font-size: 1em;
    font-weight: 700;
    color: #000000de
}

.ui.feed>.event>.content .summary img {
    display: inline-block;
    width: auto;
    height: 10em;
    margin: -.25em .25em 0 0;
    border-radius: .25em;
    vertical-align: middle
}

.ui.feed>.event>.content .user {
    display: inline-block;
    font-weight: 700;
    margin-right: 0;
    vertical-align: baseline
}

.ui.feed>.event>.content .user img {
    margin: -.25em .25em 0 0;
    width: auto;
    height: 10em;
    vertical-align: middle
}

.ui.feed>.event>.content .summary>.date {
    display: inline-block;
    float: none;
    font-weight: 400;
    font-size: .85714286em;
    font-style: normal;
    margin: 0 0 0 .5em;
    padding: 0;
    color: #0006
}

.ui.feed>.event>.content .extra {
    margin: .5em 0 0;
    background: 0 0;
    padding: 0;
    color: #000000de
}

.ui.feed>.event>.content .extra.images img {
    display: inline-block;
    margin: 0 .25em 0 0;
    width: 6em
}

.ui.feed>.event>.content .extra.text {
    padding: 0;
    border-left: none;
    font-size: 1em;
    max-width: 500px;
    line-height: 1.4285em
}

.ui.feed>.event>.content .meta {
    display: inline-block;
    font-size: .85714286em;
    margin: .5em 0 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    color: #0009
}

.ui.feed>.event>.content .meta>* {
    position: relative;
    margin-left: .75em
}

.ui.feed>.event>.content .meta>:after {
    content: "";
    color: #0003;
    top: 0;
    left: -1em;
    opacity: 1;
    position: absolute;
    vertical-align: top
}

.ui.feed>.event>.content .meta .like {
    color: "";
    transition: .2s color ease
}

.ui.feed>.event>.content .meta .like:hover .icon {
    color: #ff2733
}

.ui.feed>.event>.content .meta .active.like .icon {
    color: #ef404a
}

.ui.feed>.event>.content .meta>:first-child {
    margin-left: 0
}

.ui.feed>.event>.content .meta>:first-child:after {
    display: none
}

.ui.feed>.event>.content .meta a,
.ui.feed>.event>.content .meta>.icon {
    cursor: pointer;
    opacity: 1;
    color: #00000080;
    transition: color .1s ease
}

.ui.feed>.event>.content .meta a:hover,
.ui.feed>.event>.content .meta a:hover .icon,
.ui.feed>.event>.content .meta>.icon:hover {
    color: #000000f2
}

.ui.small.feed {
    font-size: .92857143rem
}

.ui.feed {
    font-size: 1rem
}

.ui.large.feed {
    font-size: 1.14285714rem
}

/*!
* # Semantic UI 2.3.1 - Item
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.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: ""
}

.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;
    max-height: "";
    align-self: top
}

.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: top;
    padding-left: 1.5em
}

.ui.items>.item>.content>.header {
    display: inline-block;
    margin: -.21425em 0 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000000d9
}

.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: middle;
    width: ""
}

.ui.items>.item .avatar img,
.ui.items>.item img.avatar {
    width: "";
    height: "";
    border-radius: 500rem
}

.ui.items>.item>.content>.description {
    margin-top: .6em;
    max-width: auto;
    font-size: 1em;
    line-height: 1.4285em;
    color: #000000de
}

.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;
    font-size: 1em;
    line-height: 1em;
    color: #0009
}

.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: "";
    transition: color .1s ease
}

.ui.items>.item>.content a:not(.ui):hover {
    color: ""
}

.ui.items>.item>.content>a.header {
    color: #000000d9
}

.ui.items>.item>.content>a.header:hover {
    color: #1e70bf
}

.ui.items>.item .meta>a:not(.ui) {
    color: #0006
}

.ui.items>.item .meta>a:not(.ui):hover {
    color: #000000de
}

.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;
    top: 0;
    left: 0;
    color: #0006;
    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
    }
}

/*!
* # Semantic UI 2.3.1 - Statistic
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.statistic {
    display: inline-flex;
    flex-direction: column;
    margin: 1em 0;
    max-width: auto
}

.ui.statistic+.ui.statistic {
    margin: 0 0 0 1.5em
}

.ui.statistic:first-child {
    margin-top: 0
}

.ui.statistic:last-child {
    margin-bottom: 0
}

.ui.statistics {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.ui.statistics>.statistic {
    display: inline-flex;
    flex: 0 1 auto;
    flex-direction: column;
    margin: 0 1.5em 2em;
    max-width: auto
}

.ui.statistics {
    display: flex;
    margin: 1em -1.5em -2em
}

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

.ui.statistics:first-child {
    margin-top: 0
}

.ui.statistics:last-child {
    margin-bottom: 0
}

.ui.statistic>.value,
.ui.statistics .statistic>.value {
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1em;
    color: #1b1c1d;
    text-transform: uppercase;
    text-align: center
}

.ui.statistic>.label,
.ui.statistics .statistic>.label {
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    color: #000000de;
    text-transform: uppercase;
    text-align: center
}

.ui.statistic>.label~.value,
.ui.statistics .statistic>.label~.value {
    margin-top: 0
}

.ui.statistic>.value~.label,
.ui.statistics .statistic>.value~.label {
    margin-top: 0
}

.ui.statistic>.value .icon,
.ui.statistics .statistic>.value .icon {
    opacity: 1;
    width: auto;
    margin: 0
}

.ui.statistic>.text.value,
.ui.statistics .statistic>.text.value {
    line-height: 1em;
    min-height: 2em;
    font-weight: 700;
    text-align: center
}

.ui.statistic>.text.value+.label,
.ui.statistics .statistic>.text.value+.label {
    text-align: center
}

.ui.statistic>.value img,
.ui.statistics .statistic>.value img {
    max-height: 3rem;
    vertical-align: baseline
}

.ui.ten.statistics {
    margin: 0 0 -2em
}

.ui.ten.statistics .statistic {
    min-width: 10%;
    margin: 0 0 2em
}

.ui.nine.statistics {
    margin: 0 0 -2em
}

.ui.nine.statistics .statistic {
    min-width: 11.11111111%;
    margin: 0 0 2em
}

.ui.eight.statistics {
    margin: 0 0 -2em
}

.ui.eight.statistics .statistic {
    min-width: 12.5%;
    margin: 0 0 2em
}

.ui.seven.statistics {
    margin: 0 0 -2em
}

.ui.seven.statistics .statistic {
    min-width: 14.28571429%;
    margin: 0 0 2em
}

.ui.six.statistics {
    margin: 0 0 -2em
}

.ui.six.statistics .statistic {
    min-width: 16.66666667%;
    margin: 0 0 2em
}

.ui.five.statistics {
    margin: 0 0 -2em
}

.ui.five.statistics .statistic {
    min-width: 20%;
    margin: 0 0 2em
}

.ui.four.statistics {
    margin: 0 0 -2em
}

.ui.four.statistics .statistic {
    min-width: 25%;
    margin: 0 0 2em
}

.ui.three.statistics {
    margin: 0 0 -2em
}

.ui.three.statistics .statistic {
    min-width: 33.33333333%;
    margin: 0 0 2em
}

.ui.two.statistics {
    margin: 0 0 -2em
}

.ui.two.statistics .statistic {
    min-width: 50%;
    margin: 0 0 2em
}

.ui.one.statistics {
    margin: 0 0 -2em
}

.ui.one.statistics .statistic {
    min-width: 100%;
    margin: 0 0 2em
}

.ui.horizontal.statistic {
    flex-direction: row;
    align-items: center
}

.ui.horizontal.statistics {
    flex-direction: column;
    margin: 0;
    max-width: none
}

.ui.horizontal.statistics .statistic {
    flex-direction: row;
    align-items: center;
    max-width: none;
    margin: 1em 0
}

.ui.horizontal.statistic>.text.value,
.ui.horizontal.statistics>.statistic>.text.value {
    min-height: 0 !important
}

.ui.horizontal.statistic>.value .icon,
.ui.horizontal.statistics .statistic>.value .icon {
    width: 1.18em
}

.ui.horizontal.statistic>.value,
.ui.horizontal.statistics .statistic>.value {
    display: inline-block;
    vertical-align: middle
}

.ui.horizontal.statistic>.label,
.ui.horizontal.statistics .statistic>.label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .75em
}

.ui.red.statistic>.value,
.ui.red.statistics .statistic>.value,
.ui.statistics .red.statistic>.value {
    color: #db2828
}

.ui.orange.statistic>.value,
.ui.orange.statistics .statistic>.value,
.ui.statistics .orange.statistic>.value {
    color: #f2711c
}

.ui.statistics .yellow.statistic>.value,
.ui.yellow.statistic>.value,
.ui.yellow.statistics .statistic>.value {
    color: #fbbd08
}

.ui.olive.statistic>.value,
.ui.olive.statistics .statistic>.value,
.ui.statistics .olive.statistic>.value {
    color: #b5cc18
}

.ui.green.statistic>.value,
.ui.green.statistics .statistic>.value,
.ui.statistics .green.statistic>.value {
    color: #21ba45
}

.ui.statistics .teal.statistic>.value,
.ui.teal.statistic>.value,
.ui.teal.statistics .statistic>.value {
    color: #00b5ad
}

.ui.blue.statistic>.value,
.ui.blue.statistics .statistic>.value,
.ui.statistics .blue.statistic>.value {
    color: #2185d0
}

.ui.statistics .violet.statistic>.value,
.ui.violet.statistic>.value,
.ui.violet.statistics .statistic>.value {
    color: #6435c9
}

.ui.purple.statistic>.value,
.ui.purple.statistics .statistic>.value,
.ui.statistics .purple.statistic>.value {
    color: #a333c8
}

.ui.pink.statistic>.value,
.ui.pink.statistics .statistic>.value,
.ui.statistics .pink.statistic>.value {
    color: #e03997
}

.ui.brown.statistic>.value,
.ui.brown.statistics .statistic>.value,
.ui.statistics .brown.statistic>.value {
    color: #a5673f
}

.ui.grey.statistic>.value,
.ui.grey.statistics .statistic>.value,
.ui.statistics .grey.statistic>.value {
    color: #767676
}

.ui.inverted.statistic .value,
.ui.inverted.statistics .statistic>.value {
    color: #fff
}

.ui.inverted.statistic .label,
.ui.inverted.statistics .statistic>.label {
    color: #ffffffe6
}

.ui.inverted.red.statistic>.value,
.ui.inverted.red.statistics .statistic>.value,
.ui.statistics .inverted.red.statistic>.value {
    color: #ff695e
}

.ui.inverted.orange.statistic>.value,
.ui.inverted.orange.statistics .statistic>.value,
.ui.statistics .inverted.orange.statistic>.value {
    color: #ff851b
}

.ui.inverted.yellow.statistic>.value,
.ui.inverted.yellow.statistics .statistic>.value,
.ui.statistics .inverted.yellow.statistic>.value {
    color: #ffe21f
}

.ui.inverted.olive.statistic>.value,
.ui.inverted.olive.statistics .statistic>.value,
.ui.statistics .inverted.olive.statistic>.value {
    color: #d9e778
}

.ui.inverted.green.statistic>.value,
.ui.inverted.green.statistics .statistic>.value,
.ui.statistics .inverted.green.statistic>.value {
    color: #2ecc40
}

.ui.inverted.teal.statistic>.value,
.ui.inverted.teal.statistics .statistic>.value,
.ui.statistics .inverted.teal.statistic>.value {
    color: #6dffff
}

.ui.inverted.blue.statistic>.value,
.ui.inverted.blue.statistics .statistic>.value,
.ui.statistics .inverted.blue.statistic>.value {
    color: #54c8ff
}

.ui.inverted.violet.statistic>.value,
.ui.inverted.violet.statistics .statistic>.value,
.ui.statistics .inverted.violet.statistic>.value {
    color: #a291fb
}

.ui.inverted.purple.statistic>.value,
.ui.inverted.purple.statistics .statistic>.value,
.ui.statistics .inverted.purple.statistic>.value {
    color: #dc73ff
}

.ui.inverted.pink.statistic>.value,
.ui.inverted.pink.statistics .statistic>.value,
.ui.statistics .inverted.pink.statistic>.value {
    color: #ff8edf
}

.ui.inverted.brown.statistic>.value,
.ui.inverted.brown.statistics .statistic>.value,
.ui.statistics .inverted.brown.statistic>.value {
    color: #d67c1c
}

.ui.inverted.grey.statistic>.value,
.ui.inverted.grey.statistics .statistic>.value,
.ui.statistics .inverted.grey.statistic>.value {
    color: #dcddde
}

.ui[class*="left floated"].statistic {
    float: left;
    margin: 0 2em 1em 0
}

.ui[class*="right floated"].statistic {
    float: right;
    margin: 0 0 1em 2em
}

.ui.floated.statistic:last-child {
    margin-bottom: 0
}

.ui.mini.statistic>.value,
.ui.mini.statistics .statistic>.value {
    font-size: 1.5rem !important
}

.ui.mini.horizontal.statistic>.value,
.ui.mini.horizontal.statistics .statistic>.value {
    font-size: 1.5rem !important
}

.ui.mini.statistic>.text.value,
.ui.mini.statistics .statistic>.text.value {
    font-size: 1rem !important
}

.ui.tiny.statistic>.value,
.ui.tiny.statistics .statistic>.value {
    font-size: 2rem !important
}

.ui.tiny.horizontal.statistic>.value,
.ui.tiny.horizontal.statistics .statistic>.value {
    font-size: 2rem !important
}

.ui.tiny.statistic>.text.value,
.ui.tiny.statistics .statistic>.text.value {
    font-size: 1rem !important
}

.ui.small.statistic>.value,
.ui.small.statistics .statistic>.value {
    font-size: 3rem !important
}

.ui.small.horizontal.statistic>.value,
.ui.small.horizontal.statistics .statistic>.value {
    font-size: 2rem !important
}

.ui.small.statistic>.text.value,
.ui.small.statistics .statistic>.text.value {
    font-size: 1rem !important
}

.ui.statistic>.value,
.ui.statistics .statistic>.value {
    font-size: 4rem !important
}

.ui.horizontal.statistic>.value,
.ui.horizontal.statistics .statistic>.value {
    font-size: 3rem !important
}

.ui.statistic>.text.value,
.ui.statistics .statistic>.text.value {
    font-size: 2rem !important
}

.ui.large.statistic>.value,
.ui.large.statistics .statistic>.value {
    font-size: 5rem !important
}

.ui.large.horizontal.statistic>.value,
.ui.large.horizontal.statistics .statistic>.value {
    font-size: 4rem !important
}

.ui.large.statistic>.text.value,
.ui.large.statistics .statistic>.text.value {
    font-size: 2.5rem !important
}

.ui.huge.statistic>.value,
.ui.huge.statistics .statistic>.value {
    font-size: 6rem !important
}

.ui.huge.horizontal.statistic>.value,
.ui.huge.horizontal.statistics .statistic>.value {
    font-size: 5rem !important
}

.ui.huge.statistic>.text.value,
.ui.huge.statistics .statistic>.text.value {
    font-size: 2.5rem !important
}

/*!
* # Semantic UI 2.3.1 - Accordion
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.accordion,
.ui.accordion .accordion {
    max-width: 100%
}

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

.ui.accordion .accordion .title,
.ui.accordion .title {
    cursor: pointer
}

.ui.accordion .title:not(.ui) {
    padding: .5em 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000000de
}

.ui.accordion .accordion .title~.content,
.ui.accordion .title~.content {
    display: none
}

.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),
.ui.accordion:not(.styled) .title~.content:not(.ui) {
    margin: "";
    padding: .5em 0 1em
}

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

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

.ui.accordion.menu .item .title {
    display: block;
    padding: 0
}

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

.ui.accordion .ui.header .dropdown.icon {
    font-size: 1em;
    margin: 0 .25rem 0 0
}

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

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

.ui.styled.accordion {
    width: 600px
}

.ui.styled.accordion,
.ui.styled.accordion .accordion {
    border-radius: .28571429rem;
    background: #fff;
    box-shadow: 0 1px 2px #22242626, 0 0 0 1px #22242626
}

.ui.styled.accordion .accordion .title,
.ui.styled.accordion .title {
    margin: 0;
    padding: .75em 1em;
    color: #0006;
    font-weight: 700;
    border-top: 1px solid rgba(34, 36, 38, .15);
    transition: background .1s ease, color .1s ease
}

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

.ui.styled.accordion .accordion .content,
.ui.styled.accordion .content {
    margin: 0;
    padding: .5em 1em 1.5em
}

.ui.styled.accordion .accordion .content {
    padding: .5em 1em 1.5em
}

.ui.styled.accordion .accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .title:hover {
    background: 0 0;
    color: #000000de
}

.ui.styled.accordion .active.title,
.ui.styled.accordion .accordion .active.title {
    background: 0 0;
    color: #000000f2
}

.ui.accordion .accordion .active.content,
.ui.accordion .active.content {
    display: block
}

.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
    width: 100%
}

.ui.inverted.accordion .title:not(.ui) {
    color: #ffffffe6
}

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

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

.ui.accordion .accordion .title .dropdown.icon:before,
.ui.accordion .title .dropdown.icon:before {
    content: "\f0da"
}

/*!
* # Semantic UI 2.3.1 - Checkbox
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.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 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: #000000de;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease
}

.ui.checkbox label,
.ui.checkbox+label {
    color: #000000de;
    transition: color .1s ease
}

.ui.checkbox+label {
    vertical-align: middle
}

.ui.checkbox .box:hover:before,
.ui.checkbox label:hover:before {
    background: #fff;
    border-color: #22242659
}

.ui.checkbox label:hover,
.ui.checkbox+label:hover {
    color: #000c
}

.ui.checkbox .box:active:before,
.ui.checkbox label:active:before {
    background: #f9fafb;
    border-color: #22242659
}

.ui.checkbox .box:active:after,
.ui.checkbox label:active:after {
    color: #000000f2
}

.ui.checkbox input:active~label {
    color: #000000f2
}

.ui.checkbox input:focus~.box:before,
.ui.checkbox input:focus~label:before {
    background: #fff;
    border-color: #96c8da
}

.ui.checkbox input:focus~.box:after,
.ui.checkbox input:focus~label:after {
    color: #000000f2
}

.ui.checkbox input:focus~label {
    color: #000000f2
}

.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before {
    background: #fff;
    border-color: #22242659
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    opacity: 1;
    color: #000000f2
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:before,
.ui.checkbox input:not([type=radio]):indeterminate~label:before {
    background: #fff;
    border-color: #22242659
}

.ui.checkbox input:not([type=radio]):indeterminate~.box:after,
.ui.checkbox input:not([type=radio]):indeterminate~label:after {
    opacity: 1;
    color: #000000f2
}

.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: #96c8da
}

.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: #000000f2
}

.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;
    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: #000000de
}

.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: #000000f2
}

.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: #000000f2
}

.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: #000000f2
}

.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: #0006
}

.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: #0000000d;
    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 #22242626, 0 0 0 1px #22242626 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: #00000026;
    border: none
}

.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
    color: #000c
}

.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: #000000f2 !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: #000000f2 !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: #000000de
}

.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 #22242626, 0 0 0 1px #22242626 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 #22242626, 0 0 0 1px #22242626 inset
}

.ui.toggle.checkbox input:focus~.box:before,
.ui.toggle.checkbox input:focus~label:before {
    background-color: #00000026;
    border: none
}

.ui.toggle.checkbox .box:hover:before,
.ui.toggle.checkbox label:hover:before {
    background-color: #00000026;
    border: none
}

.ui.toggle.checkbox input:checked~.box,
.ui.toggle.checkbox input:checked~label {
    color: #000000f2 !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 #22242626, 0 0 0 1px #22242626 inset
}

.ui.toggle.checkbox input:focus:checked~.box,
.ui.toggle.checkbox input:focus:checked~label {
    color: #000000f2 !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,
.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"
}

/*!
* # Semantic UI 2.3.1 - Dimmer
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.dimmable:not(body) {
    position: relative
}

.ui.dimmer {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 1em;
    background-color: #000000d9;
    opacity: 0;
    line-height: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    transition: background-color .5s linear;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 1000
}

.ui.dimmer>.content {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    color: #fff
}

.ui.segment>.ui.dimmer {
    border-radius: inherit !important
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .1)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .25)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, .15)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .35)
}

.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
    overflow: hidden
}

.dimmed.dimmable>.ui.animating.dimmer,
.dimmed.dimmable>.ui.visible.dimmer,
.ui.active.dimmer {
    display: flex;
    opacity: 1
}

.ui.disabled.dimmer {
    width: 0 !important;
    height: 0 !important
}

.ui[class*="top aligned"].dimmer {
    justify-content: flex-start
}

.ui[class*="bottom aligned"].dimmer {
    justify-content: flex-end
}

.ui.page.dimmer {
    position: fixed;
    transform-style: "";
    perspective: 2000px;
    transform-origin: center center
}

body.animating.in.dimmable,
body.dimmed.dimmable {
    overflow: hidden
}

body.dimmable>.dimmer {
    position: fixed
}

.blurring.dimmable>:not(.dimmer) {
    filter: blur(0) grayscale(0);
    transition: .8s filter ease
}

.blurring.dimmed.dimmable>:not(.dimmer) {
    filter: blur(5px) grayscale(.7)
}

.blurring.dimmable>.dimmer {
    background-color: #0009
}

.blurring.dimmable>.inverted.dimmer {
    background-color: #fff9
}

.ui.dimmer>.top.aligned.content>* {
    vertical-align: top
}

.ui.dimmer>.bottom.aligned.content>* {
    vertical-align: bottom
}

.ui.inverted.dimmer {
    background-color: #ffffffd9
}

.ui.inverted.dimmer>.content>* {
    color: #fff
}

.ui.simple.dimmer {
    display: block;
    overflow: hidden;
    opacity: 1;
    width: 0%;
    height: 0%;
    z-index: -100;
    background-color: #0000
}

.dimmed.dimmable>.ui.simple.dimmer {
    overflow: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: #000000d9;
    z-index: 1
}

.ui.simple.inverted.dimmer {
    background-color: #fff0
}

.dimmed.dimmable>.ui.simple.inverted.dimmer {
    background-color: #ffffffd9
}

/*!
* # Semantic UI 2.3.1 - Dropdown
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.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;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px #22242626;
    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
}

.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: #000000de;
    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: #000000d9;
    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: #0006
}

.ui.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem;
    font-weight: 400
}

.ui.dropdown .menu>.message:not(.ui) {
    color: #0006
}

.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: rotate(0);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #fff;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    color: #000000de;
    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;
    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: .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 #22242626;
    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: .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: #22242659;
    box-shadow: none
}

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px #22242626
}

.ui.selection.dropdown:focus {
    border-color: #96c8da;
    box-shadow: none
}

.ui.selection.dropdown:focus .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px #22242626
}

.ui.selection.visible.dropdown>.text:not(.default) {
    font-weight: 400;
    color: #000c
}

.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px #22242626
}

.ui.active.selection.dropdown>.dropdown.icon,
.ui.visible.selection.dropdown>.dropdown.icon {
    opacity: 1;
    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 {
    min-width: ""
}

.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: #737373de !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;
    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 #22242626 inset
}

.ui.multiple.dropdown .dropdown.icon {
    margin: "";
    padding: ""
}

.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 .5em 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: #000000f2;
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu>.item:hover {
    background: rgba(0, 0, 0, .05);
    color: #000000f2;
    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 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes dropdown-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ui.default.dropdown:not(.button)>.text,
.ui.dropdown:not(.button)>.default.text {
    color: #bfbfbfde
}

.ui.default.dropdown:not(.button)>input:focus~.text,
.ui.dropdown:not(.button)>input:focus~.default.text {
    color: #737373de
}

.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: #000000f2
}

.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.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+.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 #00000014;
    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 #00000014
}

.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px #0000000d
}

.ui.active.upward.selection.dropdown {
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px #00000014;
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px #0000000d
}

.ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px #00000014
}

.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 #2224261f, 0 2px 10px #22242626 !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 #22242626;
    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: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 #22242626;
    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;
    box-shadow: -1px -1px #22242626
}

.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;
    box-shadow: -1px -1px #22242626
}

@font-face {
    font-family: Dropdown;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-weight: 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"
}

/*!
* # Semantic UI 2.3.1 - Video
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.embed {
    position: relative;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    background: #dcddde;
    padding-bottom: 56.25%
}

.ui.embed embed,
.ui.embed iframe,
.ui.embed object {
    position: absolute;
    border: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.ui.embed>.embed {
    display: none
}

.ui.embed>.placeholder {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, .3))
}

.ui.embed>.icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.ui.embed>.icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    content: "";
    background: radial-gradient(transparent 45%, rgba(0, 0, 0, .3));
    opacity: .5;
    transition: opacity .5s ease
}

.ui.embed>.icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    transform: translate(-50%) translateY(-50%);
    color: #fff;
    font-size: 6rem;
    text-shadow: 0 2px 10px rgba(34, 36, 38, .2);
    transition: opacity .5s ease, color .5s ease;
    z-index: 10
}

.ui.embed .icon:hover:after {
    background: radial-gradient(transparent 45%, rgba(0, 0, 0, .3));
    opacity: 1
}

.ui.embed .icon:hover:before {
    color: #fff
}

.ui.active.embed>.icon,
.ui.active.embed>.placeholder {
    display: none
}

.ui.active.embed>.embed {
    display: block
}

.ui.square.embed {
    padding-bottom: 100%
}

.ui[class*="4:3"].embed {
    padding-bottom: 75%
}

.ui[class*="16:9"].embed {
    padding-bottom: 56.25%
}

.ui[class*="21:9"].embed {
    padding-bottom: 42.85714286%
}

/*!
* # Semantic UI 2.3.1 - Modal
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.modal {
    display: none;
    z-index: 1001;
    text-align: left;
    background: #fff;
    border: none;
    box-shadow: 1px 3px 3px #0003, 1px 3px 15px 2px #0003;
    transform-origin: 50% 25%;
    flex: 0 0 auto;
    border-radius: .28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    will-change: top, left, margin, transform, opacity
}

.ui.modal>.icon:first-child+*,
.ui.modal>:first-child:not(.icon) {
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem
}

.ui.modal>:last-child {
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.modal>.close {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    color: #fff;
    width: 2.25rem;
    height: 2.25rem;
    padding: .625rem 0 0
}

.ui.modal>.close:hover {
    opacity: 1
}

.ui.modal>.header {
    display: block;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    background: #fff;
    margin: 0;
    padding: 1.25rem 1.5rem;
    box-shadow: none;
    color: #000000d9;
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.ui.modal>.header:not(.ui) {
    font-size: 1.42857143rem;
    line-height: 1.28571429em;
    font-weight: 700
}

.ui.modal>.content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: #fff
}

.ui.modal>.image.content {
    display: flex;
    flex-direction: row
}

.ui.modal>.content>.image {
    display: block;
    flex: 0 1 auto;
    width: "";
    align-self: top
}

.ui.modal>[class*="top aligned"] {
    align-self: top
}

.ui.modal>[class*="middle aligned"] {
    align-self: middle
}

.ui.modal>[class*=stretched] {
    align-self: stretch
}

.ui.modal>.content>.description {
    display: block;
    flex: 1 0 auto;
    min-width: 0;
    align-self: top
}

.ui.modal>.content>.icon+.description,
.ui.modal>.content>.image+.description {
    flex: 0 1 auto;
    min-width: "";
    width: auto;
    padding-left: 2em
}

.ui.modal>.content>.image>i.icon {
    margin: 0;
    opacity: 1;
    width: auto;
    line-height: 1;
    font-size: 8rem
}

.ui.modal>.actions {
    background: #f9fafb;
    padding: 1rem;
    border-top: 1px solid rgba(34, 36, 38, .15);
    text-align: right
}

.ui.modal .actions>.button {
    margin-left: .75em
}

@media only screen and (max-width: 767px) {
    .ui.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.modal {
        width: 88%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.modal {
        width: 850px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.modal {
        width: 900px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.modal {
        width: 950px;
        margin: 0
    }
}

@media only screen and (max-width: 991px) {
    .ui.modal>.header {
        padding-right: 2.25rem
    }

    .ui.modal>.close {
        top: 1.0535rem;
        right: 1rem;
        color: #000000de
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal>.header {
        padding: .75rem 2.25rem .75rem 1rem !important
    }

    .ui.modal>.content {
        display: block;
        padding: 1rem !important
    }

    .ui.modal>.close {
        top: .5rem !important;
        right: .5rem !important
    }

    .ui.modal .image.content {
        flex-direction: column
    }

    .ui.modal .content>.image {
        display: block;
        max-width: 100%;
        margin: 0 auto !important;
        text-align: center;
        padding: 0 0 1rem !important
    }

    .ui.modal>.content>.image>i.icon {
        font-size: 5rem;
        text-align: center
    }

    .ui.modal .content>.description {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 1rem 0 !important;
        box-shadow: none
    }

    .ui.modal>.actions {
        padding: 1rem 1rem 0 !important
    }

    .ui.modal .actions>.button,
    .ui.modal .actions>.buttons {
        margin-bottom: 1rem
    }
}

.ui.inverted.dimmer>.ui.modal {
    box-shadow: 1px 3px 10px 2px #0003
}

.ui.basic.modal {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    color: #fff
}

.ui.basic.modal>.actions,
.ui.basic.modal>.content,
.ui.basic.modal>.header {
    background-color: transparent
}

.ui.basic.modal>.header {
    color: #fff
}

.ui.basic.modal>.close {
    top: 1rem;
    right: 1.5rem
}

.ui.inverted.dimmer>.basic.modal {
    color: #000000de
}

.ui.inverted.dimmer>.ui.basic.modal>.header {
    color: #000000d9
}

@media only screen and (max-width: 991px) {
    .ui.basic.modal>.close {
        color: #fff
    }
}

.ui.loading.modal {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.active.modal {
    display: block
}

.modals.dimmer[class*="top aligned"] .modal {
    margin: 5vh auto
}

.scrolling.dimmable.dimmed {
    overflow: hidden
}

.scrolling.dimmable>.dimmer {
    justify-content: flex-start
}

.scrolling.dimmable.dimmed>.dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.dimmable>.dimmer {
    position: fixed
}

.modals.dimmer .ui.scrolling.modal {
    margin: 1rem auto !important
}

.scrolling.undetached.dimmable.dimmed {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.undetached.dimmable.dimmed>.dimmer {
    overflow: hidden
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
    position: absolute;
    left: 50%;
    margin-top: 1rem !important
}

.ui.modal .scrolling.content {
    max-height: 70vh;
    overflow: auto
}

.ui.fullscreen.modal {
    width: 95% !important;
    left: 0 !important;
    margin: 1em auto
}

.ui.fullscreen.scrolling.modal {
    left: 0 !important
}

.ui.fullscreen.modal>.header {
    padding-right: 2.25rem
}

.ui.fullscreen.modal>.close {
    top: 1.0535rem;
    right: 1rem;
    color: #000000de
}

.ui.modal {
    font-size: 1rem
}

.ui.mini.modal>.header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.mini.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.mini.modal {
        width: 35.2%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.mini.modal {
        width: 340px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.mini.modal {
        width: 360px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.mini.modal {
        width: 380px;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .ui.tiny.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.tiny.modal {
        width: 52.8%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.tiny.modal {
        width: 510px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.tiny.modal {
        width: 540px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.tiny.modal {
        width: 570px;
        margin: 0
    }
}

.ui.small.modal>.header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.small.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.small.modal {
        width: 70.4%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width: 680px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.small.modal {
        width: 720px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.small.modal {
        width: 760px;
        margin: 0
    }
}

.ui.large.modal>.header {
    font-size: 1.6em
}

@media only screen and (max-width: 767px) {
    .ui.large.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.large.modal {
        width: 88%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.large.modal {
        width: 1020px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.large.modal {
        width: 1080px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.large.modal {
        width: 1140px;
        margin: 0
    }
}

/*!
* # Semantic UI 2.3.1 - Nag
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.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 #0003;
    font-size: 1rem;
    text-align: center;
    color: #000000de;
    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: #000000d9
}

.ui.inverted.nag .close,
.ui.inverted.nag .title,
.ui.inverted.nags .nag .close,
.ui.inverted.nags .nag .title {
    color: #0006
}

.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
}

/*!
* # Semantic UI 2.3.1 - Progress Bar
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.progress {
    position: relative;
    display: block;
    max-width: 100%;
    border: none;
    margin: 1em 0 2.5em;
    box-shadow: none;
    background: rgba(0, 0, 0, .1);
    padding: 0;
    border-radius: .28571429rem
}

.ui.progress:first-child {
    margin: 0 0 2.5em
}

.ui.progress:last-child {
    margin: 0 0 1.5em
}

.ui.progress .bar {
    display: block;
    line-height: 1;
    position: relative;
    width: 0%;
    min-width: 2em;
    background: #888;
    border-radius: .28571429rem;
    transition: width .1s ease, background-color .1s ease
}

.ui.progress .bar>.progress {
    white-space: nowrap;
    position: absolute;
    width: auto;
    font-size: .92857143em;
    top: 50%;
    right: .5em;
    left: auto;
    bottom: auto;
    color: #ffffffb3;
    text-shadow: none;
    margin-top: -.5em;
    font-weight: 700;
    text-align: left
}

.ui.progress>.label {
    position: absolute;
    width: 100%;
    font-size: 1em;
    top: 100%;
    right: auto;
    left: 0;
    bottom: auto;
    color: #000000de;
    font-weight: 700;
    text-shadow: none;
    margin-top: .2em;
    text-align: center;
    transition: color .4s ease
}

.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar {
    background-color: #d95c5c
}

.ui.indicating.progress[data-percent^="3"] .bar {
    background-color: #efbc72
}

.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar {
    background-color: #e6bb48
}

.ui.indicating.progress[data-percent^="6"] .bar {
    background-color: #ddc928
}

.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar {
    background-color: #b4d95c
}

.ui.indicating.progress[data-percent^="100"] .bar,
.ui.indicating.progress[data-percent^="9"] .bar {
    background-color: #66da81
}

.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="2"] .label,
.ui.indicating.progress[data-percent^="3"] .label,
.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label,
.ui.indicating.progress[data-percent^="6"] .label,
.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label,
.ui.indicating.progress[data-percent^="100"] .label,
.ui.indicating.progress[data-percent^="9"] .label {
    color: #000000de
}

.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent="9"] .bar {
    background-color: #d95c5c
}

.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
    color: #000000de
}

.ui.indicating.progress.success .label {
    color: #1a531b
}

.ui.progress.success .bar {
    background-color: #21ba45 !important
}

.ui.progress.success .bar,
.ui.progress.success .bar:after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.success>.label {
    color: #1a531b
}

.ui.progress.warning .bar {
    background-color: #f2c037 !important
}

.ui.progress.warning .bar,
.ui.progress.warning .bar:after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.warning>.label {
    color: #794b02
}

.ui.progress.error .bar {
    background-color: #db2828 !important
}

.ui.progress.error .bar,
.ui.progress.error .bar:after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.progress.error>.label {
    color: #912d2b
}

.ui.active.progress .bar {
    position: relative;
    min-width: 2em
}

.ui.active.progress .bar:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: .28571429rem;
    -webkit-animation: progress-active 2s ease infinite;
    animation: progress-active 2s ease infinite
}

@-webkit-keyframes progress-active {
    0% {
        opacity: .3;
        width: 0
    }

    to {
        opacity: 0;
        width: 100%
    }
}

@keyframes progress-active {
    0% {
        opacity: .3;
        width: 0
    }

    to {
        opacity: 0;
        width: 100%
    }
}

.ui.disabled.progress {
    opacity: .35
}

.ui.disabled.progress .bar,
.ui.disabled.progress .bar:after {
    -webkit-animation: none !important;
    animation: none !important
}

.ui.inverted.progress {
    background: rgba(255, 255, 255, .08);
    border: none
}

.ui.inverted.progress .bar {
    background: #888
}

.ui.inverted.progress .bar>.progress {
    color: #f9fafb
}

.ui.inverted.progress>.label {
    color: #fff
}

.ui.inverted.progress.success>.label {
    color: #21ba45
}

.ui.inverted.progress.warning>.label {
    color: #f2c037
}

.ui.inverted.progress.error>.label {
    color: #db2828
}

.ui.progress.attached {
    background: 0 0;
    position: relative;
    border: none;
    margin: 0
}

.ui.progress.attached,
.ui.progress.attached .bar {
    display: block;
    height: .2rem;
    padding: 0;
    overflow: hidden;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.progress.attached .bar {
    border-radius: 0
}

.ui.progress.top.attached,
.ui.progress.top.attached .bar {
    top: 0;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.progress.top.attached .bar {
    border-radius: 0
}

.ui.card>.ui.attached.progress,
.ui.segment>.ui.attached.progress {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 100%;
    width: 100%
}

.ui.card>.ui.bottom.attached.progress,
.ui.segment>.ui.bottom.attached.progress {
    top: 100%;
    bottom: auto
}

.ui.red.progress .bar {
    background-color: #db2828
}

.ui.red.inverted.progress .bar {
    background-color: #ff695e
}

.ui.orange.progress .bar {
    background-color: #f2711c
}

.ui.orange.inverted.progress .bar {
    background-color: #ff851b
}

.ui.yellow.progress .bar {
    background-color: #fbbd08
}

.ui.yellow.inverted.progress .bar {
    background-color: #ffe21f
}

.ui.olive.progress .bar {
    background-color: #b5cc18
}

.ui.olive.inverted.progress .bar {
    background-color: #d9e778
}

.ui.green.progress .bar {
    background-color: #21ba45
}

.ui.green.inverted.progress .bar {
    background-color: #2ecc40
}

.ui.teal.progress .bar {
    background-color: #00b5ad
}

.ui.teal.inverted.progress .bar {
    background-color: #6dffff
}

.ui.blue.progress .bar {
    background-color: #2185d0
}

.ui.blue.inverted.progress .bar {
    background-color: #54c8ff
}

.ui.violet.progress .bar {
    background-color: #6435c9
}

.ui.violet.inverted.progress .bar {
    background-color: #a291fb
}

.ui.purple.progress .bar {
    background-color: #a333c8
}

.ui.purple.inverted.progress .bar {
    background-color: #dc73ff
}

.ui.pink.progress .bar {
    background-color: #e03997
}

.ui.pink.inverted.progress .bar {
    background-color: #ff8edf
}

.ui.brown.progress .bar {
    background-color: #a5673f
}

.ui.brown.inverted.progress .bar {
    background-color: #d67c1c
}

.ui.grey.progress .bar {
    background-color: #767676
}

.ui.grey.inverted.progress .bar {
    background-color: #dcddde
}

.ui.black.progress .bar {
    background-color: #1b1c1d
}

.ui.black.inverted.progress .bar {
    background-color: #545454
}

.ui.tiny.progress {
    font-size: .85714286rem
}

.ui.tiny.progress .bar {
    height: .5em
}

.ui.small.progress {
    font-size: .92857143rem
}

.ui.small.progress .bar {
    height: 1em
}

.ui.progress {
    font-size: 1rem
}

.ui.progress .bar {
    height: 1.75em
}

.ui.large.progress {
    font-size: 1.14285714rem
}

.ui.large.progress .bar {
    height: 2.5em
}

.ui.big.progress {
    font-size: 1.28571429rem
}

.ui.big.progress .bar {
    height: 3.5em
}

/*!
* # Semantic UI 2.3.1 - Rating
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.rating {
    display: inline-flex;
    white-space: nowrap;
    vertical-align: baseline
}

.ui.rating:last-child {
    margin-right: 0
}

.ui.rating .icon {
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    flex: 1 0 auto;
    cursor: pointer;
    width: 1.25em;
    height: auto;
    transition: opacity .1s ease, background .1s ease, text-shadow .1s ease, color .1s ease
}

.ui.rating .icon {
    background: 0 0;
    color: #00000026
}

.ui.rating .active.icon {
    background: 0 0;
    color: #000000d9
}

.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
    background: 0 0;
    color: #000000de
}

.ui.star.rating .icon {
    width: 1.25em;
    height: auto;
    background: 0 0;
    color: #00000026;
    text-shadow: none
}

.ui.star.rating .active.icon {
    background: 0 0 !important;
    color: #ffe623 !important;
    text-shadow: 0 -1px 0 #ddc507, -1px 0 0 #ddc507, 0 1px 0 #ddc507, 1px 0 0 #ddc507 !important
}

.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
    background: 0 0 !important;
    color: #fc0 !important;
    text-shadow: 0 -1px 0 #e6a200, -1px 0 0 #e6a200, 0 1px 0 #e6a200, 1px 0 0 #e6a200 !important
}

.ui.heart.rating .icon {
    width: 1.4em;
    height: auto;
    background: 0 0;
    color: #00000026;
    text-shadow: none !important
}

.ui.heart.rating .active.icon {
    background: 0 0 !important;
    color: #ff6d75 !important;
    text-shadow: 0 -1px 0 #cd0707, -1px 0 0 #cd0707, 0 1px 0 #cd0707, 1px 0 0 #cd0707 !important
}

.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
    background: 0 0 !important;
    color: #ff3000 !important;
    text-shadow: 0 -1px 0 #aa0101, -1px 0 0 #aa0101, 0 1px 0 #aa0101, 1px 0 0 #aa0101 !important
}

.ui.disabled.rating .icon {
    cursor: default
}

.ui.rating.selected .active.icon,
.ui.rating .icon.selected,
.ui.rating.selected .icon.selected {
    opacity: 1
}

.ui.mini.rating {
    font-size: .78571429rem
}

.ui.tiny.rating {
    font-size: .85714286rem
}

.ui.small.rating {
    font-size: .92857143rem
}

.ui.rating {
    font-size: 1rem
}

.ui.large.rating {
    font-size: 1.14285714rem
}

.ui.huge.rating {
    font-size: 1.42857143rem
}

.ui.massive.rating {
    font-size: 2rem
}

@font-face {
    font-family: Rating;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.ui.rating .icon {
    font-family: Rating;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center
}

.ui.rating .icon:before {
    content: "\f005"
}

.ui.rating .active.icon:before {
    content: "\f005"
}

.ui.star.rating .icon:before {
    content: "\f005"
}

.ui.star.rating .active.icon:before {
    content: "\f005"
}

.ui.star.rating .partial.icon:before {
    content: "\f006"
}

.ui.star.rating .partial.icon {
    content: "\f005"
}

.ui.heart.rating .icon:before {
    content: "\f004"
}

.ui.heart.rating .active.icon:before {
    content: "\f004"
}

/*!
* # Semantic UI 2.3.1 - Search
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.search {
    position: relative
}

.ui.search>.prompt {
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-shadow: none;
    font-style: normal;
    font-weight: 400;
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: #000000de;
    box-shadow: 0 0 0 0 transparent inset;
    transition: background-color .1s ease, color .1s ease, box-shadow .1s ease, border-color .1s ease
}

.ui.search .prompt {
    border-radius: 500rem
}

.ui.search .prompt~.search.icon {
    cursor: pointer
}

.ui.search>.results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: center top;
    white-space: normal;
    background: #fff;
    margin-top: .5em;
    width: 18em;
    border-radius: .28571429rem;
    box-shadow: 0 2px 4px #2224261f, 0 2px 10px #22242626;
    border: 1px solid #d4d4d5;
    z-index: 998
}

.ui.search>.results>:first-child {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.search>.results>:last-child {
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui.search>.results .result {
    cursor: pointer;
    display: block;
    overflow: hidden;
    font-size: 1em;
    padding: .85714286em 1.14285714em;
    color: #000000de;
    line-height: 1.33;
    border-bottom: 1px solid rgba(34, 36, 38, .1)
}

.ui.search>.results .result:last-child {
    border-bottom: none !important
}

.ui.search>.results .result .image {
    float: right;
    overflow: hidden;
    background: 0 0;
    width: 5em;
    height: 3em;
    border-radius: .25em
}

.ui.search>.results .result .image img {
    display: block;
    width: auto;
    height: 100%
}

.ui.search>.results .result .image+.content {
    margin: 0 6em 0 0
}

.ui.search>.results .result .title {
    margin: -.14285714em 0 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    color: #000000d9
}

.ui.search>.results .result .description {
    margin-top: 0;
    font-size: .92857143em;
    color: #0006
}

.ui.search>.results .result .price {
    float: right;
    color: #21ba45
}

.ui.search>.results>.message {
    padding: 1em
}

.ui.search>.results>.message .header {
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #000000de
}

.ui.search>.results>.message .description {
    margin-top: .25rem;
    font-size: 1em;
    color: #000000de
}

.ui.search>.results>.action {
    display: block;
    border-top: none;
    background: #f3f4f5;
    padding: .92857143em 1em;
    color: #000000de;
    font-weight: 700;
    text-align: center
}

.ui.search>.prompt:focus {
    border-color: #22242659;
    background: #fff;
    color: #000000f2
}

.ui.loading.search .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.search .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.category.search>.results .category .result:hover,
.ui.search>.results .result:hover {
    background: #f9fafb
}

.ui.search .action:hover {
    background: #e0e0e0
}

.ui.category.search>.results .category.active {
    background: #f3f4f5
}

.ui.category.search>.results .category.active>.name {
    color: #000000de
}

.ui.category.search>.results .category .result.active,
.ui.search>.results .result.active {
    position: relative;
    border-left-color: #2224261a;
    background: #f3f4f5;
    box-shadow: none
}

.ui.search>.results .result.active .title {
    color: #000000d9
}

.ui.search>.results .result.active .description {
    color: #000000d9
}

.ui.disabled.search {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.ui.search.selection .prompt {
    border-radius: .28571429rem
}

.ui.search.selection>.icon.input>.remove.icon {
    pointer-events: none;
    position: absolute;
    left: auto;
    opacity: 0;
    color: "";
    top: 0;
    right: 0;
    transition: color .1s ease, opacity .1s ease
}

.ui.search.selection>.icon.input>.active.remove.icon {
    cursor: pointer;
    opacity: .8;
    pointer-events: auto
}

.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon {
    right: 1.85714em
}

.ui.search.selection>.icon.input>.remove.icon:hover {
    opacity: 1;
    color: #db2828
}

.ui.category.search .results {
    width: 28em
}

.ui.category.search .results.animating,
.ui.category.search .results.visible {
    display: table
}

.ui.category.search>.results .category {
    display: table-row;
    background: #f3f4f5;
    box-shadow: none;
    transition: background .1s ease, border-color .1s ease
}

.ui.category.search>.results .category:last-child {
    border-bottom: none
}

.ui.category.search>.results .category:first-child .name+.result {
    border-radius: 0 .28571429rem 0 0
}

.ui.category.search>.results .category:last-child .result:last-child {
    border-radius: 0 0 .28571429rem
}

.ui.category.search>.results .category>.name {
    display: table-cell;
    text-overflow: ellipsis;
    width: 100px;
    white-space: nowrap;
    background: 0 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: .4em 1em;
    font-weight: 700;
    color: #0006;
    border-bottom: 1px solid rgba(34, 36, 38, .1)
}

.ui.category.search>.results .category .results {
    display: table-cell;
    background: #fff;
    border-left: 1px solid rgba(34, 36, 38, .15);
    border-bottom: 1px solid rgba(34, 36, 38, .1)
}

.ui.category.search>.results .category .result {
    border-bottom: 1px solid rgba(34, 36, 38, .1);
    transition: background .1s ease, border-color .1s ease;
    padding: .85714286em 1.14285714em
}

.ui[class*="left aligned"].search>.results {
    right: auto;
    left: 0
}

.ui[class*="right aligned"].search>.results {
    right: 0;
    left: auto
}

.ui.fluid.search .results {
    width: 100%
}

.ui.mini.search {
    font-size: .78571429em
}

.ui.small.search {
    font-size: .92857143em
}

.ui.search {
    font-size: 1em
}

.ui.large.search {
    font-size: 1.14285714em
}

.ui.big.search {
    font-size: 1.28571429em
}

.ui.huge.search {
    font-size: 1.42857143em
}

.ui.massive.search {
    font-size: 1.71428571em
}

@media only screen and (max-width: 767px) {
    .ui.search .results {
        max-width: calc(100vw - 2rem)
    }
}

/*!
* # Semantic UI 2.3.1 - Shape
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.shape {
    position: relative;
    vertical-align: top;
    display: inline-block;
    perspective: 2000px;
    transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out
}

.ui.shape .sides {
    transform-style: preserve-3d
}

.ui.shape .side {
    opacity: 1;
    width: 100%;
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui.shape .side {
    display: none
}

.ui.shape .side * {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.ui.cube.shape .side {
    min-width: 15em;
    height: 15em;
    padding: 2em;
    background-color: #e6e6e6;
    color: #000000de;
    box-shadow: 0 0 2px #0000004d
}

.ui.cube.shape .side>.content {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.ui.cube.shape .side>.content>div {
    display: table-cell;
    vertical-align: middle;
    font-size: 2em
}

.ui.text.shape.animating .sides {
    position: static
}

.ui.text.shape .side {
    white-space: nowrap
}

.ui.text.shape .side>* {
    white-space: normal
}

.ui.loading.shape {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.ui.shape .animating.side {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 100
}

.ui.shape .hidden.side {
    opacity: .6
}

.ui.shape.animating .sides {
    position: absolute
}

.ui.shape.animating .sides {
    transition: transform .6s ease-in-out, left .6s ease-in-out, width .6s ease-in-out, height .6s ease-in-out
}

.ui.shape.animating .side {
    transition: opacity .6s ease-in-out
}

.ui.shape .active.side {
    display: block
}

/*!
* # Semantic UI 2.3.1 - Sidebar
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: none;
    will-change: transform;
    transform: translate(0);
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100vh !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: translate(-100%)
}

.ui.right.sidebar {
    right: 0 !important;
    left: auto !important;
    transform: translate(100%)
}

.ui.bottom.sidebar,
.ui.top.sidebar {
    width: 100% !important;
    height: auto !important
}

.ui.top.sidebar {
    top: 0 !important;
    bottom: auto !important;
    transform: translateY(-100%)
}

.ui.bottom.sidebar {
    top: auto !important;
    bottom: 0 !important;
    transform: translateY(100%)
}

body.pushable {
    background: #545454 !important
}

.pushable:not(body) {
    transform: translate(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: #0006;
    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: translate(0)
}

.ui.left.visible.sidebar,
.ui.right.visible.sidebar,
.ui.bottom.visible.sidebar,
.ui.top.visible.sidebar {
    box-shadow: 0 0 20px #22242626
}

.ui.visible.left.sidebar~.fixed,
.ui.visible.left.sidebar~.pusher {
    transform: translate(260px)
}

.ui.visible.right.sidebar~.fixed,
.ui.visible.right.sidebar~.pusher {
    transform: translate(-260px)
}

.ui.visible.top.sidebar~.fixed,
.ui.visible.top.sidebar~.pusher {
    transform: translateY(36px)
}

.ui.visible.bottom.sidebar~.fixed,
.ui.visible.bottom.sidebar~.pusher {
    transform: translateY(-36px)
}

.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: translate(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: translate(150px)
}

.ui.visible[class*="very thin"].left.sidebar~.fixed,
.ui.visible[class*="very thin"].left.sidebar~.pusher {
    transform: translate(60px)
}

.ui.visible.wide.left.sidebar~.fixed,
.ui.visible.wide.left.sidebar~.pusher {
    transform: translate(350px)
}

.ui.visible[class*="very wide"].left.sidebar~.fixed,
.ui.visible[class*="very wide"].left.sidebar~.pusher {
    transform: translate(475px)
}

.ui.visible.thin.right.sidebar~.fixed,
.ui.visible.thin.right.sidebar~.pusher {
    transform: translate(-150px)
}

.ui.visible[class*="very thin"].right.sidebar~.fixed,
.ui.visible[class*="very thin"].right.sidebar~.pusher {
    transform: translate(-60px)
}

.ui.visible.wide.right.sidebar~.fixed,
.ui.visible.wide.right.sidebar~.pusher {
    transform: translate(-350px)
}

.ui.visible[class*="very wide"].right.sidebar~.fixed,
.ui.visible[class*="very wide"].right.sidebar~.pusher {
    transform: translate(-475px)
}

.ui.overlay.sidebar {
    z-index: 102
}

.ui.left.overlay.sidebar {
    transform: translate(-100%)
}

.ui.right.overlay.sidebar {
    transform: translate(100%)
}

.ui.top.overlay.sidebar {
    transform: translateY(-100%)
}

.ui.bottom.overlay.sidebar {
    transform: translateY(100%)
}

.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
    transition: transform .5s ease
}

.ui.visible.left.overlay.sidebar,
.ui.visible.right.overlay.sidebar,
.ui.visible.top.overlay.sidebar,
.ui.visible.bottom.overlay.sidebar {
    transform: translate(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: translate(-100%)
}

.ui.right.push.sidebar {
    transform: translate(100%)
}

.ui.top.push.sidebar {
    transform: translateY(-100%)
}

.ui.bottom.push.sidebar {
    transform: translateY(100%)
}

.ui.visible.push.sidebar {
    transform: translate(0)
}

.ui.uncover.sidebar {
    transform: translate(0);
    z-index: 1
}

.ui.visible.uncover.sidebar {
    transform: translate(0);
    transition: transform .5s ease
}

.ui.slide.along.sidebar {
    z-index: 1
}

.ui.left.slide.along.sidebar {
    transform: translate(-50%)
}

.ui.right.slide.along.sidebar {
    transform: translate(50%)
}

.ui.top.slide.along.sidebar {
    transform: translateY(-50%)
}

.ui.bottom.slide.along.sidebar {
    transform: translateY(50%)
}

.ui.animating.slide.along.sidebar {
    transition: transform .5s ease
}

.ui.visible.slide.along.sidebar {
    transform: translate(0)
}

.ui.slide.out.sidebar {
    z-index: 1
}

.ui.left.slide.out.sidebar {
    transform: translate(50%)
}

.ui.right.slide.out.sidebar {
    transform: translate(-50%)
}

.ui.top.slide.out.sidebar {
    transform: translateY(50%)
}

.ui.bottom.slide.out.sidebar {
    transform: translateY(-50%)
}

.ui.animating.slide.out.sidebar {
    transition: transform .5s ease
}

.ui.visible.slide.out.sidebar {
    transform: translate(0)
}

.ui.scale.down.sidebar {
    transition: transform .5s ease;
    z-index: 102
}

.ui.left.scale.down.sidebar {
    transform: translate(-100%)
}

.ui.right.scale.down.sidebar {
    transform: translate(100%)
}

.ui.top.scale.down.sidebar {
    transform: translateY(-100%)
}

.ui.bottom.scale.down.sidebar {
    transform: translateY(100%)
}

.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: translate(0)
}

.ui.visible.scale.down.sidebar~.pusher {
    transform: scale(.75)
}

/*!
* # Semantic UI 2.3.1 - Sticky
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.sticky {
    position: static;
    transition: none;
    z-index: 800
}

.ui.sticky.bound {
    position: absolute;
    left: auto;
    right: auto
}

.ui.sticky.fixed {
    position: fixed;
    left: auto;
    right: auto
}

.ui.sticky.bound.top,
.ui.sticky.fixed.top {
    top: 0;
    bottom: auto
}

.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
    top: auto;
    bottom: 0
}

.ui.native.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

/*!
* # Semantic UI 2.3.1 - Tab
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.tab {
    display: none
}

.ui.tab.active,
.ui.tab.open {
    display: block
}

.ui.tab.loading {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 250px
}

.ui.tab.loading * {
    position: relative !important;
    left: -10000px !important
}

.ui.tab.loading.segment:before,
.ui.tab.loading:before {
    position: absolute;
    content: "";
    top: 100px;
    left: 50%;
    margin: -1.25em 0 0 -1.25em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.tab.loading.segment:after,
.ui.tab.loading:after {
    position: absolute;
    content: "";
    top: 100px;
    left: 50%;
    margin: -1.25em 0 0 -1.25em;
    width: 2.5em;
    height: 2.5em;
    -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
}

/*!
* # Semantic UI 2.3.1 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.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
    }

    to {
        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
    }

    to {
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        transform: translate(0) rotateY(0) rotateX(0)
    }

    50% {
        z-index: -1;
        transform: translate(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }

    80% {
        opacity: 1
    }

    to {
        z-index: -1;
        transform: translate(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        transform: translate(0) rotateY(0) rotateX(0)
    }

    50% {
        z-index: -1;
        transform: translate(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }

    80% {
        opacity: 1
    }

    to {
        z-index: -1;
        transform: translate(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        transform: translate(0) rotateY(0) rotateX(0)
    }

    50% {
        z-index: 1;
        transform: translate(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }

    80% {
        opacity: 1
    }

    to {
        z-index: 1;
        transform: translate(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        transform: translate(0) rotateY(0) rotateX(0)
    }

    50% {
        z-index: 1;
        transform: translate(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }

    80% {
        opacity: 1
    }

    to {
        z-index: 1;
        transform: translate(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)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        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
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(10%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(10%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(-10%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(-10%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(5%)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(5%)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-5%)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(5%)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-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
    }

    to {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

    to {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

    to {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

    to {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }

    to {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }

    to {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }

    to {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }

    to {
        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)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        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)
    }

    to {
        opacity: 1;
        transform: scale(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)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        transform: translateY(1500px)
    }

    60% {
        opacity: 1;
        transform: translateY(-20px)
    }

    75% {
        transform: translateY(10px)
    }

    90% {
        transform: translateY(-5px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        transform: translateY(1500px)
    }

    60% {
        opacity: 1;
        transform: translateY(-20px)
    }

    75% {
        transform: translateY(10px)
    }

    90% {
        transform: translateY(-5px)
    }

    to {
        transform: translate(0)
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        transform: translateY(-1500px)
    }

    60% {
        opacity: 1;
        transform: translateY(25px)
    }

    75% {
        transform: translateY(-10px)
    }

    90% {
        transform: translateY(5px)
    }

    to {
        transform: none
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        transform: translateY(-1500px)
    }

    60% {
        opacity: 1;
        transform: translateY(25px)
    }

    75% {
        transform: translateY(-10px)
    }

    90% {
        transform: translateY(5px)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        transform: translate(1500px)
    }

    60% {
        opacity: 1;
        transform: translate(-25px)
    }

    75% {
        transform: translate(10px)
    }

    90% {
        transform: translate(-5px)
    }

    to {
        transform: none
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        transform: translate(1500px)
    }

    60% {
        opacity: 1;
        transform: translate(-25px)
    }

    75% {
        transform: translate(10px)
    }

    90% {
        transform: translate(-5px)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        transform: translate(-1500px)
    }

    60% {
        opacity: 1;
        transform: translate(25px)
    }

    75% {
        transform: translate(-10px)
    }

    90% {
        transform: translate(5px)
    }

    to {
        transform: none
    }
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        transform: translate(-1500px)
    }

    60% {
        opacity: 1;
        transform: translate(25px)
    }

    75% {
        transform: translate(-10px)
    }

    90% {
        transform: translate(5px)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes flyOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        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)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes flyOutUp {
    20% {
        transform: translateY(10px)
    }

    40%,
    45% {
        opacity: 1;
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes flyOutUp {
    20% {
        transform: translateY(10px)
    }

    40%,
    45% {
        opacity: 1;
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@-webkit-keyframes flyOutDown {
    20% {
        transform: translateY(-10px)
    }

    40%,
    45% {
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes flyOutDown {
    20% {
        transform: translateY(-10px)
    }

    40%,
    45% {
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        transform: translate(20px)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

@keyframes flyOutRight {
    20% {
        opacity: 1;
        transform: translate(20px)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        transform: translate(-20px)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

@keyframes flyOutLeft {
    20% {
        opacity: 1;
        transform: translate(-20px)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.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)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        transform: scaleY(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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)
    }

    to {
        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
    }

    to {
        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
    }

    to {
        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
    }

    to {
        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
    }

    to {
        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)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 1;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 1;
        transform: scale(0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 1;
        transform: scale(0)
    }
}

.flash.transition {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flash;
    animation-name: flash
}

.shake.transition {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: shake;
    animation-name: shake
}

.bounce.transition {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.tada.transition {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -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: .75s;
    animation-duration: .75s;
    -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%,
    to,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    to,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes shake {

    0%,
    to {
        transform: translate(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate(10px)
    }
}

@keyframes shake {

    0%,
    to {
        transform: translate(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate(10px)
    }
}

@-webkit-keyframes bounce {

    0%,
    to,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    to,
    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)
    }

    to {
        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)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    50% {
        transform: scale(.9);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    50% {
        transform: scale(.9);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes jiggle {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.25, .75)
    }

    40% {
        transform: scale(.75, 1.25)
    }

    50% {
        transform: scale(1.15, .85)
    }

    65% {
        transform: scale(.95, 1.05)
    }

    75% {
        transform: scale(1.05, .95)
    }

    to {
        transform: scale(1)
    }
}

@keyframes jiggle {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.25, .75)
    }

    40% {
        transform: scale(.75, 1.25)
    }

    50% {
        transform: scale(1.15, .85)
    }

    65% {
        transform: scale(.95, 1.05)
    }

    75% {
        transform: scale(1.05, .95)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes glow {
    0% {
        background-color: #fcfcfd
    }

    30% {
        background-color: #fff6cd
    }

    to {
        background-color: #fcfcfd
    }
}

@keyframes glow {
    0% {
        background-color: #fcfcfd
    }

    30% {
        background-color: #fff6cd
    }

    to {
        background-color: #fcfcfd
    }
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 10000
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .48
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .6)
}

.cdk-overlay-transparent-backdrop {
    background: 0 0
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%
}

.owl-dialog-container {
    position: relative;
    pointer-events: auto;
    box-sizing: border-box;
    display: block;
    padding: 1.5em;
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
    border-radius: 2px;
    overflow: auto;
    background: #fff;
    color: #000000de;
    outline: 0
}

.owl-dt-container,
.owl-dt-container * {
    box-sizing: border-box
}

.owl-dt-container {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    background: #fff;
    pointer-events: auto;
    z-index: 1000
}

.owl-dt-container-row {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.owl-dt-container-row:last-child {
    border-bottom: none
}

.owl-dt-calendar {
    display: flex;
    flex-direction: column;
    width: 100%
}

.owl-dt-calendar-control {
    display: flex;
    align-items: center;
    font-size: 1em;
    width: 100%;
    padding: .5em;
    color: #848e9e
}

.owl-dt-calendar-control .owl-dt-calendar-control-content {
    position: absoluate;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    align-items: center
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
    padding: 0 .8em
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
    background-color: #0000001f
}

.owl-dt-calendar-main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 .5em .5em;
    outline: 0
}

.owl-dt-calendar-view {
    display: block;
    flex: 1 1 auto
}

.owl-dt-calendar-multi-year-view {
    display: flex;
    align-items: center
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
    width: calc(100% - 3em)
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
    padding-bottom: .25em
}

.owl-dt-calendar-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.owl-dt-calendar-table .owl-dt-calendar-header {
    color: #0006
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
    font-size: .7em;
    font-weight: 400;
    text-align: center;
    padding-bottom: 1em
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
    position: relative;
    height: 1px;
    padding-bottom: .5em
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
    content: "";
    position: absolute;
    top: 0;
    left: -.5em;
    right: -.5em;
    height: 1px;
    background: rgba(0, 0, 0, .12)
}

.owl-dt-calendar-table .owl-dt-calendar-cell {
    position: relative;
    height: 0;
    line-height: 0;
    text-align: center;
    outline: 0;
    cursor: pointer;
    color: #000000d9;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
    position: absolute;
    top: 5%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 90%;
    height: 90%;
    font-size: .8em;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #acbdc4;
    background-color: #fbfbfb
}

.owl-dt-calendar-table .owl-dt-calendar-cell-out {
    opacity: .2
}

.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
    color: #376bfb
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
    color: #ffffffd9;
    background-color: #376bfb
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
    box-shadow: inset 0 0 0 1px #ffffffd9
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
    cursor: default
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
    color: #e5e5e5
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
    opacity: .4
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
    border-color: #0003
}

.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
    background-color: #162a4c;
    color: #fff
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
    background: rgba(63, 81, 181, .2)
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.owl-dt-timer {
    background-color: #0000001a;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 7em;
    padding: .5em;
    outline: 0
}

.owl-dt-timer-box {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    height: 100%
}

.owl-dt-timer-content {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: .2em 0
}

.owl-dt-timer-content .owl-dt-timer-input {
    padding-left: 0 !important;
    display: block;
    width: 38px;
    text-align: center;
    border-radius: 4px;
    height: 32px;
    outline: medium none;
    font-size: 1.2em;
    padding: .2em
}

.owl-dt-timer-divider {
    display: inline-block;
    align-self: flex-end;
    position: absolute;
    width: .6em;
    height: 100%;
    left: -.3em
}

.owl-dt-timer-divider:after,
.owl-dt-timer-divider:before {
    content: "";
    display: inline-block;
    width: .35em;
    height: .35em;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%);
    background-color: currentColor
}

.owl-dt-timer-divider:before {
    top: 35%
}

.owl-dt-timer-divider:after {
    bottom: 35%
}

.owl-dt-control-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-size: 1em;
    color: inherit
}

.owl-dt-control-button .owl-dt-control-button-content {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: 0
}

.owl-dt-control-button:focus>.owl-dt-control-button-content {
    background-color: #0000001f
}

.owl-dt-control-button:not(:-moz-focusring):focus>.owl-dt-control-button-content {
    box-shadow: none
}

.owl-dt-control-period-button .owl-dt-control-button-content {
    height: 1.5em;
    padding: 0 .5em;
    border-radius: 3px;
    transition: background-color .1s linear
}

.owl-dt-control-period-button:hover>.owl-dt-control-button-content {
    background-color: #0000001f
}

.owl-dt-control-period-button .owl-dt-control-button-arrow {
    display: none;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    margin: .1em;
    transition: transform .2s ease
}

.owl-dt-control-arrow-button .owl-dt-control-button-content {
    padding: 0;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em
}

.owl-dt-control-arrow-button[disabled] {
    color: #0006;
    cursor: default
}

.owl-dt-control-arrow-button svg {
    width: 50%;
    height: 50%;
    fill: currentColor
}

.owl-dt-inline-container,
.owl-dt-popup-container {
    position: relative;
    width: 18.5em;
    box-shadow: 0 2px 20px #1d1f221a
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
    width: 100%
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
    height: 20.25em
}

.owl-dt-inline-container {
    display: inline-block
}

.owl-dt-dialog-container {
    max-height: 95vh;
    margin: -1.5em
}

.owl-dt-dialog-container .owl-dt-calendar {
    min-width: 250px;
    min-height: 330px;
    max-width: 750px;
    max-height: 750px
}

.owl-dt-dialog-container .owl-dt-timer {
    min-width: 250px;
    max-width: 750px
}

@media all and (orientation: landscape) {
    .owl-dt-dialog-container .owl-dt-calendar {
        width: 58vh;
        height: 62vh
    }

    .owl-dt-dialog-container .owl-dt-timer {
        width: 58vh
    }
}

@media all and (orientation: portrait) {
    .owl-dt-dialog-container .owl-dt-calendar {
        width: 80vw;
        height: 80vw
    }

    .owl-dt-dialog-container .owl-dt-timer {
        width: 80vw
    }
}

.owl-dt-container-buttons {
    display: flex;
    width: 100%;
    height: 2em;
    color: #3f51b5
}

.owl-dt-container-control-button {
    font-size: 1em;
    width: 50%;
    height: 100%;
    border-radius: 0
}

.owl-dt-container-control-button .owl-dt-control-button-content {
    height: 100%;
    width: 100%;
    transition: background-color .1s linear
}

.owl-dt-container-control-button:hover .owl-dt-control-button-content {
    background-color: #0000001a
}

.owl-dt-container-info {
    padding: 0 .5em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.owl-dt-container-info .owl-dt-container-range {
    display: flex;
    justify-content: space-between;
    padding: .5em 0;
    font-size: .8em
}

.owl-dt-container-info .owl-dt-container-range:last-child {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.owl-dt-container-info .owl-dt-container-info-active {
    color: #3f51b5
}

.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
    cursor: default !important
}

.owl-dt-timer-hour12 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3f51b5
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
    border: 1px solid currentColor;
    border-radius: 2px;
    transition: background .2s ease
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
    width: 100%;
    height: 100%;
    padding: .5em
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
    background: #3f51b5;
    color: #fff
}

.owl-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.morris-hover {
    position: absolute;
    z-index: 1000
}

.morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 6px;
    color: #666;
    background: rgba(255, 255, 255, .8);
    border: solid 2px rgba(230, 230, 230, .8);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-size: 12px;
    text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight: 700;
    margin: .25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space: nowrap;
    margin: .1em 0
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0);
    src: url(fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0) format("woff2"), url(fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0) format("woff"), url(fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0) format("truetype"), url(fontawesome-webfont.da909aa098b0ee2d.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}

.fa-won:before,
.fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before,
.fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before,
.fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.fb-button {
    display: inline-block;
    margin: 0;
    padding: .563rem .844rem;
    border: 0 none;
    background: #2574a9;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
    border-radius: .125rem;
    border: thin solid #2881b8;
    border-bottom: 2px solid #2574a9
}

.fb-button[disabled] {
    background: #ddd !important;
    border: thin solid #ccc;
    color: #777 !important;
    text-shadow: none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    opacity: .65;
    cursor: default
}

.fb-clear {
    clear: both
}

.fb-main {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px 0 0;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol
}

.fb-save-wrapper {
    position: absolute;
    right: 20px;
    top: 10px
}

.fb-left {
    float: left;
    width: 320px;
    padding-top: 30px
}

.fb-right {
    padding-top: 70px;
    margin-left: 320px;
    border-left: 1px solid #ddd;
    padding-left: 20px;
    min-height: 100%;
    overflow: hidden
}

.fb-no-response-fields {
    color: #666;
    font-size: 22px;
    margin: 25px
}

.fb-tabs {
    list-style: none;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #ccc
}

.fb-tabs li {
    display: inline-block
}

.fb-tabs li a {
    display: block;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    cursor: pointer;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent
}

.fb-tabs li.active a {
    border: 1px solid #ccc;
    margin-bottom: -1px;
    border-bottom-color: #fff
}

.fb-tab-content .fb-tab-pane {
    padding: 0 20px;
    display: none
}

.fb-tab-content .fb-tab-pane.active {
    display: block
}

.fb-add-field-types .section {
    padding-bottom: 5px;
    margin-bottom: 20px
}

.fb-add-field-types {
    font-size: 0
}

.fb-add-field-types .desc {
    color: #eee;
    display: block;
    font-size: 90%;
    margin-top: 5px
}

.fb-add-field-types a {
    font-size: 13px;
    padding-top: 10px;
    display: inline-block;
    width: 99%;
    background-color: #2574a9;
    margin-bottom: 9px;
    box-sizing: border-box;
    height: 70px;
    border-radius: 4px
}

.fb-add-field-types a:hover,
.fb-add-field-types a:focus {
    color: #fff;
    text-decoration: none
}

.fb-add-field-types a:nth-child(odd) {
    margin-right: 3%
}

.fb-add-field-types a .symbol {
    opacity: .6;
    margin: 0 .25em 0 -1em
}

.fb-response-fields {
    padding-bottom: 150px
}

.fb-response-fields a.sortable-placeholder {
    display: block;
    border: 1px dashed #ddd;
    min-height: 80px;
    height: 80px;
    width: 100%
}

.fb-field-wrapper {
    cursor: pointer;
    position: relative;
    margin-bottom: 20px
}

.fb-field-wrapper input {
    border-radius: 3px;
    border: thin solid #ddd
}

.fb-field-wrapper:hover .actions-wrapper,
.fb-field-wrapper.editing .actions-wrapper {
    display: block
}

.fb-field-wrapper:hover .subtemplate-wrapper {
    border-color: #ddd;
    border-radius: 3px
}

.fb-field-wrapper.editing {
    background-color: #ecf0f1;
    border-radius: 3px
}

.fb-field-wrapper.editing .subtemplate-wrapper {
    border-color: #d9e1e3;
    border-style: solid;
    margin: 0;
    border-radius: 3px
}

.fb-field-wrapper .actions-wrapper {
    display: none;
    position: absolute;
    bottom: -7px;
    right: 5px;
    z-index: 3
}

.fb-field-wrapper .actions-wrapper a {
    display: inline-block;
    background-color: #ccc;
    padding: 2px 6px;
    border-radius: 50%
}

.fb-field-wrapper .actions-wrapper a:hover {
    color: #fff;
    opacity: .6
}

.edit-response-field input,
.edit-response-field textarea,
.edit-response-field select {
    margin-top: 3px;
    border: thin solid #ddd;
    border-radius: .25em;
    padding: .5em;
    display: inline-block;
    height: auto;
    vertical-align: baseline
}

.edit-response-field input:focus,
.edit-response-field textarea:focus,
.edit-response-field select:focus {
    outline: none;
    border: thin solid #2881b8
}

.edit-response-field select {
    font-size: 14px
}

.fb-field-wrapper .actions-wrapper a.js-duplicate,
.fb-edit-field-wrapper .js-add-option {
    background-color: #2574a9;
    border: none
}

.fb-field-wrapper .actions-wrapper a.js-clear,
.fb-edit-field-wrapper .js-remove-option {
    background-color: #e74c3c;
    border: none
}

.fb-field-wrapper .subtemplate-wrapper {
    border: 1px dashed transparent;
    margin-bottom: 10px;
    padding: 10px;
    position: relative
}

.fb-field-wrapper .subtemplate-wrapper .cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}

.fb-field-wrapper .subtemplate-wrapper>label {
    display: block;
    border-bottom: thin solid #eee;
    padding-bottom: 3px;
    margin-bottom: 7px
}

.fb-field-wrapper .subtemplate-wrapper abbr {
    color: red
}

.fb-field-wrapper .input-line {
    clear: both;
    margin-bottom: 10px
}

.fb-field-wrapper .input-line .above-line {
    margin-top: 7px
}

.fb-field-wrapper .input-line>span {
    display: inline-block;
    vertical-align: top
}

.fb-field-wrapper .input-line>span input {
    width: 100%
}

.fb-field-wrapper .input-line>span>label {
    display: block;
    font-size: 13px;
    margin-left: 3px
}

.fb-field-wrapper .help-block {
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.fb-edit-field-wrapper {
    font-size: 13px
}

.fb-edit-field-wrapper .fb-field-label {
    font-weight: 400;
    background: #eee;
    padding: .75em;
    color: #666;
    font-size: 1.25em
}

.fb-edit-field-wrapper .fb-field-label .field-type {
    margin-top: .5em;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-size: 1em
}

.fb-edit-field-wrapper .fb-field-label .field-type:before {
    content: "Type: ";
    color: #999
}

.fb-edit-field-wrapper .fb-field-label .fa.fa-arrow-right {
    display: none
}

.fb-edit-field-wrapper .fb-edit-section-header {
    border-bottom: 1px solid #ddd;
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    clear: both;
    font-weight: 700
}

.fb-edit-field-wrapper .js-add-option,
.fb-edit-field-wrapper .js-remove-option {
    padding: 3px 6px
}

.fb-edit-field-wrapper .fb-bottom-add {
    margin-top: 8px
}

.fb-common-wrapper .fb-label-description {
    margin-bottom: 10px
}

.fb-common-wrapper .fb-label-description input,
.fb-common-wrapper .fb-label-description textarea {
    width: 100%
}

.fb-common-wrapper .fb-label-description textarea {
    min-height: 5em;
    margin-top: 5px
}

.response-field-draggable-helper {
    border: 1px dashed #ddd;
    background: #eee
}

.response-field-text input.rf-size-small {
    width: 130px
}

.response-field-text input.rf-size-medium {
    width: 300px
}

.response-field-text input.rf-size-large {
    width: 100%
}

.response-field-paragraph textarea.rf-size-small {
    width: 200px;
    min-height: 60px
}

.response-field-paragraph textarea.rf-size-medium {
    width: 400px;
    min-height: 100px
}

.response-field-paragraph textarea.rf-size-large {
    width: 100%;
    min-height: 200px
}

.response-field-address .street {
    width: 400px
}

.response-field-address .city,
.response-field-address .state,
.response-field-address .zip,
.response-field-address .country {
    width: 198px
}

.response-field-date .month,
.response-field-date .day,
.response-field-date .year,
.response-field-time .hours,
.response-field-time .minutes,
.response-field-time .seconds {
    width: 50px
}

.response-field-checkboxes .fb-option,
.response-field-radio .fb-option {
    margin-bottom: 5px;
    display: inline-block
}

.response-field-website input {
    width: 200px
}

.ui.sidebar.labeled.icon.menu {
    border: 0 !important;
    background: #f0f2f5;
    border-right: 1px solid #e6eaef !important;
    width: 200px;
    z-index: 3 !important;
    overflow: inherit !important;
    padding: 0 8px 20px;
    box-shadow: 0 0 !important;
    transition: all 0s ease-in-out !important
}

.ui.sidebar.labeled.icon.menu div>.item {
    margin-left: 0;
    width: 100%;
    min-width: 100%;
    display: inline-block;
    padding: 8px 8px 8px 10px;
    text-align: left;
    font-size: 13px;
    background: none;
    margin-bottom: 8px;
    transition-delay: 0s;
    font-weight: 500;
    transition: all 0s ease-in-out !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.ui.sidebar.labeled.icon.menu div>.item .ui.dropdown {
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    width: 100%;
    text-align: left
}

.ui.sidebar.labeled.icon.menu div>.item .ui.dropdown .text {
    width: 100%;
    min-height: 24px;
    line-height: 24px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu {
    display: block
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .kolay-dropdown-menu {
    display: block
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .kolay-dropdown-menu .dropdown-menu-btn {
    display: block
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .kolay-dropdown-menu.light .kolay-dropdown-menu-list.light {
    background-color: #f0f2f5 !important
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .kolay-dropdown-menu.light .kolay-dropdown-menu-list ul li a {
    color: #162a4ce6 !important;
    padding: 10px 17px;
    vertical-align: top;
    white-space: nowrap;
    cursor: pointer !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .kolay-dropdown-menu.light .kolay-dropdown-menu-list ul li a i {
    margin-right: 14px;
    vertical-align: top;
    display: inline-block;
    line-height: 20px;
    font-size: 20px;
    color: #162a4cb3 !important
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .kolay-dropdown-menu.light .kolay-dropdown-menu-list ul li a span {
    color: #162a4ce6 !important
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .profile-card {
    padding: 16px;
    margin-top: -4px;
    width: 100%;
    display: table;
    border-bottom: 1px solid rgba(22, 42, 76, .15);
    margin-bottom: 8px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .profile-card .img {
    display: table-cell;
    margin: 0;
    padding: 0 16px 0 0;
    vertical-align: middle;
    width: 64px;
    cursor: pointer
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .profile-card .img kolay-avatar {
    margin-left: 0 !important
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .profile-card .txt {
    display: table-cell;
    vertical-align: middle
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .profile-card .txt .name {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0em;
    color: #162a4ce6;
    font-weight: 500
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .profile-card .txt .profile-button {
    margin-top: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #162a4cb3;
    cursor: pointer;
    font-weight: 400
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .profile-card .txt .profile-button:hover {
    color: #526d94
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .click-area {
    cursor: pointer
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .click-area .text {
    display: inline;
    padding: 0
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu kolay-avatar {
    vertical-align: middle;
    display: inline-block;
    margin-left: -3px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .notifications-wrapper {
    overflow: auto;
    max-height: 300px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .notifications-wrapper .notification {
    display: table;
    width: 100%;
    min-height: 69px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .notifications-wrapper .notification .avatar-image {
    display: table-cell;
    vertical-align: top;
    padding: 12px 8px 0 12px;
    width: 40px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .notifications-wrapper .notification .notification-content {
    padding: 12px 8px 8px 0;
    display: table-cell;
    border-bottom: 1px solid rgba(22, 42, 76, .15);
    vertical-align: top;
    color: #162a4ce6;
    font-size: 13px;
    line-height: 16px
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .notifications-wrapper .notification .notification-content .summary-text {
    font-weight: 500
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .notifications-wrapper .notification .notification-content .date-text {
    color: #162a4cb3;
    font-weight: 400
}

.ui.sidebar.labeled.icon.menu div>.item kolay-dropdown-menu .notifications-wrapper .notification:last-child .notification-content {
    border: 0
}

.ui.sidebar.labeled.icon.menu div>.item .menu-icon {
    font-size: 24px !important;
    width: 18px
}

.ui.sidebar.labeled.icon.menu div>.item span.text {
    position: relative;
    top: 0;
    left: 12px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 130px;
    height: 17px;
    opacity: 1;
    color: #162a4ce6;
    transition: all 0s ease-in-out !important
}

.ui.sidebar.labeled.icon.menu .item {
    color: #526d94 !important
}

.ui.sidebar.labeled.icon.menu .item:after {
    color: #526d94 !important
}

.ui.sidebar.labeled.icon.menu .item:hover {
    transition-delay: .1s;
    background: rgba(196, 203, 253, .4) !important
}

.ui.sidebar.labeled.icon.menu .item.active {
    background: rgba(196, 203, 253, .4) !important
}

.ui.sidebar.labeled.icon.menu .item.active>span,
.ui.sidebar.labeled.icon.menu .item.active>i,
.ui.sidebar.labeled.icon.menu .item.active .text {
    color: #376bfb !important
}

.ui.sidebar.labeled.icon.menu .item:before {
    content: none
}

.ui.sidebar.labeled.icon.menu .item kolay-dropdown-menu .kolay-dropdown-menu.light .dropdown-menu ul li a.signout i {
    color: #ff4c4c !important
}

.ui.sidebar.labeled.icon.menu .item kolay-dropdown-menu .ui.dropdown:hover i {
    color: #162a4cb3
}

.ui.sidebar.labeled.icon.menu .menu-logo {
    height: 100px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(22, 42, 76, .15);
    margin-left: -8px;
    width: calc(100% + 16px)
}

.ui.sidebar.labeled.icon.menu .menu-logo .menu-icon {
    position: absolute;
    font-size: 26px;
    color: #376bfb;
    transition: all 0s ease-in-out !important
}

.ui.sidebar.labeled.icon.menu .menu-logo .kolay-logo {
    left: 0;
    opacity: 1;
    width: 100%;
    float: left
}

.ui.sidebar.labeled.icon.menu .menu-logo .kolayicon-logo-solo {
    left: -60px;
    font-size: 30px
}

.ui.sidebar.labeled.icon.menu .menu-logo .upload-logo {
    position: absolute;
    top: 5px;
    right: 13px;
    display: none
}

.ui.sidebar.labeled.icon.menu .menu-logo .upload-logo .menu {
    top: 30px;
    background: #ffffff
}

.ui.sidebar.labeled.icon.menu .menu-logo:hover .upload-logo {
    display: block
}

.ui.sidebar.labeled.icon.menu .menu-logo .logo {
    overflow: hidden;
    width: 168px;
    height: 40px;
    position: absolute;
    left: -84px;
    margin-left: 50%
}

.ui.sidebar.labeled.icon.menu .menu-logo .logo img {
    height: 40px
}

.ui.sidebar.labeled.icon.menu .side-menu {
    width: 100%;
    height: calc(100vh - 260px);
    overflow: auto;
    overflow-x: hidden;
    box-sizing: inherit
}

.ui.sidebar.labeled.icon.menu .side-menu::-webkit-scrollbar-track {
    background-color: #fff !important
}

.ui.sidebar.labeled.icon.menu .side-menu::-webkit-scrollbar {
    width: 4px
}

.ui.sidebar.labeled.icon.menu .side-menu .item {
    box-sizing: inherit
}

.ui.sidebar.labeled.icon.menu .top-menu {
    position: relative !important;
    padding: 8px 0 0 !important;
    float: left;
    background: transparent !important
}

.ui.sidebar.labeled.icon.menu .top-menu .item .ui.dropdown {
    padding-right: 0;
    padding-left: 10px
}

.ui.sidebar.labeled.icon.menu .top-menu .item .ui.dropdown .text,
.ui.sidebar.labeled.icon.menu .top-menu .item .ui.dropdown .text .menu-icon {
    color: #376bfb
}

.ui.sidebar.labeled.icon.menu .top-menu .item .ui.dropdown .menu {
    top: -2px !important;
    left: 190px !important;
    bottom: auto !important
}

.ui.sidebar.labeled.icon.menu .top-menu .item .ui.dropdown .menu:before {
    top: 0;
    bottom: auto !important
}

.ui.sidebar.labeled.icon.menu .top-menu .item .ui.dropdown .menu .item:after {
    top: 11px
}

.ui.sidebar.labeled.icon.menu .bottom-menu {
    border-top: 1px solid rgba(22, 42, 76, .15)
}

.ui.sidebar.labeled.icon.menu .bottom-menu,
.ui.sidebar.labeled.icon.menu .top-menu {
    min-width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 8px
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item,
.ui.sidebar.labeled.icon.menu .top-menu .item {
    float: left;
    width: 100%;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .dropdown,
.ui.sidebar.labeled.icon.menu .top-menu .item .dropdown {
    width: 100%;
    height: 100%;
    float: left;
    line-height: 40px
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .dropdown .menu,
.ui.sidebar.labeled.icon.menu .top-menu .item .dropdown .menu {
    left: 190px;
    bottom: -10px;
    top: auto;
    background: #ffffff
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .dropdown .menu .item,
.ui.sidebar.labeled.icon.menu .top-menu .item .dropdown .menu .item {
    margin-top: 0
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .dropdown .menu:before,
.ui.sidebar.labeled.icon.menu .top-menu .item .dropdown .menu:before {
    height: 70px;
    bottom: 0
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .dropdown .text:before,
.ui.sidebar.labeled.icon.menu .top-menu .item .dropdown .text:before {
    display: none
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .dropdown.new .text:after,
.ui.sidebar.labeled.icon.menu .top-menu .item .dropdown.new .text:after {
    left: 18px;
    top: 1px
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .text,
.ui.sidebar.labeled.icon.menu .top-menu .item .text {
    display: block;
    padding-left: 12px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    transition: all 0s ease-in-out !important
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .text .avatar,
.ui.sidebar.labeled.icon.menu .bottom-menu .item .text .menu-icon,
.ui.sidebar.labeled.icon.menu .top-menu .item .text .avatar,
.ui.sidebar.labeled.icon.menu .top-menu .item .text .menu-icon {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.ui.sidebar.labeled.icon.menu .bottom-menu .item .text .menu-icon,
.ui.sidebar.labeled.icon.menu .top-menu .item .text .menu-icon {
    left: 0;
    top: 1px;
    font-size: 24px
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .text img,
.ui.sidebar.labeled.icon.menu .top-menu .account .text img {
    transition: all .5s ease-in-out !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 24px;
    height: 24px;
    max-height: 24px;
    padding: 0;
    margin: 7px 0 0
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .text .shape-avatar,
.ui.sidebar.labeled.icon.menu .top-menu .account .text .shape-avatar {
    width: 24px;
    height: 24px;
    top: 0
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .text .shape-avatar .letter-avatar,
.ui.sidebar.labeled.icon.menu .top-menu .account .text .shape-avatar .letter-avatar {
    padding-top: 0;
    font-weight: 400;
    line-height: 24px
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu {
    width: 270px !important;
    top: auto
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item {
    width: 100% !important;
    text-align: left !important;
    font-size: 13px !important;
    padding: 13px 24px !important;
    color: #234471 !important
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item:hover,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item:hover {
    background: #f9fafc !important
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item:hover i,
.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item:hover span,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item:hover i,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item:hover span {
    color: #234471 !important
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item.profile-button:hover,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item.profile-button:hover {
    background: transparent !important
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item:first-child,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item:first-child {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item:last-child,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item:last-child {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item .kolay-icons,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item .kolay-icons {
    float: left;
    font-size: 20px;
    padding-right: 10px;
    color: #234471 !important
}

.ui.sidebar.labeled.icon.menu .bottom-menu .account .menu .item span,
.ui.sidebar.labeled.icon.menu .top-menu .account .menu .item span {
    float: left;
    line-height: 16px;
    position: relative;
    top: 2px
}

.ui.sidebar.labeled.icon.menu span {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol !important
}

.ui.sidebar.labeled.icon.menu .collapse-sidebar {
    position: absolute;
    right: -12px;
    top: 57px;
    width: 24px;
    height: 24px;
    display: block;
    background: #f0f2f5;
    opacity: 0;
    box-shadow: 0 0 3px #e6eaef;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    transition: all .15s ease-in-out !important
}

.ui.sidebar.labeled.icon.menu .collapse-sidebar:before {
    content: "\e91e";
    font-family: kolayik;
    transform: rotate(90deg);
    position: absolute;
    left: 1px;
    top: 3px;
    font-size: 20px;
    color: #7186a5
}

.ui.sidebar.labeled.icon.menu:hover .collapse-sidebar {
    opacity: 1
}

@media (max-width: 767px) {
    .ui.sidebar.labeled.icon.menu {
        display: none
    }
}

body.close .outer {
    padding-left: 60px
}

@media (max-width: 767px) {
    body.close .outer {
        padding-left: 0
    }
}

body.close .ui.sidebar.labeled.icon.menu {
    width: 60px
}

body.close .ui.sidebar.labeled.icon.menu div>.item {
    padding-right: 0
}

body.close .ui.sidebar.labeled.icon.menu div>.item .ui.dropdown {
    text-align: center
}

body.close .ui.sidebar.labeled.icon.menu div>.item span.text {
    width: 0;
    opacity: 0
}

body.close .ui.sidebar.labeled.icon.menu .bottom-menu .item,
body.close .ui.sidebar.labeled.icon.menu .top-menu .item {
    min-width: 42px !important
}

body.close .ui.sidebar.labeled.icon.menu .bottom-menu .item span.text,
body.close .ui.sidebar.labeled.icon.menu .top-menu .item span.text {
    width: 0;
    opacity: 0;
    display: none
}

body.close .ui.sidebar.labeled.icon.menu .top-menu .item .ui.dropdown .menu.left,
body.close .ui.sidebar.labeled.icon.menu .dropdown .menu {
    left: 60px !important
}

body.close .ui.sidebar.labeled.icon.menu .kolay-logo {
    left: -200px !important;
    opacity: .3
}

body.close .ui.sidebar.labeled.icon.menu .kolayicon-logo-solo {
    left: 15px !important
}

body.close .ui.sidebar.labeled.icon.menu .collapse-sidebar:before {
    transform: rotate(270deg) !important;
    left: 3px !important
}

body.close .ui.sidebar.labeled.icon.menu .menu-logo:hover .upload-logo {
    display: none
}

html,
body,
h1,
h2,
h3,
h4,
h5,
div {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol !important
}

@media (max-width: 767px) {
    body {
        padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    body.ios-app #activeContainer {
        padding-top: 75px
    }

    body.ios-app #activeContainer .nav-bar {
        height: 74px;
        padding-top: 20px
    }

    body.ios-app #activeContainer .head-title .text h2 {
        padding-top: 10px
    }

    body.ios-app .loading-progress {
        top: 74px !important
    }

    body.ios-app .modal-content {
        padding-top: 70px
    }

    body.ios-app .modal-content .head {
        height: 70px
    }

    body.ios-app .modal-content .head h3 {
        padding-top: 10px
    }

    body.ios-app .modal-content button.close {
        top: 22px !important
    }

    body.ios-app .modal-content .general-add-new.expense {
        top: 30px !important
    }

    body.ios-app .modal-content .confirmation-data .edit {
        top: 32px
    }

    body .nav-bar {
        z-index: 100 !important;
        background: #ffffff !important;
        box-shadow: 0 2px 20px #2c38450a
    }

    body .outer {
        z-index: unset
    }

    body .outer .head-title {
        z-index: 100 !important;
        background: none !important;
        width: 60% !important;
        padding: 0 !important;
        margin: 0 auto;
        box-shadow: 0 0 #0000 !important
    }

    body mobile-menu {
        z-index: 100
    }
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

ol li,
ul li {
    margin: 0;
    padding: 0
}

.displayNoneNi {
    display: none
}

.displayBlockNi {
    display: block
}

body .displayNone,
body .display-none {
    display: none !important
}

body .displayBlock {
    display: block !important
}

body.pushable {
    background: #fff !important
}

.general-add-new {
    top: 4px;
    right: 8px;
    position: absolute;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    cursor: pointer;
    color: #376bfb
}

.general-add-new.expense {
    top: 30px;
    right: 30px
}

.general-add-new i {
    font-size: 12px;
    margin-left: 5px
}

.general-add-new span {
    font-size: 13px;
    line-height: 1
}

@media (max-width: 767px) {
    .general-add-new {
        top: 20px !important;
        z-index: 2
    }
}

.ui.row {
    display: block;
    margin: 0
}

.ui.dropdown.notification .ui.feed {
    width: 250px;
    height: 160px;
    overflow: hidden !important;
    overflow-y: scroll !important;
    padding-right: 10px
}

.ui.dropdown.notification .ui.feed .content .extra.text {
    white-space: normal;
    padding: 0;
    margin: 0
}

.ui.dropdown.notification .ui.feed .content .date {
    margin-top: 0
}

.ui.dropdown.notification .menu {
    width: 280px;
    height: 200px !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
    padding: 20px !important
}

.ui.dropdown.notification .menu .shape-avatar {
    width: 33px;
    height: 33px;
    border-radius: 50%
}

.ui.dropdown.notification .menu .shape-avatar .letter-avatar {
    padding-top: 9px !important;
    font-size: 12px !important
}

.ui.dropdown.notification .menu.notification-menu {
    padding: 20px !important
}

.ui.dropdown.notification.new>.text:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 25px;
    border: 2px solid #376bfb;
    right: 4px;
    top: 8px;
    background: white
}

.ui.dropdown.notification .mark-read {
    opacity: .6
}

.ui.dropdown.notification .event {
    margin-bottom: 10px !important;
    padding-bottom: 0
}

.ui.dropdown.notification .event .content {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.nav-bar {
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    width: 60%;
    padding-top: 15px;
    padding-right: 24px;
    z-index: 1;
    text-align: right
}

.nav-bar>* {
    color: #acbdc4;
    cursor: pointer
}

.nav-bar .nav-button {
    color: #162a4c;
    font-size: 16px;
    margin-right: 0;
    top: 2px
}

.nav-bar .nav-button .menu {
    padding: 30px;
    width: 260px !important;
    top: 56px
}

.nav-bar .nav-button .text {
    line-height: 38px
}

.nav-bar .nav-button .text .kolay-icons {
    position: relative;
    top: 2px
}

.nav-bar .nav-button.apps .ui.feed .event {
    transition: all .15s ease-in-out !important;
    padding: 15px 20px
}

.nav-bar .nav-button.apps .ui.feed .event:hover {
    background: #f9fafc
}

.nav-bar .nav-button.apps .ui.feed .event:hover .content .summary {
    color: #376bfb
}

.nav-bar .nav-button.apps .ui.feed .event .label {
    padding-top: 5px
}

.nav-bar .nav-button.apps .ui.feed .event .label img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.nav-bar .nav-button.apps .ui.feed .event .content {
    margin-left: 7px !important
}

.nav-bar .nav-button.apps .ui.feed .event .content .summary {
    transition: all .15s ease-in-out !important;
    font-weight: 400;
    color: #162a4c;
    font-size: 12px
}

.nav-bar .nav-button.apps .ui.feed .event .content .text {
    color: #162a4cb3 !important;
    font-size: 12px !important
}

.nav-bar .nav-button .menu,
.nav-bar .nav-profile .menu {
    left: auto;
    right: 0
}

.nav-bar .ui.dropdown {
    width: 36px;
    line-height: 36px;
    height: 36px;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .15s ease-in-out !important
}

.nav-bar .ui.dropdown .text .kolay-icons {
    color: #162a4c !important
}

.nav-bar .ui.dropdown:hover {
    background: #ededed
}

.nav-bar .ui.dropdown:hover .text .kolay-icons {
    color: #162a4c !important
}

.nav-bar .ui.dropdown .menu>* {
    white-space: normal !important
}

.nav-bar .ui.dropdown .menu {
    margin-top: 0
}

.nav-bar .ui.feed {
    font-size: 13px
}

.nav-bar .ui.feed .summary {
    margin-top: -3px !important
}

.nav-bar .ui.feed .text {
    font-size: 12px !important;
    color: #162a4cb3 !important;
    line-height: 130% !important;
    margin-top: 1px !important
}

.nav-bar .ui.feed .date {
    font-size: 11px !important;
    color: #162a4cb3;
    margin-top: 0 !important
}

.nav-bar .actions-modal-button {
    width: auto !important;
    margin-left: 10px;
    min-height: 52px
}

.nav-bar .actions-modal-button .menu {
    top: 66px
}

.nav-bar .actions-modal-button .secondary.button {
    margin: 7px 0 0 !important;
    padding: 0 20px 0 40px !important;
    min-width: auto !important
}

.nav-bar .actions-modal-button:hover {
    background: transparent !important
}

.nav-bar .actions-modal-button:hover .secondary.button,
.nav-bar .actions-modal-button.active .secondary.button {
    background: #e8eaff !important
}

.nav-bar .actions-modal-button .none {
    width: 0 !important;
    height: 0 !important;
    top: -1000px !important
}

.nav-bar .actions-modal-button:before {
    position: absolute;
    width: 14px;
    height: 14px;
    font-family: kolayik;
    font-size: 20px;
    content: "\e905";
    color: #376bfb;
    left: 13px;
    top: 12px
}

.nav-bar .actions-modal-button.mobile {
    position: relative;
    min-width: 52px;
    min-height: 52px;
    background: transparent !important;
    margin-left: 10px !important
}

.nav-bar .actions-modal-button.mobile:before {
    transition: all .5s;
    position: absolute;
    width: 52px;
    height: 52px;
    content: "";
    background: #376bfb;
    top: 50%;
    left: 50% !important;
    margin-left: -26px;
    margin-top: -26px;
    transform: scale(1);
    -ms-transform: scale(1);
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px
}

.nav-bar .actions-modal-button.mobile:hover:before {
    transform: scale(1.1);
    -ms-transform: scale(1.1, 1.1);
    background: #004ff8
}

.nav-bar .actions-modal-button.mobile.active .kolay-icons {
    transform: rotate(45deg)
}

.nav-bar .actions-modal-button.mobile.ui.dropdown>.left.menu {
    margin-top: 10px !important
}

.nav-bar .actions-modal-button.mobile .kolay-icons {
    transition: all .15s ease-in-out !important
}

@media (max-width: 767px) {
    .nav-bar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }
}

.demo-info-container {
    width: 100%;
    background: #ffffff;
    height: 50px;
    font-size: 13px;
    padding: 15px;
    z-index: 1;
    overflow: hidden;
    color: #162a4c
}

.demo-info-container.limited-usage {
    padding-left: 24px !important;
    color: #ff4c4c
}

.demo-info-container.limited-usage span {
    margin-left: 5px
}

@media (max-width: 479px) {
    .demo-info-container.limited-usage .wide.column.text {
        padding-top: 6px !important
    }
}

.demo-info-container a {
    color: #fff;
    transition: all .15s ease-in-out !important
}

.demo-info-container a:hover {
    color: #ffffffb3
}

.demo-info-container .ui.tiny.progress {
    margin-top: 7px;
    width: 70px;
    float: left;
    margin-right: 12px;
    margin-bottom: 0;
    background: #e8eaff !important
}

.demo-info-container .ui.tiny.progress .bar {
    min-width: 2px;
    max-width: 100%;
    background: #376bfb !important
}

.demo-info-container .buttons a {
    position: relative;
    top: -3px
}

.demo-info-container .prg {
    padding-left: 24px !important
}

.demo-info-container .prg.last-days .ui.tiny.progress .bar {
    background: #ff4c4c !important
}

.demo-info-container .prg.last-days .trial-text>span {
    color: #ff4c4c !important
}

.demo-info-container .prg .trial-text>span {
    font-weight: 700
}

.nav-action {
    text-align: center
}

.nav-action p {
    padding-bottom: 50px;
    font-size: 16px;
    color: #fff
}

.nav-action a {
    width: 160px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px
}

.nav-action a .ui.image {
    margin-bottom: 20px;
    width: 100%;
    text-align: center
}

.nav-action a .ui.image img {
    transition: all .15s ease-in-out !important;
    display: inline-block
}

.nav-action a:hover .ui.image img {
    transform: scale(1.1)
}

.nav-action .close-btn-cont {
    margin-top: 100px
}

@media (max-width: 767px) {
    .nav-action {
        margin-top: -60px
    }

    .nav-action .content p {
        padding-bottom: 20px;
        color: #162a4c
    }

    .nav-action .content a {
        width: 100%;
        font-size: 18px;
        margin-bottom: 10px;
        text-align: left;
        line-height: 52px;
        padding-left: 20px;
        color: #162a4c;
        background-color: #fff;
        box-shadow: 0 2px 20px #2c38450f
    }

    .nav-action .content a .ui.image {
        margin-top: 20px;
        width: 50px;
        text-align: left;
        float: left;
        margin-right: 20px;
        margin-bottom: 0
    }

    .nav-action .content a .tt {
        line-height: 89px
    }

    .nav-action .content a.close {
        text-align: center;
        background: transparent;
        box-shadow: 0 0;
        padding-left: 0
    }
}

.ui.modal.confirmation .content,
.ui.modal.confirmation .actions {
    text-align: center
}

.see-all-notifications {
    text-align: center;
    font-size: 12px
}

body.mobile #activeContainer {
    padding-left: 0;
    padding-bottom: 45px;
    padding-top: 65px
}

body.mobile #activeContainer .nav-bar {
    width: 100%;
    height: 64px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px
}

body.mobile #activeContainer .nav-bar .notification {
    float: left;
    margin-top: 5px
}

body.mobile #activeContainer .nav-bar .notification .kolay-icons {
    font-size: 20px;
    color: #162a4c
}

body.mobile #activeContainer .nav-bar .notification.new>.text:after {
    right: 6px;
    top: 4px
}

body.mobile #activeContainer .nav-bar .notification>.menu {
    left: 0 !important;
    width: 270px !important
}

body.mobile #activeContainer .nav-bar .nav-profile {
    display: none
}

body.mobile #activeContainer .nav-bar .actions-modal-button .ui.button.circular {
    background: none !important;
    box-shadow: 0 0 !important;
    min-width: 30px !important;
    min-height: 30px !important;
    margin-top: 0 !important;
    padding-right: 8px !important
}

body.mobile #activeContainer .nav-bar .actions-modal-button .ui.button.circular .kolay-icons:before {
    color: #376bfb !important
}

body.mobile #activeContainer .nav-bar .actions-modal-button.ui.dropdown>.left.menu {
    margin-top: 0 !important
}

body.mobile #activeContainer .nav-bar .actions-modal-button:before {
    display: none
}

body.mobile #activeContainer .head-title {
    padding: 0 20%;
    text-align: center;
    box-shadow: 0 2px 20px #2c38450a;
    z-index: 3
}

body.mobile #activeContainer .head-title .text {
    height: 64px;
    line-height: 64px;
    padding-top: 0
}

body.mobile #activeContainer .head-title .text h2 {
    font-size: 16px;
    line-height: 64px;
    max-width: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

body.mobile #activeContainer .head-title .text p,
body.mobile #activeContainer .head-title .image.left {
    display: none
}

body.mobile #activeContainer .outer.limited-usage {
    margin-top: 52px !important
}

body.mobile #activeContainer .demo-info-container {
    padding-left: 20px
}

body.mobile #activeContainer .demo-info-container>.grid>div.prg {
    padding-left: 5px !important;
    padding-right: 0 !important
}

body.mobile #activeContainer .demo-info-container .buttons {
    display: none
}

body.mobile #activeContainer .demo-info-container.limited-usage {
    padding-left: 10px !important
}

body.mobile #activeContainer .content-view {
    padding: 20px
}

body.mobile #activeContainer .mobile-menu {
    display: flex;
    position: fixed;
    height: 46px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 0 40px #2c38450f
}

body.mobile #activeContainer .mobile-menu .item {
    flex: 1;
    text-align: center;
    padding-top: 10px;
    color: #162a4c
}

body.mobile #activeContainer .mobile-menu .item i,
body.mobile #activeContainer .mobile-menu .item span {
    display: block
}

body.mobile #activeContainer .mobile-menu .item i {
    height: 16px
}

body.mobile #activeContainer .mobile-menu .item span {
    font-size: 10px
}

body.mobile #activeContainer .mobile-menu .item:hover,
body.mobile #activeContainer .mobile-menu .item.active {
    color: #376bfb
}

body.mobile #activeContainer .ui.pagination.menu {
    margin-top: 20px
}

body.mobile login #activeContainer {
    padding: 0 !important
}

body.mobile login #activeContainer .logo-container img {
/* width: 40%*/
}

#activeContainer .mobile-menu {
    display: none
}

#activeContainer.close {
    padding-left: 60px
}

.outer {
    z-index: 0;
    position: relative;
    padding-left: 200px;
    margin-top: 0 !important
}

.outer .head-title {
    display: block;
    width: 100%;
    min-height: 71px;
    padding: 12px 24px;
    position: relative;
    background-color: #fff;
    z-index: 3;
    border-bottom: 1px solid #e6eaef
}

.outer .head-title>.image {
    display: none
}

.outer .head-title .text h2 {
    font-size: 21px;
    margin-bottom: 0;
    font-weight: 600
}

.outer .head-title .text p {
    font-size: 14px;
    color: #162a4cb3
}

.outer .head-title .text #headParagraph {
    padding-left: 0
}

.outer .head-title.confetti .image:before {
    background: transparent
}

@media (max-width: 767px) {
    .outer .head-title {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        border: 0
    }
}

.outer .content-header {
    position: relative;
    z-index: 2
}

.outer .content-view {
    display: block;
    position: relative;
    padding: 24px
}

.outer .content-view .padding-content {
    padding: 24px !important
}

.ui.attached.segment {
    margin: 0 !important;
    width: 100%;
    max-width: 100%
}

@media (max-width: 767px) {
    .right-navbar {
        display: none
    }

    .toggle.button {
        display: block !important
    }

    .outer {
        padding-left: 0
    }

    .ui.button .text {
        display: none
    }

    .ui.button .icon {
        margin: 0 !important
    }
}

.employeeListContainer .addFilterLink #filterContainer .close-button {
    float: right;
    position: absolute;
    right: -18px;
    top: -15px
}

.employeeListContainer .content-header {
    z-index: 2
}

.employeeListContainer .content-view {
    z-index: 1
}

#employee-list-view .content-header {
    min-height: 74px !important;
    padding: 12px 24px;
    background-color: #fff
}

#employee-list-view .content-header .filter-box,
#employee-list-view .content-header .filter-view {
    margin: 5px;
    font-size: 13px
}

#employee-list-view .content-header .sni-button[color=dark-outlined] {
    margin: 3px 0
}

#employee-list-view .content-header .filter-box {
    margin-left: 18px
}

#employee-list-view .content-header .filter-view.buttons {
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    top: 1px;
    margin-right: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#employee-list-view .content-header .filter-view.buttons a {
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 0;
    transition: all .15s ease-in-out !important
}

#employee-list-view .content-header .filter-view.buttons a i.kolay-icons {
    color: #162a4c;
    position: relative;
    top: 3px
}

#employee-list-view .content-header .filter-view.buttons a:hover,
#employee-list-view .content-header .filter-view.buttons a.active {
    background: #162a4c
}

#employee-list-view .content-header .filter-view.buttons a:hover i.kolay-icons,
#employee-list-view .content-header .filter-view.buttons a.active i.kolay-icons {
    color: #fff
}

#employee-list-view .content-header .filter-view.buttons a:first-child {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px
}

#employee-list-view .content-header .filter-view.buttons a:last-child {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0
}

@media (max-width: 768px) {
    #employee-list-view .content-header .filter-view.employee-filter {
        position: absolute;
        right: 10px !important;
        display: block !important;
        background: #ffffff
    }

    #employee-list-view .content-header .filter-view.employee-filter .menu {
        right: -5px !important;
        left: auto !important
    }

    #employee-list-view .content-header .filter-view.employee-filter .menu:hover+.text {
        background: transparent !important;
        color: #162a4c !important
    }

    #employee-list-view .content-header .filter-view.employee-filter .menu:hover+.text:before {
        color: #162a4c !important
    }

    #employee-list-view .content-header .filter-view.employee-filter:active:before {
        display: none
    }
}

#employee-list-view .listingContainer #detailViewContent .shape-avatar {
    width: 80px;
    height: 80px;
    border-radius: 10px !important
}

#employee-list-view .listingContainer #detailViewContent .shape-avatar .letter-avatar {
    padding-top: 30px;
    font-size: 30px;
    font-weight: 200
}

#employee-list-view .listingContainer .employeeBox {
    cursor: pointer;
    height: 224px;
    width: 235px !important;
    padding-right: 5px !important;
    padding-left: 15px;
    margin-bottom: 20px
}

#employee-list-view .listingContainer .employeeBox .ui.segment {
    min-height: 224px;
    overflow: hidden;
    margin: 0;
    display: block
}

#employee-list-view .listingContainer .employeeBox .ui.segment .employee-icon-box {
    position: absolute;
    left: 10px;
    top: 20px
}

#employee-list-view .listingContainer .employeeBox .ui.segment .employee-icon-box .icon-box {
    float: right;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    color: #162a4cb3
}

#employee-list-view .listingContainer .employeeBox .ui.segment .employee-icon-box .leaveday-icon {
    color: #79c732
}

#employee-list-view .listingContainer .employeeBox .ui.segment .employee-icon-box .leaveday-icon:hover {
    color: #1d3a64
}

#employee-list-view .listingContainer .employeeBox .ui.segment .image {
    padding-top: 7px
}

#employee-list-view .listingContainer .employeeBox .ui.segment .avatar {
    margin: 10px auto 0;
    border-radius: 10px !important;
    width: 80px;
    height: 80px;
    border-radius: 90px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    overflow: hidden
}

#employee-list-view .listingContainer .employeeBox .ui.segment .avatar img {
    width: 90px;
    margin-top: 15px
}

#employee-list-view .listingContainer .employeeBox .ui.segment .info {
    text-align: center
}

#employee-list-view .listingContainer .employeeBox .ui.segment .info .name {
    font-size: 14px;
    color: #162a4c;
    margin-top: 20px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

#employee-list-view .listingContainer .employeeBox .ui.segment .info .title,
#employee-list-view .listingContainer .employeeBox .ui.segment .info .email,
#employee-list-view .listingContainer .employeeBox .ui.segment .info .phone {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    min-width: 100%
}

@media (max-width: 767px) {

    #employee-list-view .listingContainer .employeeBox .ui.segment .info .title,
    #employee-list-view .listingContainer .employeeBox .ui.segment .info .email,
    #employee-list-view .listingContainer .employeeBox .ui.segment .info .phone {
        min-width: 92%
    }
}

#employee-list-view .listingContainer .employeeBox .ui.segment .info .title {
    margin-top: 2px;
    color: #162a4c
}

#employee-list-view .listingContainer .employeeBox .ui.segment .info .email,
#employee-list-view .listingContainer .employeeBox .ui.segment .info .phone {
    margin-top: -1px;
    color: #162a4c
}

#employee-list-view .listingContainer .employeeBox #bulkUpdateEmployeeBox .name,
#employee-list-view .listingContainer .employeeBox #bulkUpdateEmployeeBox .title,
#employee-list-view .listingContainer .employeeBox #bulkUpdateEmployeeBox .email {
    max-width: 130px
}

#employee-list-view .listingContainer .employeeBox #bulkUpdateEmployeeBox .shape-avatar {
    width: 50px !important;
    height: 50px !important
}

#employee-list-view .listingContainer .employeeBox #bulkUpdateEmployeeBox .shape-avatar .letter-avatar {
    padding-top: 16px;
    font-size: 20px
}

#employee-list-view .listingContainer .employeeBox.disabled,
#employee-list-view .listingContainer .employeeBox.disabled a {
    cursor: default
}

#employee-list-view .listingContainer .employeeBox.disabled:hover .ui.segment {
    box-shadow: 0 4px 15px #30353c0d !important;
    margin-top: 0 !important
}

#employee-list-view .listingContainer .employeeBox:hover {
    transition: all .15s ease-in-out !important
}

#employee-list-view .listingContainer .employeeBox:hover .more-horizontal {
    opacity: 1;
    top: 0
}

#employee-list-view .listingContainer .employeeBox:hover .more-horizontal .kolayicon-more-horizontal {
    color: #162a4cb3 !important;
    font-size: 16px
}

#employee-list-view .listingContainer .employeeBox:hover .more-horizontal .kolayicon-more-horizontal:hover {
    color: #162a4c !important
}

#employee-list-view .listingContainer .employeeBox:hover .more-horizontal.active a.kolayicon-more-horizontal.computer-only {
    color: #376bfb !important
}

@media (min-width: 767px) {
    #employee-list-view .listingContainer .employeeBox:hover .transition-card {
        margin-top: -3px !important
    }
}

#employee-list-view #list-view-content {
    width: 100%;
    padding-bottom: 35px !important
}

#employee-list-view #list-view-content table tr td {
    cursor: pointer
}

@media (max-width: 767px) {
    .employeeListContainer .content-header {
        background: none !important
    }

    .employeeListContainer .button.bulk-update,
    .employeeListContainer .searchContainer .ui.basic.dropdown.button.simple,
    .employeeListContainer .filter-box,
    .employeeListContainer .filter-view {
        display: none !important
    }

    .employeeListContainer .topOfEmployeeList {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 11px !important
    }

    .employeeListContainer .topOfEmployeeList .searchContainer {
        width: 200px
    }

    .employeeListContainer .ui.search-box {
        min-width: 100%
    }

    .employeeListContainer .ui.search-box .icon {
        font-size: 16px !important;
        color: #162a4c !important
    }

    .employeeListContainer .ui.search-box #searchBox {
        background-color: #fff !important;
        height: 40px !important;
        border: 0 !important;
        padding-left: 43px !important
    }
}

@media (max-width: 767px) and (max-width: 768px) {
    .employeeListContainer .ui.search-box #searchBox {
        padding-top: 0 !important
    }
}

@media (max-width: 767px) {
    .employeeListContainer .addEmployeeBtn {
        min-width: 55px
    }
}

@media (max-width: 767px) {
    #employee-list-view .listingContainer .employeeBox {
        height: auto;
        padding-bottom: 5px !important;
        padding-top: 8px !important;
        width: 100% !important;
        padding-right: 15px !important
    }

    #employee-list-view .listingContainer .employeeBox:first-child {
        padding-top: 0 !important
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment {
        min-height: auto;
        height: 110px;
        padding-top: 8px
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .image {
        position: absolute;
        text-align: left;
        padding-left: 11px
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .image .avatar {
        width: 60px;
        height: 60px
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .image .shape-avatar {
        width: 60px !important;
        height: 60px !important;
        margin-left: 0
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .image .shape-avatar .letter-avatar {
        padding-top: 19px !important
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .info {
        float: left;
        width: 100%;
        padding-top: 18px;
        text-align: left;
        padding-left: 84px
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .info .name {
        font-size: 14px;
        margin-top: 0 !important;
        font-weight: 700
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .employee-icon-box {
        right: 20px
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .employee-icon-box .icon-box {
        height: 22px;
        border-radius: 22px;
        -moz-border-radius: 22px;
        -webkit-border-radius: 22px;
        text-align: center;
        line-height: 24px;
        background: #ffffff
    }

    #employee-list-view .listingContainer .employeeBox .ui.segment .employee-icon-box .kolayicon-leave {
        margin-left: -3px
    }
}

.loading {
    overflow: hidden
}

.loading:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px;
    -webkit-animation: .6s linear infinite segment-spin;
    animation: .6s linear infinite segment-spin;
    border-radius: 500rem;
    border-color: #b1b9c2 #e3e8ed #e3e8ed #e3e8ed !important;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 1001
}

.loading:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: .28571429rem;
    z-index: 1000
}

.loading.body-overlay:before {
    position: fixed
}

.loading.hide-indicator:after {
    display: none
}

.loading.fix-loader:after {
    top: 200px
}

.loading.small:after {
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px
}

.loading.medium:after {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px
}

.loading.segment:before,
.loading.segment:after {
    z-index: 99 !important
}

.loading.loading-transparent.field.usedDays:before,
.loading.loading-transparent.sni-element-wrapper:before {
    background: rgba(255, 255, 255, .8)
}

button.ui.button.loading-button,
a.ui.button.loading-button {
    pointer-events: none !important;
    opacity: .7;
    font-size: 0px !important;
    vertical-align: top
}

button.ui.button.loading-button .loader,
button.ui.button.loading-button .loader:before,
button.ui.button.loading-button .loader:after,
a.ui.button.loading-button .loader,
a.ui.button.loading-button .loader:before,
a.ui.button.loading-button .loader:after {
    border-radius: 50%;
    width: 7px;
    height: 7px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1s infinite ease-in-out
}

button.ui.button.loading-button .loader,
a.ui.button.loading-button .loader {
    color: #fff;
    display: inline-block;
    font-size: 4px;
    margin: 7px auto;
    position: relative;
    text-indent: 0;
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    text-align: center;
    pointer-events: none !important
}

button.ui.button.loading-button .loader:before,
button.ui.button.loading-button .loader:after,
a.ui.button.loading-button .loader:before,
a.ui.button.loading-button .loader:after {
    content: "";
    position: absolute;
    top: 0
}

button.ui.button.loading-button .loader:before,
a.ui.button.loading-button .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

button.ui.button.loading-button .loader:after,
a.ui.button.loading-button .loader:after {
    left: 3.5em
}

button.ui.button.loading-button.tiny .loader,
a.ui.button.loading-button.tiny .loader {
    margin: 0 auto;
    top: -6px
}

@-webkit-keyframes load7 {

    0%,
    80%,
    to {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em
    }
}

@keyframes load7 {

    0%,
    80%,
    to {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em
    }
}

#colorbox .loading:after {
    display: none
}

#colorbox .loading:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url(modal-loading.ef65fe98273a7d27.gif) center bottom #ffffff;
    width: 100%;
    height: 100%;
    border-radius: .28571429rem;
    z-index: 100
}

.custom-modal-container.dialog.loading:after {
    display: none
}

.custom-modal-container.dialog.loading:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url(modal-loading.ef65fe98273a7d27.gif) center bottom #ffffff;
    width: 100%;
    height: 100%;
    border-radius: .28571429rem;
    z-index: 100
}

@media (max-width: 767px) {
    .custom-modal-container.dialog.loading:before {
        top: -60px;
        height: 100vh !important
    }
}

.progress-container .loading:before {
    position: fixed
}

datepicker {
    position: relative
}

datepicker .kolay-icons {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #848e9e;
    font-size: 16px
}

.mydrp,
.mydp {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    color: #acbdc4;
    width: 100% !important;
    height: 46px;
    border: 0px solid #d9e0e3 !important;
    transition: all .15s ease-in-out !important
}

.mydrp:hover,
.mydp:hover {
    transition: all .15s ease-in-out !important;
    border: 0px solid rgba(22, 42, 76, .7) !important
}

.mydrp div,
.mydp div {
    color: #acbdc4 !important
}

.mydrp input,
.mydp input {
    border: 0 !important;
    height: 46px !important;
    min-height: 46px !important
}

.mydrp input:hover,
.mydp input:hover {
    border: 0 !important
}

.mydrp .selectorarrow,
.mydp .selectorarrow {
    border: 0 !important;
    box-shadow: 0 2px 20px #0000000f;
    padding: 13px;
    width: 290px !important
}

.mydrp .selectorarrow:before,
.mydp .selectorarrow:before {
    display: none !important
}

.mydrp .weekdaytitle,
.mydp .weekdaytitle {
    background: #ffffff !important
}

.mydrp div.datevalue,
.mydp div.datevalue {
    background-color: #fbfbfb !important;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    color: #acbdc4;
    font-size: 14px !important
}

.mydrp .header *,
.mydp .header * {
    color: #acbdc4 !important
}

.mydrp .caltable,
.mydrp .daycell,
.mydrp .monthcell,
.mydrp .monthtable,
.mydrp .weekdaytitle,
.mydrp .yearcell,
.mydrp .yeartable,
.mydp .caltable,
.mydp .daycell,
.mydp .monthcell,
.mydp .monthtable,
.mydp .weekdaytitle,
.mydp .yearcell,
.mydp .yeartable,
.mydrp .nextmonth .prevmonth,
.mydp .nextmonth .prevmonth {
    color: #e6e6e6
}

.mydrp .range,
.mydp .range {
    background: transparent !important
}

.mydrp .range div,
.mydp .range div {
    background: #79c732 !important;
    color: #fff !important
}

.mydrp .daycell:hover,
.mydrp .monthcell:hover,
.mydrp .yearcell:hover,
.mydp .daycell:hover,
.mydp .monthcell:hover,
.mydp .yearcell:hover {
    background: transparent !important
}

.mydrp .daycell:hover div,
.mydrp .monthcell:hover div,
.mydrp .yearcell:hover div,
.mydp .daycell:hover div,
.mydp .monthcell:hover div,
.mydp .yearcell:hover div {
    background: #376bfb !important;
    color: #fff !important
}

.mydrp .currmonth,
.mydp .currmonth {
    background: transparent !important
}

.mydrp .weekdaytitle,
.mydp .weekdaytitle {
    color: #acbdc4 !important
}

.mydrp .btnpickerenabled .mydrpicon,
.mydrp .btnpickerenabled .mydpicon,
.mydp .btnpickerenabled .mydrpicon,
.mydp .btnpickerenabled .mydpicon {
    font-family: kolayik !important
}

.mydrp .btnpickerenabled .mydrpicon:before,
.mydrp .btnpickerenabled .mydpicon:before,
.mydp .btnpickerenabled .mydrpicon:before,
.mydp .btnpickerenabled .mydpicon:before {
    content: "\e90b" !important;
    color: #acbdc4 !important
}

.mydrp .icon-mydrpcalendar:before,
.mydp .icon-mydrpcalendar:before {
    font-family: kolayik !important;
    content: "\e90b" !important;
    color: #acbdc4 !important
}

.mydrp .btnpickerenabled,
.mydp .btnpickerenabled {
    margin-right: 5px
}

.mydrp .btnclearenabled .mydpicon,
.mydrp .btnclearenabled .mydrpicon,
.mydp .btnclearenabled .mydpicon,
.mydp .btnclearenabled .mydrpicon {
    color: #acbdc4 !important
}

.mydrp .selbtngroup button,
.mydp .selbtngroup button {
    min-height: 45px;
    margin-top: 1px
}

.mydrp .selbtngroup button:hover,
.mydp .selbtngroup button:hover {
    background: none !important
}

.mydrp .btnclear,
.mydrp .btnpicker,
.mydrp .headerclearbtn,
.mydrp .headerokbtn,
.mydp .btnclear,
.mydp .btnpicker,
.mydp .headerclearbtn,
.mydp .headerokbtn {
    background: transparent !important
}

.table-profile .image {
    float: left;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden
}

.table-profile .image img {
    width: 28px
}

.table-profile .title {
    color: #162a4c;
    float: left;
    padding-top: 4px !important;
    padding-left: 10px !important
}

.table-profile a {
    color: #162a4c
}

.table-profile a:hover {
    color: #376bfb
}

.info-undefined {
    color: #ff4c4c
}

.info-undefined .kolay-icons {
    font-size: 16px;
    float: left
}

.info-undefined .title {
    float: left;
    margin-left: 5px;
    margin-top: -1px
}

.ui.progress .bar {
    height: 10px !important;
    min-width: 0 !important
}

.sidebar::-webkit-scrollbar {
    width: 0
}

.pusher div::-webkit-scrollbar,
body ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f9f9f9
}

body::-webkit-scrollbar-thumb,
.pusher div::-webkit-scrollbar-thumb,
body ul::-webkit-scrollbar-thumb {
    background-color: #cfd4d6
}

.topMenu {
    background-color: #fff;
    min-height: 74px;
    display: flex;
    align-items: center;
    border: 0 !important
}

.topMenu .menuWithButton {
    width: 100%;
    margin: 0;
    height: 74px
}

.topMenu .menuWithButton .column {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 74px !important
}

.topMenu .menuWithButton .column.menuButton {
    min-height: 74px;
    line-height: 74px;
    padding-right: 24px !important
}

.topMenu .menuWithButton .column .addNewUserButton {
    margin-right: 0 !important
}

.topMenu .ui.secondary.pointing.menu {
    min-height: 74px;
    border-bottom: none
}

.topMenu .ui.secondary.pointing.menu>.item {
    transition: all .15s ease-in-out !important;
    line-height: 46px;
    border-bottom: none;
    margin: 0
}

.topMenu .ui.secondary.pointing.menu>.item:first-child {
    margin-left: 8px
}

.topMenu .ui.secondary.pointing.menu .active.item,
.topMenu .ui.secondary.pointing.menu .active.item:hover {
    border-color: transparent
}

.topMenu .ui.secondary.pointing.menu a.item {
    font-weight: 400
}

.topMenu .ui.secondary.pointing.menu a.item.newItem {
    padding-top: 0;
    padding-bottom: 0
}

.topMenu .ui.secondary.pointing.menu a.item span {
    transition: all .15s ease-in-out !important;
    position: relative;
    font-size: 13px;
    color: #162a4cb3;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-weight: 400
}

.topMenu .ui.secondary.pointing.menu a.item:hover span,
.topMenu .ui.secondary.pointing.menu a.item.active span {
    transition: all .15s ease-in-out !important;
    color: #162a4c
}

.topMenu .ui.secondary.pointing.menu a.item:focus {
    outline: none;
    border: none
}

.topMenu .ui.secondary.pointing.menu a.item.active>span {
    color: #376bfb
}

.topMenu .ui.secondary.pointing.menu a.item.active>span:before {
    content: "";
    border-bottom: 2px solid #376bfb;
    position: absolute;
    bottom: -12px;
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item {
    font-size: 13px;
    color: #162a4cb3 !important;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-weight: 400;
    line-height: 48px;
    background: none
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item.menu-dropdown .kolayicon-drop-arrow-down {
    top: 0
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item:hover,
.topMenu .ui.secondary.pointing.menu .dropdown.link.item:hover .icon {
    color: #1d3a64 !important
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item:hover .menu {
    top: 55px !important
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item .menu .item:hover {
    color: #376bfb !important;
    background: #f9fafc !important
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item .menu .item.active {
    color: #376bfb !important;
    font-weight: 400
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item .menu .item:first-child {
    padding-top: 15px !important;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item .menu .item:last-child {
    padding-bottom: 15px !important;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item.active>span {
    color: #162a4c
}

.topMenu .ui.secondary.pointing.menu .dropdown.link.item.active>span:before {
    content: "";
    border-bottom: 2px solid #376bfb;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.topMenu .ui.secondary.pointing.menu .ui.dropdown .menu>.item:hover {
    background: none !important
}

.topMenu .ui.secondary.pointing.menu .ui.dropdown .menu>.item.active {
    background: none !important;
    color: #376bfb !important
}

@media (max-width: 479px) {
    .topMenu {
        overflow-x: scroll
    }

    .topMenu::-webkit-scrollbar {
        height: 0
    }
}

.ui.top.attached.tabular.menu {
    border-style: hidden
}

.ui.top.attached.tabular.menu .item {
    background-color: #f9fafc;
    border-style: hidden;
    border-radius: 0 !important;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0 !important;
    color: #162a4c;
    padding: 0 32px;
    line-height: 59px;
    border-top: 2px solid #f9fafc !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.ui.top.attached.tabular.menu .item.active {
    background-color: #fff;
    border-style: hidden;
    font-size: 13px;
    font-weight: 400;
    border-top-right-radius: 0 !important;
    box-shadow: 0 2px 10px #00000008;
    margin-bottom: 0 !important;
    margin-top: -4px;
    padding-top: 4px !important;
    z-index: 1;
    line-height: 59px;
    pointer-events: none
}

.ui.top.attached.tabular.menu .item.active.active {
    border-top: 2px solid #376bfb !important
}

.ui.top.attached.tabular.menu .item.active:after {
    position: absolute;
    width: 100%;
    height: 10px;
    content: "";
    bottom: -6px;
    left: 0;
    right: 0;
    background: #ffffff
}

.ui.top.attached.tabular.menu #waiting.active {
    border-top: 2px solid #fec639 !important
}

.ui.top.attached.tabular.menu #rejected.active {
    border-top: 2px solid #ff4c4c !important
}

.ui.top.attached.tabular.menu #approved.active {
    border-top: 2px solid #79c732 !important
}

.ui.top.attached.tabular.menu #upcoming.active {
    border-top: 2px solid #376bfb !important
}

.ui.top.attached.tabular.menu .unusedLeaveAllowances,
.ui.top.attached.tabular.menu .leaveReport {
    font-size: 13px;
    font-weight: 600
}

@media (max-width: 1200px) {
    .pusher .head-title .text p {
        display: none !important
    }

    .pusher .head-title .text h2 {
        line-height: 48px
    }
}

.no-result-container {
    width: 100%;
    padding: 60px;
    text-align: center
}

.no-result-container .icon-image img {
    width: 100px;
    height: 100px
}

.no-result-container h2 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #162a4cb3 !important
}

.no-result-container p {
    font-size: 14px;
    color: #162a4cb3 !important
}

.check-container {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 0 !important;
    line-height: 20px;
    font-size: 14px;
    color: #162a4cb3;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.check-container.radio .checkmark {
    top: 3px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px
}

.check-container.radio .checkmark:after {
    content: "";
    width: 6px;
    height: 6px;
    top: 4px;
    left: 4px;
    background-color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 1
}

.check-container .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ededed;
    background-color: #ededed
}

.check-container .checkmark:after {
    font-family: kolayik;
    content: "\e917";
    font-size: 12px;
    text-align: center;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    line-height: 15px;
    left: 0;
    color: #fff;
    display: none
}

.check-container input:checked~.checkmark {
    background-color: #79c732;
    border-color: #79c732
}

.check-container input:checked~.checkmark:after {
    display: block
}

.birthday-button {
    width: 56px;
    height: 24px;
    color: #376bfb;
    text-align: center;
    font-size: 14px
}

.birthday-button span {
    line-height: 29px !important
}

.field.eight.wide.column {
    padding-bottom: 0;
    margin-bottom: 0
}

.transition-card {
    transition: all .15s ease-in-out !important;
    box-shadow: 0 4px 15px #30353c0d !important
}

@media (min-width: 767px) {
    .transition-card:hover {
        box-shadow: 0 12px 20px #30353c1a !important;
        margin-top: -3px !important
    }
}

.progressWrapper {
    position: relative;
    height: 10px;
    border-radius: 5px;
    overflow: hidden
}

.progressWrapper .ui.progress {
    margin: 0 !important;
    height: 10px
}

.progressWrapper .ui.progress .bar {
    height: 10px;
    border-radius: 5px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.progressWrapper .ui.progress.success {
    z-index: 1;
    height: 10px;
    background: transparent !important;
    border-top-left-radius: 0 !important
}

.progressWrapper .ui.progress.success.negative-unused-leave {
    background: #ff4c4c !important
}

.progressWrapper .ui.progress.success.unauthorized-leave {
    background: rgba(22, 42, 76, .7)
}

.progressWrapper .ui.progress.success .bar {
    background-color: #ff4c4c !important
}

.progressWrapper .ui.progress.error {
    position: absolute;
    width: 100%;
    transform: rotate(180deg);
    height: 10px;
    top: 0;
    right: 1px;
    z-index: 2
}

.progressWrapper .ui.progress.error .bar,
.ui.progress.success .bar {
    background-color: #79c732 !important
}

body.error-content {
    height: 100vh;
    background-image: url(404-bottom.4cc171caa531c0c2.svg) !important;
    background-position: center bottom !important;
    background-repeat: repeat-x !important
}

body.error-content side-bar,
body.error-content nav-bar,
body.error-content mobile-menu {
    display: none !important
}

body.error-content #activeContainer .outer {
    padding-left: 0
}

body.error-content .error-container {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 12%
}

body.error-content .error-container img {
    margin-left: -20px
}

body.error-content .error-container h1 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -.2px;
    margin-top: 10px;
    margin-bottom: 5px
}

body.error-content .error-container p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -.1px;
    padding-bottom: 20px
}

body.special-day .ui.sidebar,
body.special-day #activeContainer {
    margin-top: 50px !important
}

body.special-day .account {
    bottom: 50px !important
}

.special-day-sticky {
    top: 0;
    height: 50px;
    line-height: 50px;
    width: 100%;
    background: #ff4c4c;
    position: fixed;
    z-index: 999
}

.special-day-sticky span.icon {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    padding-left: 14px;
    padding-right: 10px
}

.special-day-sticky span.text {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    color: #fff
}

.special-day-sticky .close {
    float: right;
    margin-right: 24px;
    font-size: 13px;
    color: #fff
}

.active .title.tt span:after {
    content: "\e91f" !important
}

.ptr--pull:before,
.ptr--refresh:before {
    position: absolute;
    content: "";
    left: 50%;
    margin: 3.8em 0 0 -.75em;
    width: 1.5em;
    height: 1.5em;
    -webkit-animation: segment-adjust-hue .6s linear;
    animation: segment-adjust-hue .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    -moz-border-radius: 500rem;
    -webkit-border-radius: 500rem;
    border-color: #234471 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
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) {

    .ptr--pull:before,
    .ptr--refresh:before {
        margin: -2.8em 0 0 -.75em
    }
}

.ptr--pull.ptr--release:before,
.ptr--refresh.ptr--release:before {
    -webkit-animation: segment-adjust-hue .4s linear;
    animation: segment-adjust-hue .4s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 1.9em;
    height: 1.9em;
    margin: 3.8em 0 0 -.95em
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) {

    .ptr--pull.ptr--release:before,
    .ptr--refresh.ptr--release:before {
        margin: -2.8em 0 0 -.95em
    }
}

body.ios-app .ptr--pull:before,
body.ios-app .ptr--refresh:before {
    margin: 4em 0 0 -.75em !important
}

body.ios-app .ptr--pull.ptr--release:before,
body.ios-app .ptr--refresh.ptr--release:before {
    margin: 4em 0 0 -.95em !important
}

.password-show-hide {
    position: absolute;
    top: 26px;
    right: 5px;
    z-index: 9
}

.password-show-hide.no-mask:before {
    color: #d2d2d2
}

.password-show-hide:before {
    content: "\e964";
    font-family: kolayik;
    position: absolute;
    color: #162a4c;
    right: 15px;
    top: 15px
}

.left {
    float: left
}

.right {
    float: right
}

.hidden {
    display: none
}

.view-container h1 {
    font-size: 2.5em;
    margin: 15px 0 20px;
    display: inline-block
}

.view-container h1+p {
    font-size: 1.4em;
    border-bottom: none;
    padding: 0
}

.view-container>p {
    font-size: 1.2em;
    line-height: 180%
}

.view-container>p:nth-child(4) {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 30px
}

.view-container .employee-item {
    position: absolute;
    height: 50%;
    width: 64%;
    margin: auto;
    right: 0;
    left: 100px;
    top: 0;
    bottom: 0;
    padding: 0 5px
}

.view-container .employee-item>div {
    text-overflow: ellipsis;
    max-width: 215px;
    white-space: nowrap;
    overflow: hidden
}

.view-container .employee-name {
    font-size: 2em;
    margin-bottom: 8px;
    line-height: 120%
}

.view-container .employee-name a {
    color: #587593
}

.view-container .employee-name+span {
    font-size: 1.3em;
    margin-bottom: 5px;
    display: block
}

.tab-container .leftSide {
    width: 60%;
    float: left;
    display: inline-block;
    margin: 0
}

.tab-container .actionButtons {
    position: relative;
    clear: both;
    padding-top: 15px
}

.tab-container .rightSide {
    width: 40%;
    float: right;
    text-align: center;
    display: inline-block;
    padding: 30px 0;
    background-color: #f5f5f5;
    border-radius: 5px;
    margin: 0
}

.tab-container .rightSide .form-item {
    width: 80%;
    margin: 17px 10% 10px
}

.tab-container .rightSide .form-item button {
    margin: 0;
    width: 100%
}

.tab-container .timeoffInfoContainer {
    text-align: center;
    width: 250px
}

.tab-container .timeoffInfo {
    display: block;
    margin: 10px;
    font-size: 14px
}

.tab-container .form-item {
    display: inline-block;
    margin: 0 20px 10px 0;
    position: relative
}

.form-item label {
    color: #1b435d
}

.form-item i.fa {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #666
}

.mainTab .form-item {
    float: left;
    width: 40%
}

.tab-container p {
    font-size: 16px;
    margin-bottom: 40px;
    color: #777;
    line-height: 145%;
    letter-spacing: .005em
}

.tab-container h2 {
    border-bottom: 1px solid #dfdfdf;
    font-size: 21px;
    padding-bottom: 20px
}

.tab-container h1 {
    margin: 50px 40px
}

.tab-container .employee-details {
    float: none
}

.tab-container .dataGroup {
    display: block;
    background-color: transparent;
    overflow: hidden
}

.dataGroup {
    border-radius: 4px
}

.dataGroup .check-container {
    display: block !important
}

.dataGroup .check-container input {
    left: 2px !important;
    top: 5px !important
}

.dataGroup .file-type {
    padding-top: 2px;
    padding-right: 5px
}

.dataGroup .file-upload {
    font-size: 13px
}

.dataGroup .file-upload .kolayicon-plus {
    position: relative;
    top: 4px
}

.dataGroup .kolayicon-close {
    padding-top: 1px;
    cursor: pointer
}

.dataGroup .file-name {
    font-size: 12px
}

.dataGroup .file-name:hover {
    color: #376bfb;
    cursor: pointer
}

.cover {
    padding: 15px
}

.dataGroup .groupTitle {
    font-size: 16px;
    margin: 11px 0 20px;
    color: #162a4c !important;
    border-bottom: 1px solid #ddd;
    padding: 0 4px 10px 0;
    font-weight: 600
}

.dataGroup .groupTitle.digerBilgiler {
    position: absolute;
    top: -58px;
    border: 0;
    font-size: 17px
}

.bodyOverlay {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    opacity: .72;
    filter: Alpha(Opacity=72);
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 3
}

.bodyOverlay.abs {
    position: absolute !important;
    opacity: 1;
    background-color: #fff;
    filter: none
}

.bodyOverlay.opaque {
    opacity: 1;
    background: none repeat scroll 0 0 white;
    z-index: 3
}

.loadingBox .percentage {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 150px;
    color: #666;
    font-size: 18px
}

.loadingBox.inline {
    position: relative
}

.category-detail {
    margin-bottom: 26px
}

.category-detail .employee-photo {
    width: 120px;
    height: 120px;
    position: relative;
    float: left;
    border-radius: 50%;
    margin-right: 18px
}

.category-detail .employee-photo img {
    width: 100%;
    height: 100%
}

.category-detail .employee-photo span {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, .5);
    color: #ccc;
    height: 30px;
    line-height: 13px;
    width: 100%;
    text-align: center;
    font-size: .8em;
    cursor: pointer
}

.category-detail .employee-photo:hover span {
    display: block
}

.category-detail .employee-details {
    color: #555
}

.category-detail .employee-details span {
    display: block;
    font-size: 1.3em
}

.mainTab .category-detail .employee-details {
    float: left
}

.textButton {
    cursor: pointer;
    color: #aaa;
    font-size: 13px;
    margin-left: 11px;
    display: inline-block
}

.textButton:hover {
    text-decoration: underline
}

.helper {
    font-size: 14px
}

.forgot-password {
    padding-left: 28px !important
}

.password-reset-container {
    margin-bottom: 20px;
    min-width: 260px
}

.password-reset-container password-strength-bar {
    top: 10px
}

.password-reset-container form {
    margin-top: 25px
}

html .noCursor .fc-body,
body .noCursor .fc-body {
    cursor: default !important
}

html .noCursor .fc-body .fc-day:hover,
body .noCursor .fc-body .fc-day:hover,
html .noCursor .fc-body .fc-highlight,
body .noCursor .fc-body .fc-highlight {
    background: #ffffff !important
}

html textarea,
body textarea {
    resize: none
}

html .leave-rules .ui.accordion .collapsing,
html .leave-types .ui.accordion .collapsing,
body .leave-rules .ui.accordion .collapsing,
body .leave-types .ui.accordion .collapsing {
    overflow: unset !important
}

html .leave-rules .ui.accordion .ui.table,
html .leave-types .ui.accordion .ui.table,
body .leave-rules .ui.accordion .ui.table,
body .leave-types .ui.accordion .ui.table {
    margin-bottom: 0 !important
}

html.loginBody,
body.loginBody {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol
}

html.loginBody .outer,
body.loginBody .outer {
    z-index: 0;
    position: relative;
    min-height: 0;
    min-height: initial;
    height: 110vh;
    background-color: #fff
}

html.loginBody .mobile .mobile-menu,
body.loginBody .mobile .mobile-menu {
    visibility: hidden
}

html #helpCenterColorbox,
body #helpCenterColorbox {
    font-size: 15px !important;
    letter-spacing: -.2px;
    text-align: left;
    color: #162a4c
}

html #helpCenterColorbox .helpCenter,
body #helpCenterColorbox .helpCenter {
    margin-right: 30px;
    margin-top: -5px
}

html .ellipsis,
body .ellipsis {
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}

html a.btn-link,
body a.btn-link {
    padding: 0;
    color: #0097a7;
    box-shadow: none
}

html a.btn-link:hover,
html a.btn-link:active,
html a.btn-link:focus,
body a.btn-link:hover,
body a.btn-link:active,
body a.btn-link:focus {
    box-shadow: none;
    text-decoration: none !important;
    color: #00838f
}

html h2,
body h2 {
    color: #1b435d
}

html .panel-footer,
body .panel-footer {
    min-height: 40px
}

html table .status i.waiting,
html table .status i.passive,
html .panel-footer .status i.waiting,
html .panel-footer .status i.passive,
html .table-footer .status i.waiting,
html .table-footer .status i.passive,
body table .status i.waiting,
body table .status i.passive,
body .panel-footer .status i.waiting,
body .panel-footer .status i.passive,
body .table-footer .status i.waiting,
body .table-footer .status i.passive {
    color: #fec639
}

html table .status i.approved,
html table .status i.active,
html .panel-footer .status i.approved,
html .panel-footer .status i.active,
html .table-footer .status i.approved,
html .table-footer .status i.active,
body table .status i.approved,
body table .status i.active,
body .panel-footer .status i.approved,
body .panel-footer .status i.active,
body .table-footer .status i.approved,
body .table-footer .status i.active {
    color: #79c732
}

html table .status i.rejected,
html .panel-footer .status i.rejected,
html .table-footer .status i.rejected,
body table .status i.rejected,
body .panel-footer .status i.rejected,
body .table-footer .status i.rejected {
    color: #ff4c4c
}

html #helpCenterColorbox,
body #helpCenterColorbox {
    font-size: 15px !important;
    letter-spacing: -.2px;
    position: absolute;
    right: 0;
    top: 25px;
    text-align: left;
    color: #162a4c
}

html .content-wrapper,
body .content-wrapper {
    padding: 20px 10px 40px
}

html .center-block,
body .center-block {
    float: none
}

html .ellipsis,
body .ellipsis {
    max-width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

html .ellipsis.ellipsis-large,
body .ellipsis.ellipsis-large {
    max-width: 55%
}

html .ellipsis.ellipsis-x-large,
body .ellipsis.ellipsis-x-large {
    max-width: 70%
}

html .hidden-row,
body .hidden-row {
    padding: 0 !important
}

html a.btn-link,
body a.btn-link {
    padding: 0;
    color: #0097a7
}

html a.btn-link.active,
body a.btn-link.active {
    box-shadow: none
}

html a.btn-link .well.no-border,
body a.btn-link .well.no-border {
    border-color: transparent;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

html a.btn-link .link-delete,
body a.btn-link .link-delete {
    padding: 0;
    color: #cf000f;
    opacity: .8
}

html a.btn-link .link-delete:hover,
html a.btn-link .link-delete:focus,
html a.btn-link .link-delete:active,
body a.btn-link .link-delete:hover,
body a.btn-link .link-delete:focus,
body a.btn-link .link-delete:active {
    text-decoration: none;
    opacity: 1;
    color: #cf000f
}

html a.btn-link .link-edit,
body a.btn-link .link-edit {
    padding: 0;
    opacity: .8;
    color: #19b5fe
}

html a.btn-link .link-edit:hover,
html a.btn-link .link-edit:focus,
html a.btn-link .link-edit:active,
body a.btn-link .link-edit:hover,
body a.btn-link .link-edit:focus,
body a.btn-link .link-edit:active {
    text-decoration: none;
    color: #19b5fe;
    opacity: 1
}

html a.btn-link #blockerLoading .navbar.navbar-inverse.navbar-static-top,
body a.btn-link #blockerLoading .navbar.navbar-inverse.navbar-static-top {
    z-index: 4
}

html a.btn-link select[disabled=disabled],
html a.btn-link input[type=checkbox][disabled=disabled],
body a.btn-link select[disabled=disabled],
body a.btn-link input[type=checkbox][disabled=disabled] {
    opacity: .75;
    cursor: default;
    border-color: #e9e9e9
}

html a.btn-link select[disabled=disabled]:hover,
html a.btn-link input[type=checkbox][disabled=disabled]:hover,
body a.btn-link select[disabled=disabled]:hover,
body a.btn-link input[type=checkbox][disabled=disabled]:hover {
    border-color: #e9e9e9;
    opacity: .75
}

html a.btn-link datepicker[disabled=disabled],
body a.btn-link datepicker[disabled=disabled] {
    opacity: .75;
    cursor: default;
    border-color: #e9e9e9
}

html a.btn-link datepicker[disabled=disabled] input,
body a.btn-link datepicker[disabled=disabled] input {
    opacity: .75;
    cursor: default;
    border-color: #e9e9e9
}

html a.btn-link datepicker[disabled=disabled] input:hover,
body a.btn-link datepicker[disabled=disabled] input:hover {
    border-color: #e9e9e9;
    opacity: .75
}

html a.btn-link datepicker[disabled=disabled]:hover,
body a.btn-link datepicker[disabled=disabled]:hover {
    border-color: #e9e9e9;
    opacity: .75
}

html a.btn-link .action-area .text-info,
body a.btn-link .action-area .text-info {
    font-size: 12px
}

html .table>tbody>tr>th,
html .table>tbody>tr>td,
body .table>tbody>tr>th,
body .table>tbody>tr>td {
    vertical-align: middle
}

html .demoLogin,
body .demoLogin {
    margin-bottom: 17px
}

html .demoLogin .info,
body .demoLogin .info {
    font-size: 16px;
    margin: 10px 0 18px;
    display: block
}

html .infopad,
body .infopad {
    margin-left: 10px;
    font-style: italic;
    color: #999
}

html .list-group-item.blue,
body .list-group-item.blue {
    background-color: #f7fbff;
    border: 1px solid #a1c6ea;
    color: #004054
}

html .dialogBox label,
body .dialogBox label {
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: 0;
    color: #777;
    font-size: 14px
}

html .dialog .content,
body .dialog .content {
    position: relative
}

html .dialogContainer .dialogBox,
body .dialogContainer .dialogBox {
    padding: 18px 27px 13px 26px
}

html .dialogContainer h2,
body .dialogContainer h2 {
    font-size: 25px;
    margin: 0 0 24px
}

html .dialogContainer input,
body .dialogContainer input {
    margin-top: 3px
}

html .dialogContainer .button,
body .dialogContainer .button {
    float: none;
    float: initial;
    line-height: normal;
    line-height: initial
}

html .dialogContainer .save,
body .dialogContainer .save {
    margin-right: -3px;
    margin-top: 14px;
    width: 110px;
    height: 32px
}

html .dialogContainer .delete,
body .dialogContainer .delete {
    width: 50px;
    position: relative
}

html .leaveDialogContainer,
body .leaveDialogContainer {
    padding: 30px 15px
}

html label.inline,
body label.inline {
    display: inline-block;
    font-weight: 400
}

html label .ie,
body label .ie {
    font-size: 12px;
    color: #999
}

html .sub-header,
body .sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

html .navbar.navbar-inverse.navbar-static-top,
body .navbar.navbar-inverse.navbar-static-top {
    height: 65px;
    border: 0;
    margin-bottom: 0
}

html .navbar-collapse,
body .navbar-collapse {
    margin: 0
}

html .navbar-inverse,
body .navbar-inverse {
    background-color: #0a5d77;
    border-color: #080808
}

html .transaction-list .buttons>a:last-child,
body .transaction-list .buttons>a:last-child {
    margin-left: 8px
}

html .navbar-toggle,
body .navbar-toggle {
    margin-top: 19px;
    margin-left: 25px
}

html li.active.highlight,
body li.active.highlight {
    z-index: 9999 !important;
    position: relative;
    border-radius: 2px
}

html .widget .info,
body .widget .info {
    text-align: center
}

html .widget ul li,
body .widget ul li {
    padding: 2px 0
}

html .listContainer .info,
body .listContainer .info {
    padding-left: 0;
    margin: 5px 0
}

html .listContainer .info .name,
body .listContainer .info .name {
    color: #2a6496
}

html .listContainer .info .name:hover,
body .listContainer .info .name:hover {
    color: #428bca;
    cursor: pointer;
    text-decoration: none
}

html .item-box,
body .item-box {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid rgba(218, 231, 239, .32);
    border-radius: 4px
}

html .form-signin .form-signin-heading,
html .form-signin .checkbox,
body .form-signin .form-signin-heading,
body .form-signin .checkbox {
    margin-bottom: 25px;
    margin-top: 5px;
    font-size: 25px
}

html .form-signin .checkbox,
body .form-signin .checkbox {
    font-weight: 400
}

html .form-signin .form-control,
body .form-signin .form-control {
    position: relative;
    height: auto;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px
}

html .form-signin .form-control:focus,
body .form-signin .form-control:focus {
    z-index: 2
}

html #resetPasswordForm,
body #resetPasswordForm {
    margin-top: 10px
}

html #resetPassword,
body #resetPassword {
    margin-top: 50px
}

html login,
body login {
    background: #ffffff !important;
    float: left;
    width: 100%
}

html login .content-container,
body login .content-container {
    height: 100%
}

html login .ui.grid,
body login .ui.grid {
    margin: auto !important
}

html login .outer,
body login .outer {
    padding-left: 0 !important
}

html login .outer .content-container .ui.stackable.grid,
body login .outer .content-container .ui.stackable.grid {
    height: 100%
}

html login #forgot-password .field:last-child a,
body login #forgot-password .field:last-child a {
    color: #376bfb;
    font-size: 13px
}

html login #login .carouselCapture,
html login #login .slider-navigation,
html login #reset-password .carouselCapture,
html login #reset-password .slider-navigation,
body login #login .carouselCapture,
body login #login .slider-navigation,
body login #reset-password .carouselCapture,
body login #reset-password .slider-navigation {
    display: none
}

html login #login .ui.segment,
html login #reset-password .ui.segment,
body login #login .ui.segment,
body login #reset-password .ui.segment {
    box-shadow: none
}

html login #login .ui.segment .image.small,
html login #reset-password .ui.segment .image.small,
body login #login .ui.segment .image.small,
body login #reset-password .ui.segment .image.small {
    width: 200px !important;
    max-height: 200px;
    display: inline;
    display: initial
}

html login #login .ui.toggle.checkbox .box:before,
html login #login .ui.toggle.checkbox label:before,
html login #reset-password .ui.toggle.checkbox .box:before,
html login #reset-password .ui.toggle.checkbox label:before,
body login #login .ui.toggle.checkbox .box:before,
body login #login .ui.toggle.checkbox label:before,
body login #reset-password .ui.toggle.checkbox .box:before,
body login #reset-password .ui.toggle.checkbox label:before {
    width: 50px !important
}

html login #login .ui.toggle.checkbox.right-aligned label:after,
html login #reset-password .ui.toggle.checkbox.right-aligned label:after,
body login #login .ui.toggle.checkbox.right-aligned label:after,
body login #reset-password .ui.toggle.checkbox.right-aligned label:after {
    right: 22px
}

html login #login .ui.toggle.checkbox label,
html login #reset-password .ui.toggle.checkbox label,
body login #login .ui.toggle.checkbox label,
body login #reset-password .ui.toggle.checkbox label {
    padding-top: 5px !important
}

html login #login .ui.toggle.checkbox.right-aligned label,
html login #reset-password .ui.toggle.checkbox.right-aligned label,
body login #login .ui.toggle.checkbox.right-aligned label,
body login #reset-password .ui.toggle.checkbox.right-aligned label {
    padding-right: 35px !important
}

html login #login .center-header,
html login #reset-password .center-header,
body login #login .center-header,
body login #reset-password .center-header {
    margin-bottom: 15px
}

html login #login .center-header .logo-center a img,
html login #reset-password .center-header .logo-center a img,
body login #login .center-header .logo-center a img,
body login #reset-password .center-header .logo-center a img {
    width: 100px;
    height: auto
}

html login #login .reset-title,
html login #reset-password .reset-title,
body login #login .reset-title,
body login #reset-password .reset-title {
    color: #004054;
    line-height: 1.25em;
    margin-bottom: 10px;
    margin-top: 0
}

html login #login .sub-domain,
html login #reset-password .sub-domain,
body login #login .sub-domain,
body login #reset-password .sub-domain {
    display: flex;
    justify-content: left;
    align-items: center;
    align-content: center;
    height: 100%;
    position: relative;
    flex-wrap: wrap;
    max-width: 272px
}

html login #login .sub-domain label,
html login #reset-password .sub-domain label,
body login #login .sub-domain label,
body login #reset-password .sub-domain label {
    display: block;
    width: 100%;
    font-size: 14px
}

html login #login .sub-domain input,
html login #reset-password .sub-domain input,
body login #login .sub-domain input,
body login #reset-password .sub-domain input {
    display: inline-block;
    width: 150px
}

html login .logo-container,
body login .logo-container {
    text-align: center;
    padding-bottom: 20px
}

html login .logo-container img,
body login .logo-container img {
    width: 280px
}

html login .image-content,
body login .image-content {
    background: #1C6758;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

html login .image-content .center-content,
body login .image-content .center-content {
    width: 100%;
    text-align: center;
    line-height: normal;
    color: #fff
}

html login .image-content .center-content .title,
body login .image-content .center-content .title {
    font-size: 30px;
    /* padding-top: 20px */
}

html login .image-content .center-content .text,
body login .image-content .center-content .text {
    font-size: 18px;
    padding-top: 15px
}

html login .image-content .center-content .button,
body login .image-content .center-content .button {
    padding: 15px
}

html login .image-content .center-content .button a,
body login .image-content .center-content .button a {
    display: inline-block;
    width: 270px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    border: 1px solid #ffffff;
    color: #fff;
    letter-spacing: 3px;
    border-radius: 3px;
    font-size: 18px
}

html #logoCapture,
body #logoCapture {
    font-size: 20px !important;
    margin-top: -15px;
    text-align: center;
    margin-bottom: 6px
}

html #logoCapture a,
body #logoCapture a {
    font-size: 20px !important
}

html .logo-center h3,
body .logo-center h3 {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-size: 15px;
    font-weight: 700
}

html .logo-center a,
body .logo-center a {
    color: #376bfb;
    font-size: 15px
}

html .logo-center a img,
body .logo-center a img {
    width: 100px;
    height: auto;
    margin-bottom: 32px
}

html .logo-center p,
body .logo-center p {
    font-style: italic;
    color: #e2e6e6;
    font-size: 15px;
    margin-top: 10px;
    font-weight: 300;
    letter-spacing: .05em
}

html .forgotPass .form-group,
body .forgotPass .form-group {
    margin-top: 30px
}

html .forgotPass .field span a,
body .forgotPass .field span a {
    color: #376bfb;
    font-size: 15px
}

html input::-webkit-input-placeholder,
html .ui.form ::-webkit-input-placeholder,
body input::-webkit-input-placeholder,
body .ui.form ::-webkit-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-size: 13px;
    text-align: left
}

html .leaveListWidget .panel-title small,
body .leaveListWidget .panel-title small {
    line-height: 16px
}

html .leaveListWidget .name:hover,
body .leaveListWidget .name:hover {
    cursor: pointer
}

html .titleListing,
body .titleListing {
    width: 400px
}

html .listingTypes,
body .listingTypes {
    display: inline;
    margin-top: 15px
}

html .listingTypes ul,
body .listingTypes ul {
    margin-bottom: 0;
    position: relative
}

html .listingTypes ul li.active a,
body .listingTypes ul li.active a {
    color: #2f7984
}

html .listingTypes ul li a,
body .listingTypes ul li a {
    text-decoration: none;
    color: #8c9d9d
}

html .listingTypes ul li a:hover,
html .listingTypes ul li a:active,
html .listingTypes ul li a:visited,
html .listingTypes ul li a:focus,
body .listingTypes ul li a:hover,
body .listingTypes ul li a:active,
body .listingTypes ul li a:visited,
body .listingTypes ul li a:focus {
    color: #34495e;
    text-decoration: none
}

html .page-title,
body .page-title {
    margin-bottom: 20px;
    border-bottom: 2px solid #dae7ef;
    position: relative;
    top: 0;
    display: block;
    float: none;
    clear: both;
    padding-bottom: 5px;
    line-height: 37px
}

html .page-title .col-xs-12,
body .page-title .col-xs-12 {
    position: relative;
    top: -5px;
    margin-left: 15px
}

html .white-dialog.with-dropdown #cboxLoadedContent,
body .white-dialog.with-dropdown #cboxLoadedContent {
    overflow: visible !important
}

html .white-dialog.with-dropdown #cboxLoadedContent .content,
body .white-dialog.with-dropdown #cboxLoadedContent .content {
    min-height: 180px !important
}

html .nav.nav-tabs,
body .nav.nav-tabs {
    border-bottom-color: #efefef
}

html .nav.nav-tabs li a,
body .nav.nav-tabs li a {
    border: none;
    color: #a09a98;
    cursor: pointer
}

html .nav-tabs>li.active>a,
html .nav-tabs>li.active>a:hover,
html .nav-tabs>li.active>a:focus,
body .nav-tabs>li.active>a,
body .nav-tabs>li.active>a:hover,
body .nav-tabs>li.active>a:focus {
    color: #5d473f;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #ff9800
}

html .nav-tabs>li>a:hover,
html .nav>li>a:hover,
html .nav>li>a:focus,
body .nav-tabs>li>a:hover,
body .nav>li>a:hover,
body .nav>li>a:focus {
    background-color: transparent;
    border: none
}

html .jobTitleList a.list-group-item:hover,
body .jobTitleList a.list-group-item:hover {
    cursor: pointer
}

html .qtip-default,
body .qtip-default {
    max-width: 450px;
    background-color: #f78b83;
    border-color: #d95252;
    color: #fff
}

html .qtip .message,
body .qtip .message {
    font-size: 14px;
    line-height: 19px
}

html .qtip .buttons,
body .qtip .buttons {
    float: right
}

html .qtip .buttons button,
body .qtip .buttons button {
    height: 25px;
    margin-left: 5px;
    color: #d95252
}

html .qtip .buttons button:hover,
body .qtip .buttons button:hover {
    background: linear-gradient(180deg, #eeeeee 0%, white 101%)
}

html #jobTitleDialog .dialogBox,
body #jobTitleDialog .dialogBox {
    width: 300px;
    position: absolute
}

html .actions button.edit,
body .actions button.edit {
    margin-right: 5px
}

html .action-area,
body .action-area {
    margin-bottom: 20px
}

html .formItems,
body .formItems {
    clear: both;
    min-height: 130px;
    padding: 0
}

html .formItems>div,
body .formItems>div {
    margin-top: 15px
}

html .mainTab .category-detail,
body .mainTab .category-detail {
    padding: 0;
    margin-top: 20px
}

html .mainTab .employee .formItems input,
html .mainTab .employee .formItems select,
body .mainTab .employee .formItems input,
body .mainTab .employee .formItems select {
    border: none;
    padding: 0;
    background: none
}

html .mainTab .employee .formItems select[disabled=disabled],
body .mainTab .employee .formItems select[disabled=disabled] {
    -webkit-appearance: none
}

html .table-fixed tr,
body .table-fixed tr {
    width: 100%;
    display: inline-table;
    height: 35px;
    table-layout: fixed
}

html .table-fixed tr td,
body .table-fixed tr td {
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: none !important
}

html table.table-fixed,
body table.table-fixed {
    height: 330px;
    display: -moz-groupbox
}

html table.table-fixed thead,
body table.table-fixed thead {
    border-bottom: 1px solid #ece7e7
}

html table.table-fixed thead tr td,
html table.table-fixed thead tr th,
body table.table-fixed thead tr td,
body table.table-fixed thead tr th {
    text-align: center
}

html .table-fixed tbody,
body .table-fixed tbody {
    overflow-y: scroll;
    height: 81%;
    position: absolute
}

html .table-fixed tbody tr:first-child td,
body .table-fixed tbody tr:first-child td {
    border-top: none
}

html .flatpickr-rContainer+.flatpickr-time,
body .flatpickr-rContainer+.flatpickr-time {
    border: 1px solid rgba(72, 72, 72, .1);
    border-radius: 0 !important
}

html .flatpickr-calendar.hasTime .flatpickr-time,
body .flatpickr-calendar.hasTime .flatpickr-time {
    border: 1px solid rgba(72, 72, 72, .1);
    border-radius: 4px
}

html .user .employee-card,
body .user .employee-card {
    padding: 10px;
    background-color: #9fafba7a;
    color: #0a5d77;
    min-height: 60px;
    border-radius: 4px 4px 0 0
}

html .user .employee-card img,
body .user .employee-card img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    position: relative;
    top: -5px;
    margin-right: 10px;
    border: 1px solid rgba(0, 64, 84, .36)
}

html .user .employee-card .nameContainer,
body .user .employee-card .nameContainer {
    display: inline-block
}

html .user .employee-card .controls,
body .user .employee-card .controls {
    display: inline-block;
    float: left
}

html .user .employee-card .controls span,
body .user .employee-card .controls span {
    position: relative;
    top: 7px
}

html .user .employee-card .controls span i,
body .user .employee-card .controls span i {
    font-size: 22px;
    margin-right: 10px
}

html .user .paper .content,
body .user .paper .content {
    position: relative
}

html .user .paper .content.assets .empty-tab,
html .user .paper .content.trainings .empty-tab,
html .user .paper .content.leaveDays .empty-tab,
html .user .paper .content.files .empty-tab,
html .user .paper .content.salary .empty-tab,
body .user .paper .content.assets .empty-tab,
body .user .paper .content.trainings .empty-tab,
body .user .paper .content.leaveDays .empty-tab,
body .user .paper .content.files .empty-tab,
body .user .paper .content.salary .empty-tab {
    padding: 0
}

html .user .paper .content .controls,
body .user .paper .content .controls {
    margin-bottom: 20px
}

html .nav .open>a,
html .nav .open>a:hover,
html .nav .open>a:focus,
body .nav .open>a,
body .nav .open>a:hover,
body .nav .open>a:focus {
    background-color: #f2f5f7
}

html .navbar-minimalize,
body .navbar-minimalize {
    background: transparent;
    border: none;
    box-shadow: none;
    left: 20%;
    top: -10px;
    position: relative
}

html .navbar-minimalize:hover,
html .navbar-minimalize:active,
body .navbar-minimalize:hover,
body .navbar-minimalize:active {
    background: transparent;
    color: #3a676d;
    box-shadow: none
}

html .navbar-minimalize i,
body .navbar-minimalize i {
    margin: 0
}

html .userProfileBurgerMenu .photo,
body .userProfileBurgerMenu .photo {
    margin: 12px 0;
    display: block
}

html .userProfileBurgerMenu .photo img,
body .userProfileBurgerMenu .photo img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

html .warningText,
body .warningText {
    padding: 15px 10px
}

html .notifications,
body .notifications {
    float: right !important;
    border-left: 1px solid #5b6681
}

html .notifications .count,
body .notifications .count {
    border-radius: 50%;
    display: block;
    background: #e74c3c;
    width: 16px;
    height: 16px;
    font-size: 8pt;
    position: absolute;
    line-height: 16px;
    text-align: center;
    bottom: 38px;
    left: 27px
}

html .notifications .dropdown-toggle:hover .fa,
body .notifications .dropdown-toggle:hover .fa {
    color: #22313f
}

html .notifications .dropdown-toggle:hover,
body .notifications .dropdown-toggle:hover {
    background-color: #004054
}

html .notifications .dropdown-toggle:hover i,
body .notifications .dropdown-toggle:hover i {
    color: #fff !important
}

html .notifications .dropdown.open,
body .notifications .dropdown.open {
    border-bottom: 1px solid #e5e5e5;
    border-top: transparent;
    background-color: #1b435d
}

html .notifications .dropdown,
body .notifications .dropdown {
    height: 100%;
    margin-top: 0
}

html .notifications .dropdown li,
body .notifications .dropdown li {
    color: #22313f;
    padding: 9px;
    border-bottom: 1px solid #cbdeec;
    position: relative;
    cursor: pointer
}

html .notifications .dropdown li:hover,
body .notifications .dropdown li:hover {
    background-color: #acc9d833
}

html .notifications .dropdown li:last-child,
body .notifications .dropdown li:last-child {
    border-bottom: none
}

html .notifications .dropdown li.unread,
body .notifications .dropdown li.unread {
    background-color: #5bc0de45
}

html .notifications .dropdown .dropdown-menu,
body .notifications .dropdown .dropdown-menu {
    max-height: 300px;
    width: 320px;
    overflow: auto;
    background: #f6f6f6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top: transparent
}

html .notifications .dropdown .dropdown-menu .warningText,
body .notifications .dropdown .dropdown-menu .warningText {
    padding: 10px
}

html .notifications .dropdown-toggle,
body .notifications .dropdown-toggle {
    height: 65px;
    line-height: 65px;
    color: #c6c9d0;
    display: block;
    font-size: 18pt;
    cursor: pointer;
    padding: 0 15px
}

html .green,
body .green {
    color: #388e3c
}

html .red,
body .red {
    color: #d71121
}

html .payment table td,
body .payment table td {
    padding-right: 10px
}

html .payment table .total td,
body .payment table .total td {
    padding-top: 20px
}

html .payment .payment-question,
body .payment .payment-question {
    padding-top: 10px
}

html .payrollScreen,
body .payrollScreen {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #0006;
    width: 100%;
    height: 100%
}

html .payrollScreen .canvas,
body .payrollScreen .canvas {
    background: white;
    max-width: 1000px;
    margin: 90px auto 0
}

html .registerNowButton,
body .registerNowButton {
    background: #ad2a2a;
    border: none;
    color: #efefef;
    font-size: 15px;
    padding: 6px 30px;
    display: inline-block;
    position: relative;
    float: right
}

html .registerNowButton:hover,
html .registerNowButton:active,
html .registerNowButton:focus,
body .registerNowButton:hover,
body .registerNowButton:active,
body .registerNowButton:focus {
    background: #ac000b;
    border: none;
    color: #fff
}

html .dateInputContainer input,
body .dateInputContainer input {
    width: 300px
}

html .dateInputContainer i,
body .dateInputContainer i {
    left: -22px;
    position: relative
}

html table.details,
body table.details {
    color: #333;
    font-size: 15px;
    margin-top: 15px;
    padding: 10px
}

html table.details tr td:hover>a.edit-link,
body table.details tr td:hover>a.edit-link {
    display: block
}

html table.details tr td a.edit-link,
body table.details tr td a.edit-link {
    display: none;
    position: absolute;
    font-size: 12px;
    right: 30px;
    line-height: 30px;
    top: 0
}

html table.details .labelText,
body table.details .labelText {
    text-align: left;
    color: #1b435d
}

html table.details tr td,
body table.details tr td {
    position: relative;
    border-top: none !important;
    padding: 0 15px 26px 0
}

html table.details tr td:nth-child(3),
body table.details tr td:nth-child(3) {
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 10px
}

html table.details tr td:nth-child(3) span,
body table.details tr td:nth-child(3) span {
    line-height: 38px
}

html table.details tr td:nth-child(3) i,
body table.details tr td:nth-child(3) i {
    font-size: 21px;
    padding-bottom: 10px
}

html .tabContent,
body .tabContent {
    margin-left: 10px
}

html .bulkImportButton,
body .bulkImportButton {
    float: right;
    margin: 6px 15px 0 0;
    color: #888;
    text-decoration: underline
}

html .importSteps,
body .importSteps {
    margin-top: 20px
}

html .supportNotice,
body .supportNotice {
    font-size: 14px;
    max-width: 100%;
    border-radius: 3px
}

html .errorList ul li,
body .errorList ul li {
    font-weight: 700;
    color: #e74c3c
}

html .month-picker-container,
body .month-picker-container {
    padding-right: 0
}

html .month-picker-container .btn.btn-info,
body .month-picker-container .btn.btn-info {
    float: right;
    margin-left: 10px
}

html .salaryEditContent>input,
body .salaryEditContent>input {
    margin-bottom: 5px
}

html .salaryEditBox,
body .salaryEditBox {
    width: 270px;
    display: block;
    position: relative;
    margin: 18px auto auto
}

html .salaryEditBox *:not(i),
body .salaryEditBox *:not(i) {
    width: 100%;
    margin: 0 0 4px
}

html .salaryEditBox h2,
body .salaryEditBox h2 {
    margin-bottom: 23px
}

html .salaryEditBox textarea,
body .salaryEditBox textarea {
    height: 70px;
    resize: none
}

html .salaryEditBox button,
body .salaryEditBox button {
    width: 100%
}

html .salaryEditBox .calendarContainer,
body .salaryEditBox .calendarContainer {
    position: relative;
    display: block
}

html .salaryEditBox .calendarContainer i.fa,
body .salaryEditBox .calendarContainer i.fa {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666
}

html .salaryHistoryListing table tr td.comment,
body .salaryHistoryListing table tr td.comment {
    max-width: 150px
}

html .payment-plans,
body .payment-plans {
    margin-top: 20px;
    margin-bottom: 20px
}

html .payment-plans .btn-group button,
body .payment-plans .btn-group button {
    padding: 15px 20px;
    color: #fff;
    background-color: #1a72b3;
    border-color: #1a7db3
}

html .payment-plans .btn-group button span.employee-count,
body .payment-plans .btn-group button span.employee-count {
    font-size: 9pt
}

html .payment-plans .btn-group button:hover,
body .payment-plans .btn-group button:hover {
    background-color: #1863a6
}

html .payment-plans .btn-group button.btn.active,
body .payment-plans .btn-group button.btn.active {
    background-color: #1863a6;
    border-color: #1874a6;
    color: #fff
}

html #employee-form,
body #employee-form {
    padding: 0
}

html #employee-form .select-month,
body #employee-form .select-month {
    width: 120px
}

html #employee-form .select-month select,
body #employee-form .select-month select {
    padding: 0
}

html #employee-form .select-month+p,
body #employee-form .select-month+p {
    font-size: 23px
}

html #employee-form .salaryHistoryListing,
body #employee-form .salaryHistoryListing {
    margin-top: 10px
}

html .salaryHistoryListing,
body .salaryHistoryListing {
    float: left;
    width: 100%;
    border-color: #51dacf
}

html .salaryHistoryListing .panel,
body .salaryHistoryListing .panel,
html .salaryHistoryListing .panel .panel-heading,
body .salaryHistoryListing .panel .panel-heading {
    border-color: #428bca
}

html .salaryHistoryListing .panel .panel-heading button,
body .salaryHistoryListing .panel .panel-heading button {
    background-color: #16a085;
    border-color: #16a085
}

html .salaryHistoryListing .panel .panel-heading button:hover,
body .salaryHistoryListing .panel .panel-heading button:hover {
    background-color: #1abc9c
}

html .salaryHistoryListing .panel .buttons .dropdown .btn,
body .salaryHistoryListing .panel .buttons .dropdown .btn {
    background-color: #ffb638;
    border-color: #f7a517;
    color: #fff
}

html .salaryHistoryListing .progress,
body .salaryHistoryListing .progress {
    margin-top: 55px;
    margin-bottom: 15px
}

html #salary-history,
body #salary-history {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 230px
}

html #salary-history .salary-items thead tr th,
body #salary-history .salary-items thead tr th {
    text-align: center
}

html .transactionHistoryListing,
body .transactionHistoryListing {
    position: relative
}

html .transactionHistoryListing .showFilters,
body .transactionHistoryListing .showFilters {
    cursor: pointer
}

html .transactionHistoryListing .action-container button i,
body .transactionHistoryListing .action-container button i,
html .transactionHistoryListing .btn-transaction i,
body .transactionHistoryListing .btn-transaction i {
    font-size: 20px;
    margin: 0
}

html .transactionHistoryListing .panel,
body .transactionHistoryListing .panel {
    margin-top: 10px;
    border-color: #a1c6ea
}

html .transactionHistoryListing .panel .panel-footer,
body .transactionHistoryListing .panel .panel-footer {
    overflow: auto;
    background-color: #e6f0f2;
    border-color: #a1c6ea
}

html .transactionHistoryListing .panel .panel-footer ul.list-inline,
body .transactionHistoryListing .panel .panel-footer ul.list-inline {
    margin: 5px 0
}

html .transactionHistoryListing .panel.panel-default>.panel-heading,
body .transactionHistoryListing .panel.panel-default>.panel-heading {
    background-color: #e6f0f2;
    border-color: #a1c6ea;
    color: #1b435d
}

html .transactionHistoryListing .panel .table,
body .transactionHistoryListing .panel .table {
    margin-bottom: 0
}

html .transactionHistoryListing .panel .table tr,
body .transactionHistoryListing .panel .table tr {
    cursor: pointer
}

html .transactionHistoryListing .panel .table tr td.hidden-row,
body .transactionHistoryListing .panel .table tr td.hidden-row {
    padding: 0
}

html .transactionHistoryListing .panel .table tbody+tbody,
body .transactionHistoryListing .panel .table tbody+tbody {
    border-top: none
}

html .transactionHistoryListing .optionContainer,
body .transactionHistoryListing .optionContainer {
    padding-right: 0;
    padding-left: 15px
}

html .transactionHistoryListing .optionContainer .searchContainer label,
body .transactionHistoryListing .optionContainer .searchContainer label {
    float: left;
    display: inline-block;
    line-height: 30px;
    margin-right: 3px
}

html .transactionHistoryListing .optionContainer .searchContainer .ui-select-container,
body .transactionHistoryListing .optionContainer .searchContainer .ui-select-container {
    border-color: #f3b5a1;
    display: inline-block;
    float: left;
    width: 70%
}

html .transactionHistoryListing #transaction-list tbody:nth-child(odd) td,
body .transactionHistoryListing #transaction-list tbody:nth-child(odd) td {
    background: #f9fafc;
    padding-bottom: 10px !important
}

html .transactionHistoryListing #transaction-list tbody:nth-child(even) td,
body .transactionHistoryListing #transaction-list tbody:nth-child(even) td {
    background: #ffffff;
    padding-bottom: 10px !important
}

html .transactionHistoryListing #transaction-list tbody:last-child td,
body .transactionHistoryListing #transaction-list tbody:last-child td {
    padding-bottom: 10px !important
}

html .transactionHistoryListing #transaction-list .payment-download-list,
body .transactionHistoryListing #transaction-list .payment-download-list {
    text-align: right
}

html .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list,
body .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list {
    width: 100% !important;
    background-color: transparent;
    position: relative
}

html .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list tr th,
body .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list tr th {
    background: transparent !important;
    border-bottom: 2px solid #ededed !important
}

html .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list td,
body .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list td {
    background: transparent !important
}

html .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list .receipt-row .receipt-file-name,
body .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list .receipt-row .receipt-file-name {
    text-align: right;
    word-break: break-all
}

html .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list .receipt-row .receipt-download-icon,
body .transactionHistoryListing #transaction-list .transaction-item-row #transactionItem-list .receipt-row .receipt-download-icon {
    text-align: right
}

@media (max-width: 767px) {

    html .transactionHistoryListing #transaction-list.ui.table tr.computer-only,
    body .transactionHistoryListing #transaction-list.ui.table tr.computer-only {
        display: none !important
    }
}

@media (max-width: 767px) {

    html .transactionHistoryListing #transaction-list,
    body .transactionHistoryListing #transaction-list,
    html .transactionHistoryListing #transaction-list td,
    html .transactionHistoryListing #transaction-list tr,
    body .transactionHistoryListing #transaction-list td,
    body .transactionHistoryListing #transaction-list tr {
        background: #ffffff !important
    }
}

html .receipt-fields,
body .receipt-fields {
    margin: 0 !important;
    background-color: #f9fafc;
    border-bottom: 2px solid #ededed;
    position: relative
}

html .receipt-fields .file-type,
body .receipt-fields .file-type {
    padding-top: 13px;
    font-size: 18px;
    position: absolute;
    left: 0px
}

html .receipt-fields .file-name,
body .receipt-fields .file-name {
    cursor: default !important
}

html .receipt-fields .file-type-loading,
body .receipt-fields .file-type-loading {
    margin-right: 50px
}

html .approval-transaction-items,
body .approval-transaction-items {
    background-color: #fff !important;
    width: 100%;
    border-bottom: none !important;
    padding-bottom: 10 !important;
    padding-top: 10 !important
}

html .approval-transaction-items .file-type,
body .approval-transaction-items .file-type {
    padding-top: 0 !important
}

html .approval-transaction-items .column,
body .approval-transaction-items .column {
    padding: 0
}

html .receipt-header,
body .receipt-header {
    border-bottom: 2px solid #ededed !important
}

html .file-name-approval,
body .file-name-approval {
    word-break: break-all
}

@media (max-width: 480px) {

    html .approval-transaction-items .file-type,
    body .approval-transaction-items .file-type {
        pointer-events: none
    }

    html .ellipsis-mobile,
    body .ellipsis-mobile {
        max-width: 30px !important
    }
}

html .optionContainer,
body .optionContainer {
    padding-right: 0
}

html .optionContainer .searchContainer label,
body .optionContainer .searchContainer label {
    float: left;
    display: inline-block;
    line-height: 30px;
    margin-right: 3px
}

html .optionContainer .searchContainer .ui-select-container,
body .optionContainer .searchContainer .ui-select-container {
    border-color: #f3b5a1;
    display: inline-block;
    float: left;
    width: 70%
}

html .person-dropdown-container,
body .person-dropdown-container {
    max-width: 510px;
    position: relative
}

html .person-dropdown-container i.fa-adjust-huener,
body .person-dropdown-container i.fa-adjust-huener {
    position: absolute;
    top: 10px;
    right: 10px
}

html personselectbox .dropdown-menu,
body personselectbox .dropdown-menu {
    display: block;
    max-height: 330px;
    min-width: 200px;
    width: 90%;
    overflow: auto
}

html personselectbox .dropdown-menu .active button,
html personselectbox .dropdown-menu .active button:hover,
html personselectbox .dropdown-menu .active button:focus,
html personselectbox .dropdown-menu .active a,
html personselectbox .dropdown-menu .active a:hover,
html personselectbox .dropdown-menu .active a:focus,
body personselectbox .dropdown-menu .active button,
body personselectbox .dropdown-menu .active button:hover,
body personselectbox .dropdown-menu .active button:focus,
body personselectbox .dropdown-menu .active a,
body personselectbox .dropdown-menu .active a:hover,
body personselectbox .dropdown-menu .active a:focus {
    background-color: #cfd4d6 !important;
    color: #333
}

html personselectbox .uib-typeahead-match a,
html personselectbox .uib-typeahead-match button,
body personselectbox .uib-typeahead-match a,
body personselectbox .uib-typeahead-match button {
    padding: 6px !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

html personselectbox .uib-typeahead-match a .avatar,
html personselectbox .uib-typeahead-match button .avatar,
body personselectbox .uib-typeahead-match a .avatar,
body personselectbox .uib-typeahead-match button .avatar {
    height: 100%;
    float: left
}

html personselectbox .uib-typeahead-match a .avatar .employeePhoto,
html personselectbox .uib-typeahead-match button .avatar .employeePhoto,
body personselectbox .uib-typeahead-match a .avatar .employeePhoto,
body personselectbox .uib-typeahead-match button .avatar .employeePhoto {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

html personselectbox .ui-select-container ul,
body personselectbox .ui-select-container ul {
    max-height: 90px !important
}

html personselectbox .ui-select-container .avatar,
body personselectbox .ui-select-container .avatar {
    height: 100%;
    float: left;
    margin-right: 10px
}

html personselectbox .ui-select-container .avatar .employeePhoto,
body personselectbox .ui-select-container .avatar .employeePhoto {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

html personselectbox .ui-select-container .fullName,
body personselectbox .ui-select-container .fullName {
    max-width: 146px;
    display: inline-block;
    line-height: 30px
}

html personselectbox .ui-select-container .ui-select-choices-row>a,
body personselectbox .ui-select-container .ui-select-choices-row>a {
    padding: 5px 10px
}

html .side .details .ui-select-container i.glyphicon,
body .side .details .ui-select-container i.glyphicon {
    font-size: 11px
}

html .side .details .ui-select-bootstrap>.ui-select-match>.btn,
body .side .details .ui-select-bootstrap>.ui-select-match>.btn {
    background-color: #e3f2f7;
    border-color: #a1c6ea;
    color: #1b435d
}

html .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default:hover,
html .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default:focus,
html .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default:active,
html .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default.active,
html .side .details .ui-select-bootstrap>.ui-select-match>.btn.open>.dropdown-toggle.btn-default,
body .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default:hover,
body .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default:focus,
body .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default:active,
body .side .details .ui-select-bootstrap>.ui-select-match>.btn.btn-default.active,
body .side .details .ui-select-bootstrap>.ui-select-match>.btn.open>.dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #a1c6ea;
    color: #1b435d
}

html .panel.panel-brown,
body .panel.panel-brown {
    border-color: #c0b7b4
}

html .pagination>li>a,
html .pagination>li>span,
body .pagination>li>a,
body .pagination>li>span {
    color: #587593
}

html .pagination>.active>a,
html .pagination>.active>span,
html .pagination>.active>a:hover,
html .pagination>.active>span:hover,
html .pagination>.active>a:focus,
html .pagination>.active>span:focus,
body .pagination>.active>a,
body .pagination>.active>span,
body .pagination>.active>a:hover,
body .pagination>.active>span:hover,
body .pagination>.active>a:focus,
body .pagination>.active>span:focus {
    background-color: #587593;
    border-color: #4a78a7
}

html .pagination.employeeList,
body .pagination.employeeList {
    margin: 40px 15px 60px
}

html input[disabled],
body input[disabled] {
    text-overflow: ellipsis
}

html #step4.side .buttons #save.button.save,
body #step4.side .buttons #save.button.save {
    background-color: #587593 !important;
    color: #fff !important
}

html .hiddenMenuItems,
body .hiddenMenuItems {
    position: absolute;
    top: 0;
    right: 0
}

html .hiddenMenuItems :hover,
body .hiddenMenuItems :hover {
    background: #f5f5f5
}

html .hiddenMenuItems button,
body .hiddenMenuItems button {
    height: 40px;
    padding: 0 8px;
    background: none;
    color: #fff;
    border-radius: 0
}

html .hiddenMenuItems :hover ul,
body .hiddenMenuItems :hover ul {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

html .hiddenMenuItems ul,
body .hiddenMenuItems ul {
    margin-top: -2px;
    background: none
}

html .hiddenMenuItems ul li,
body .hiddenMenuItems ul li {
    display: block !important;
    width: 100%
}

html .hiddenMenuItems ul li:hover,
body .hiddenMenuItems ul li:hover {
    color: #555 !important
}

html .hiddenMenuItems ul li:first-child,
body .hiddenMenuItems ul li:first-child {
    margin-left: 0 !important
}

html .noItemError,
body .noItemError {
    color: #9f6000;
    display: inline-block;
    background-color: #feefb3;
    padding: 15px 20px;
    border-radius: 4px
}

html .tabContainer,
body .tabContainer {
    margin: 17px 0 0 165px
}

html .tabContainer .list-group .list-group,
body .tabContainer .list-group .list-group {
    margin-bottom: 2px;
    margin-top: 20px
}

html .tabContainer .list-group .list-group .title,
body .tabContainer .list-group .list-group .title {
    font-size: 9pt
}

html .tabContainer .list-group .list-group-item .actions,
body .tabContainer .list-group .list-group-item .actions {
    top: 10px;
    right: 0;
    position: absolute
}

html .tabContainer .list-group .list-group-item li,
body .tabContainer .list-group .list-group-item li {
    color: #455a64
}

html .tabContainer.locations .list-group,
body .tabContainer.locations .list-group {
    width: 450px
}

html .form-group.opaque,
body .form-group.opaque {
    opacity: .5
}

html #formbuilder,
body #formbuilder {
    position: relative
}

html #formbuilder .option-title,
body #formbuilder .option-title {
    padding: 10px;
    margin-left: 4px;
    float: left;
    width: 100%
}

html #formbuilder .option-title .left,
body #formbuilder .option-title .left {
    float: left;
    width: 50%
}

html #formbuilder .option-title .right,
body #formbuilder .option-title .right {
    padding-left: 10px;
    float: left;
    width: 50%
}

html #formbuilder select,
body #formbuilder select {
    min-width: 130px
}

html #formbuilder .fb-left,
body #formbuilder .fb-left {
    margin-bottom: 30px
}

html #formbuilder .option-label-input,
body #formbuilder .option-label-input {
    height: 26px;
    width: 130px
}

html #formbuilder .option,
body #formbuilder .option {
    margin-bottom: 3px
}

html .referralInfo,
body .referralInfo {
    position: relative;
    border-radius: 4px
}

html .referralInfo button,
body .referralInfo button {
    top: 0;
    height: auto;
    position: absolute;
    right: 5px
}

html #loading .bodyOverlay.opaque .loadingBox i,
body #loading .bodyOverlay.opaque .loadingBox i {
    font-size: 145px;
    color: #3ea992;
    opacity: 1
}

html #loading .loadingBox.withText i,
body #loading .loadingBox.withText i {
    font-size: 64px;
    align-self: flex-start
}

html #loading .loadingBox.withText span.loadingText,
body #loading .loadingBox.withText span.loadingText {
    text-align: center;
    color: #fff;
    position: absolute;
    align-self: flex-end;
    width: 280px;
    font-size: 18px
}

html #loading .target,
body #loading .target {
    position: absolute;
    height: 100%;
    overflow: auto;
    overflow-y: inherit;
    min-height: inherit;
    left: 0;
    top: 0;
    width: 100%
}

html #loading .bodyOverlay.abs.transparent,
body #loading .bodyOverlay.abs.transparent {
    opacity: .5 !important
}

html #loading .bodyOverlay.abs+.loadingBox.small,
body #loading .bodyOverlay.abs+.loadingBox.small {
    width: 44px;
    height: 44px
}

html #loading .bodyOverlay.abs+.loadingBox.small i,
body #loading .bodyOverlay.abs+.loadingBox.small i {
    font-size: 42px;
    color: #376bfb !important
}

html #loading .bodyOverlay.abs+.loadingBox i,
body #loading .bodyOverlay.abs+.loadingBox i {
    align-self: center;
    color: #47dacc !important
}

html .with-animation,
body .with-animation {
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s
}

html #chartCanvas,
body #chartCanvas {
    min-height: 310px
}

html .panel-heading .pull-right,
body .panel-heading .pull-right {
    position: relative
}

html .fa.fa-graduation-cap.fa-4,
body .fa.fa-graduation-cap.fa-4 {
    display: inline-block;
    float: left;
    color: #3b6b7a
}

html .empty-tab,
body .empty-tab {
    min-height: 300px;
    display: block;
    margin: 50px auto;
    float: none;
    padding: 0
}

html .empty-tab>div,
body .empty-tab>div {
    position: relative;
    vertical-align: top
}

html .empty-tab>div .icon-container,
body .empty-tab>div .icon-container {
    float: left;
    vertical-align: top;
    display: inline-block
}

html .empty-tab>div .info-container,
body .empty-tab>div .info-container {
    display: inline-block;
    vertical-align: top
}

html .empty-tab>div .info-container p,
body .empty-tab>div .info-container p {
    position: relative;
    font-size: 23px
}

html .empty-tab>div .info-container p:first-child,
body .empty-tab>div .info-container p:first-child {
    color: #1b435d
}

html .empty-tab>div .info-container p:not(:nth-child(1)),
body .empty-tab>div .info-container p:not(:nth-child(1)) {
    font-size: 13px
}

html .empty-tab>div .info-container a.add-leaveday,
body .empty-tab>div .info-container a.add-leaveday {
    margin-right: 10px
}

html .empty-tab>div .info-container .create,
body .empty-tab>div .info-container .create {
    margin-left: 10px
}

html .empty-tab#empty-transactions .info-container,
body .empty-tab#empty-transactions .info-container {
    position: relative
}

html .empty-tab#empty-transactions .info-container p,
body .empty-tab#empty-transactions .info-container p {
    font-size: 20px
}

html .empty-tab#empty-transactions .info-container i,
body .empty-tab#empty-transactions .info-container i {
    font-size: 60px
}

html .empty-tab .center-block,
body .empty-tab .center-block {
    float: none;
    height: 50%;
    min-height: 150px;
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0
}

html .requestButtons button,
body .requestButtons button {
    float: right;
    margin-top: 20px;
    margin-left: 15px
}

html .requestButtons .dropdown-toggle:first-child,
body .requestButtons .dropdown-toggle:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html .ui-select-container,
body .ui-select-container {
    height: 34px
}

html .listRefineItems .text-muted,
html .filterItems .text-muted,
body .listRefineItems .text-muted,
body .filterItems .text-muted {
    font-size: 11px;
    font-weight: 700
}

html .filterItems .panel-body,
body .filterItems .panel-body {
    position: relative
}

html .priceArea .price,
body .priceArea .price {
    color: #3f678e
}

html .priceArea .price label,
body .priceArea .price label {
    color: #41698f
}

html .ui-select-container .ui-select-search.input-xs,
body .ui-select-container .ui-select-search.input-xs {
    min-width: 100%
}

html monthpicker input.hasDatepicker,
body monthpicker input.hasDatepicker {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #a1c6ea;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #00000013;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

html i.fa.fa-4,
body i.fa.fa-4 {
    color: #3b6b7a;
    font-size: 7.85em;
    line-height: 129px;
    padding-top: 10px
}

html .well,
body .well {
    margin-top: 10px;
    background-color: #fff
}

html .well dl,
body .well dl {
    margin-bottom: 0
}

html .deleteLeaveRuleModal .panel-body,
body .deleteLeaveRuleModal .panel-body {
    overflow-y: scroll;
    max-height: 205px
}

@media (max-width: 480px) {

    html .transactionPreviewDialog .ui.button,
    body .transactionPreviewDialog .ui.button {
        min-width: 0px !important
    }
}

html .transactionPreviewDialog .form-group,
body .transactionPreviewDialog .form-group {
    margin-bottom: 10px
}

html .transactionPreviewDialog .form-group:first-child label,
html .transactionPreviewDialog .form-group:first-child p,
body .transactionPreviewDialog .form-group:first-child label,
body .transactionPreviewDialog .form-group:first-child p {
    padding-top: 0
}

html .transactionPreviewDialog .transaction-amount,
body .transactionPreviewDialog .transaction-amount {
    width: 90px !important
}

@media (max-width: 767px) {

    html .transactionPreviewDialog .transaction-amount,
    body .transactionPreviewDialog .transaction-amount {
        width: 72px !important
    }
}

html .transactionPreviewDialog #currency,
body .transactionPreviewDialog #currency {
    width: 62px;
    margin-left: 10px
}

html .transactionPreviewDialog .status-container,
body .transactionPreviewDialog .status-container {
    padding-bottom: 10px;
    border-bottom: 1px solid #e7ecec
}

html .transactionPreviewDialog .status-container .status-info,
body .transactionPreviewDialog .status-container .status-info {
    position: relative;
    display: inline-block;
    top: -15px;
    margin-left: 5px
}

html .transactionPreviewDialog .status-container .status-info.approved,
body .transactionPreviewDialog .status-container .status-info.approved {
    color: #3c763d
}

html .transactionPreviewDialog .status-container .status-info.rejected,
body .transactionPreviewDialog .status-container .status-info.rejected {
    color: #a94442
}

html .transactionPreviewDialog .status-container .status-info.waiting,
body .transactionPreviewDialog .status-container .status-info.waiting {
    color: #8a6d3b
}

html .colorboxOpened .qtip-default,
body .colorboxOpened .qtip-default {
    max-width: 280px
}

html .ribbon,
body .ribbon {
    position: absolute;
    right: -45px;
    top: 22px;
    font-size: 11px;
    text-align: center;
    width: 150px;
    color: #fff;
    text-transform: capitalize;
    padding: 1px 12px;
    display: block;
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 2px #0003;
    background-color: #ef5350;
    transform: rotate(45deg)
}

html .ribbon.info,
body .ribbon.info {
    background-color: #ef6c00
}

html .label.label-abs,
body .label.label-abs {
    position: absolute;
    box-sizing: border-box;
    top: 20px;
    margin: auto;
    left: 0;
    right: 0;
    width: 615px;
    height: 30px;
    line-height: 18px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f9eebb;
    color: #b79405
}

html .label.label-abs+.row,
body .label.label-abs+.row {
    margin-top: 30px
}

html .rated-stars i,
body .rated-stars i {
    color: #ffce00;
    margin-right: 5px;
    font-size: 18px
}

html .dialog .content .personTrainingModal .rating label,
body .dialog .content .personTrainingModal .rating label {
    color: #ddd
}

html .dialog .content .personTrainingModal .rating i.fa-star,
body .dialog .content .personTrainingModal .rating i.fa-star {
    margin-right: 5px;
    font-size: 18px
}

html .rating>input,
body .rating>input {
    display: none
}

html .rating>label,
body .rating>label {
    color: #ddd;
    float: right
}

html .switch-container,
body .switch-container {
    display: inline-block;
    float: left;
    margin-left: 10px
}

html currencypicker,
body currencypicker {
    display: block
}

html currencypicker .form-group,
body currencypicker .form-group {
    position: relative
}

html currencypicker .form-group .select-group-container,
body currencypicker .form-group .select-group-container {
    position: absolute;
    top: 1px;
    right: 1px;
    height: auto;
    width: 50px
}

html currencypicker .form-group .select-group-container .ui-select-container,
body currencypicker .form-group .select-group-container .ui-select-container {
    height: 30px;
    border-left: 1px solid #b3c1ce
}

html currencypicker .form-group .select-group-container .ui-select-match.btn-default-focus,
html currencypicker .form-group .select-group-container .ui-select-match:focus,
body currencypicker .form-group .select-group-container .ui-select-match.btn-default-focus,
body currencypicker .form-group .select-group-container .ui-select-match:focus {
    outline: none;
    box-shadow: none;
    border-radius: 0 3px 3px 0
}

html currencypicker .form-group .select-group-container .ui-select-match span.ui-select-toggle,
body currencypicker .form-group .select-group-container .ui-select-match span.ui-select-toggle {
    outline: 0;
    width: 100%;
    border-radius: 0 3px 3px 0;
    height: 30px;
    border: none;
    box-shadow: none;
    padding: 6px;
    font-size: 12px
}

html currencypicker .form-group .select-group-container .ui-select-match span.ui-select-toggle .caret,
body currencypicker .form-group .select-group-container .ui-select-match span.ui-select-toggle .caret {
    right: 8px
}

html currencypicker .form-group .select-group-container .ui-select-match span.ui-select-toggle.btn-default:hover,
body currencypicker .form-group .select-group-container .ui-select-match span.ui-select-toggle.btn-default:hover {
    background-color: #e3f2fd
}

html currencypicker .form-group .select-group-container .ui-select-match-text span,
body currencypicker .form-group .select-group-container .ui-select-match-text span {
    font-size: 12px;
    line-height: 20px
}

html currencypicker .form-group .select-group-container .ui-select-search,
body currencypicker .form-group .select-group-container .ui-select-search {
    font-size: 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 4px;
    padding: 6px;
    border: none !important
}

html currencypicker .form-group .select-group-container .ui-select-search:focus,
body currencypicker .form-group .select-group-container .ui-select-search:focus {
    outline: none;
    box-shadow: none
}

html currencypicker .form-group .select-group-container .ui-select-bootstrap>.ui-select-choices,
body currencypicker .form-group .select-group-container .ui-select-bootstrap>.ui-select-choices {
    font-size: 12px
}

html currencypicker .form-group .select-group-container .ui-select-bootstrap>.ui-select-choices.dropdown-menu,
body currencypicker .form-group .select-group-container .ui-select-bootstrap>.ui-select-choices.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 48px;
    top: 30px;
    max-height: 100px
}

html .ibox,
body .ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0
}

html .ibox .ibox-title,
body .ibox .ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e7eaec;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px
}

html .ibox .ibox-title h5,
body .ibox .ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left
}

html .ibox .ibox-content,
body .ibox .ibox-content {
    clear: both;
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #e7eaec;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0
}

html .rating>input:checked~label,
html .rating:not(:checked)>label:hover,
html .rating:not(:checked)>label:hover~label,
body .rating>input:checked~label,
body .rating:not(:checked)>label:hover,
body .rating:not(:checked)>label:hover~label {
    color: gold !important
}

html .rating>input:checked+label:hover,
html .rating>input:checked~label:hover,
html .rating>label:hover~input:checked~label,
html .rating>input:checked~label:hover~label,
body .rating>input:checked+label:hover,
body .rating>input:checked~label:hover,
body .rating>label:hover~input:checked~label,
body .rating>input:checked~label:hover~label {
    color: #ffed85 !important
}

@media (min-width: 480px) and (max-width: 768px) {

    html .leaveDayPreviewDialog,
    body .leaveDayPreviewDialog {
        margin-top: 8px;
        max-height: 200px !important;
        overflow-y: scroll
    }

    html .leaveDayPreviewDialog .form-group,
    body .leaveDayPreviewDialog .form-group {
        margin-bottom: 7px
    }

    html .leaveDayPreviewDialog .row>div,
    body .leaveDayPreviewDialog .row>div {
        width: 48.3%;
        padding-left: 15px !important;
        padding-right: 0 !important
    }

    html .leaveDayPreviewDialog .buttons>div,
    body .leaveDayPreviewDialog .buttons>div {
        margin-bottom: 10px !important;
        width: 32% !important
    }
}

@media (max-width: 991px) {

    html #leave-card .approval-process .step-container,
    body #leave-card .approval-process .step-container {
        flex-direction: column
    }

    html #leave-card .approval-process .step-container .approval-person:after,
    body #leave-card .approval-process .step-container .approval-person:after {
        content: ""
    }
}

@media (max-width: 480px) {

    html .user .paper .content,
    body .user .paper .content {
        margin-top: 12px
    }

    html .month-picker-container .select-month,
    body .month-picker-container .select-month {
        width: 95px !important
    }

    html .month-picker-container button i,
    body .month-picker-container button i {
        font-size: 20px
    }

    html .transactionHistoryListing,
    body .transactionHistoryListing {
        padding-left: 0;
        padding-right: 0
    }

    html .transactionHistoryListing .edit.salary,
    body .transactionHistoryListing .edit.salary {
        display: none
    }

    html .transactionHistoryListing .currentSalary,
    body .transactionHistoryListing .currentSalary {
        border-radius: 4px
    }

    html .custom-input,
    body .custom-input {
        width: 100% !important
    }

    html .custom-input+.inputIcons,
    body .custom-input+.inputIcons {
        left: 43% !important;
        top: 25px !important;
        display: inline-block;
        width: 23px
    }

    html span.message,
    body span.message {
        font-size: 12px
    }

    html .subnav-item,
    body .subnav-item {
        padding: 4px;
        font-size: 11px
    }

    html .subnav-item:first-child,
    body .subnav-item:first-child {
        margin-left: 10px
    }

    html .tab-container .form-item,
    body .tab-container .form-item,
    html .action-area .warning,
    body .action-area .warning {
        width: 100%
    }

    html .tab-container,
    body .tab-container {
        margin: 0
    }
}

@media (min-width: 992px) {

    html .settingsForm,
    body .settingsForm {
        float: right
    }

    html .user .paper .pages ul li i,
    body .user .paper .pages ul li i {
        display: none
    }

    html .icon-container i.fa.fa-4,
    body .icon-container i.fa.fa-4 {
        font-size: 8em
    }
}

@media (max-width: 767px) {

    html #requests,
    body #requests {
        width: 200px
    }

    html .registerNowButton,
    body .registerNowButton {
        font-size: 13px;
        margin: 6px 4px 0 0
    }

    html .userProfileBurgerMenu,
    body .userProfileBurgerMenu {
        display: inline-block;
        border-bottom: 1px #4a5663 solid;
        width: 100%
    }

    html .settingsPage #settingsMenu ul,
    body .settingsPage #settingsMenu ul {
        top: 0 !important
    }

    html .searchBoxContainer,
    body .searchBoxContainer {
        display: none
    }

    html .navbar-toggle,
    body .navbar-toggle {
        margin-top: 9px
    }

    html .userMenuDropdown,
    body .userMenuDropdown {
        display: none
    }

    html .navbar-collapse.collapse li a i,
    body .navbar-collapse.collapse li a i {
        margin-left: 0
    }

    html .navbar-collapse.collapse.in .nav-sidebar.nav>li i,
    body .navbar-collapse.collapse.in .nav-sidebar.nav>li i {
        font-size: 20px;
        display: inline;
        margin-left: 0
    }

    html .nav-sidebar>li>a,
    body .nav-sidebar>li>a {
        color: #004054;
        opacity: .7;
        padding-left: 0;
        padding-right: 0
    }

    html .nav-sidebar>li>a:active,
    body .nav-sidebar>li>a:active {
        opacity: 1
    }

    html .nav>li>a:hover,
    html .nav>li>a:focus,
    body .nav>li>a:hover,
    body .nav>li>a:focus {
        background: none;
        color: #0a5d77
    }

    html .nav-sidebar>li>a span,
    body .nav-sidebar>li>a span {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top
    }

    html .nav-sidebar,
    body .nav-sidebar {
        margin: 0
    }

    html .nav>li i,
    body .nav>li i {
        font-size: 32px;
        text-align: center;
        display: inherit
    }

    html .navbar-collapse.navbar-static-top,
    body .navbar-collapse.navbar-static-top {
        box-shadow: none;
        -moz-box-shadow: none;
        background-color: #f2f5f7;
        margin-right: 10px;
        overflow-y: auto;
        width: 200px;
        float: left;
        padding-left: 25px;
        padding-right: 25px;
        height: 100%;
        position: fixed;
        z-index: 100;
        top: 50px
    }

    html .userMenuDropdown,
    body .userMenuDropdown {
        position: absolute;
        top: 0;
        right: 70px
    }

    html .pageTitle,
    body .pageTitle {
        font-size: 25px;
        max-width: 220px;
        color: #1b435d
    }

    html .userMenuDropdown .dropdown-menu,
    body .userMenuDropdown .dropdown-menu {
        min-width: 76px
    }

    html .userMenuDropdown .dropdown-menu li a i,
    body .userMenuDropdown .dropdown-menu li a i {
        display: none
    }

    html .subnav-item,
    body .subnav-item {
        padding: 4px;
        font-size: 12px
    }

    html .employee-details,
    body .employee-details {
        font-size: 70%
    }

    html .employee-details .employee-name,
    html .employee-details .meta-node,
    html .employee-details,
    body .employee-details .employee-name,
    body .employee-details .meta-node,
    body .employee-details {
        padding-left: 0
    }

    html .mainTab .category-detail .employee-details .meta-node,
    body .mainTab .category-detail .employee-details .meta-node {
        margin: 0
    }

    html .formItems>div,
    body .formItems>div {
        padding-left: 0
    }

    html .action-area .warning,
    body .action-area .warning {
        display: none
    }

    html .action-area.clear .buttons .button.cancel,
    body .action-area.clear .buttons .button.cancel {
        margin-top: 0
    }

    html .nameContainer .name,
    body .nameContainer .name {
        font-size: 18px
    }

    html .loadingBox,
    body .loadingBox {
        width: 120px;
        height: 120px
    }

    html .loadingBox i,
    body .loadingBox i {
        margin-left: 20%;
        font-size: 115px
    }

    html #blockerLoading .loadingBox i,
    body #blockerLoading .loadingBox i {
        font-size: 115px
    }

    html .leaveList,
    body .leaveList {
        padding: 0
    }

    html .leaveList .progress,
    body .leaveList .progress {
        display: block !important;
        width: 100% !important
    }
}

@media (max-width: 991px) {

    html .user .paper .pages ul li,
    body .user .paper .pages ul li {
        padding: 0 !important
    }

    html .user .paper .pages ul li span,
    body .user .paper .pages ul li span {
        display: none
    }

    html .user .paper .pages ul li i,
    body .user .paper .pages ul li i {
        font-size: 22px;
        line-height: 20px
    }

    html .user .paper .content,
    body .user .paper .content {
        margin-top: 20px !important;
        padding-left: 0 !important
    }

    html .user .paper .content .west,
    body .user .paper .content .west,
    html .user .paper .content .east,
    body .user .paper .content .east {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

html .empty-state,
body .empty-state {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-self: center
}

html .empty-state div:first-child,
body .empty-state div:first-child {
    display: flex
}

html .empty-state div:first-child>*,
body .empty-state div:first-child>* {
    margin: 0;
    align-self: center;
    justify-content: space-around
}

html ul.scroll,
body ul.scroll {
    max-height: 300px;
    overflow-y: scroll
}

html [class*=" icon-"]:before,
html [class^=icon-]:before,
body [class*=" icon-"]:before,
body [class^=icon-]:before {
    font-family: inherit
}

html .notification-panel,
body .notification-panel {
    width: 246.4px !important;
    border-radius: 3px;
    background-color: #fff !important;
    box-shadow: 0 2px 20px #0000000f !important
}

html .notification-panel .image,
body .notification-panel .image {
    width: 60px;
    line-height: 15px;
    float: left
}

html .notification-panel .image img,
body .notification-panel .image img {
    width: 55px;
    height: 55px
}

html .notification-panel .description,
body .notification-panel .description {
    font-size: 13px;
    line-height: 1.38;
    text-align: left;
    color: #162a4c
}

html .notification-panel .description .title,
body .notification-panel .description .title {
    font-weight: 600;
    color: #162a4c
}

html .notification-panel .description small,
body .notification-panel .description small {
    font-size: 11px;
    line-height: 1.64;
    color: #acbdc4
}

html #leftContainer,
body #leftContainer {
    position: relative
}

html #leftContainer .logo-container,
body #leftContainer .logo-container {
    width: 256px;
    padding: 0
}

html #leftContainer .small-checkbox,
body #leftContainer .small-checkbox {
    padding-right: 0
}

html #leftContainer .small-checkbox label,
body #leftContainer .small-checkbox label {
    padding-left: 65px !important
}

html .loginLeftBottom,
body .loginLeftBottom {
    margin-top: 10px
}

html .loginLeftBottom a,
body .loginLeftBottom a {
    color: #376bfb;
    font-size: 13px
}

html .loginLeftBottom .column:nth-child(2),
body .loginLeftBottom .column:nth-child(2) {
    padding-top: 11px;
    margin-left: 17px
}

html .loginLeftBottom .ui.toggle.checkbox,
body .loginLeftBottom .ui.toggle.checkbox {
    margin-right: -17px
}

html #loginForm input,
body #loginForm input {
    border-radius: 3px
}

html #loginForm label,
body #loginForm label {
    font-size: 13px;
    text-align: left;
    color: #162a4c
}

html #loginForm a,
body #loginForm a {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #52c5fe
}

html #kolayLogo,
body #kolayLogo {
    display: block;
    text-align: center;
    margin-bottom: 24px
}

@media (max-width: 600px) {

    html #screen,
    body #screen {
        display: none
    }
}

html #login.en #screen,
body #login.en #screen {
    background-image: url(pd-login-2021en.792976d1fac3e92e.svg)
}

html #screen,
body #screen {
    background: url(pd-login-2021.f1debc76bb6b7281.svg) no-repeat 78% center fixed;
    background-size: contain;
    height: auto;
    color: #fff;
    text-align: center
}

html #screen:before,
body #screen:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #376bfb;
    top: 0;
    left: 4.105%;
    z-index: -1
}

html #screen img,
body #screen img {
    width: 150px;
    height: 150px;
    margin: auto
}

html #screen .carouselItem,
body #screen .carouselItem {
    margin-top: 35px
}

html #screen .carouselItem h3,
body #screen .carouselItem h3 {
    font-size: 23px;
    color: #fff !important
}

html #screen .carouselItem p,
body #screen .carouselItem p {
    width: 422px;
    height: auto;
    opacity: .7;
    font-size: 15px;
    color: #fff
}

html .flex-center,
body .flex-center {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 100%
}

html .mySlides,
body .mySlides {
    display: none
}

html login-slider,
body login-slider {
    height: 100%;
    display: block
}

html login-slider .carouselCapture,
body login-slider .carouselCapture {
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

html login-slider .carouselCapture img,
html login-slider .carouselCapture .carouselItem,
body login-slider .carouselCapture img,
body login-slider .carouselCapture .carouselItem {
    position: relative;
    -webkit-animation: slideRight 1s, slideLeft 1s 9.5s 2;
    animation: slideRight 1s, slideLeft 1s 9.5s 2
}

@-webkit-keyframes slideRight {
    0% {
        right: -100%;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes slideRight {
    0% {
        right: -100%;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes slideLeft {
    0% {
        right: 0%;
        opacity: 1
    }

    to {
        right: 50%;
        opacity: 0
    }
}

@keyframes slideLeft {
    0% {
        right: 0%;
        opacity: 1
    }

    to {
        right: 50%;
        opacity: 0
    }
}

html login-slider .carousel-badge,
body login-slider .carousel-badge {
    cursor: pointer
}

html login-slider .carousel-badge,
body login-slider .carousel-badge {
    width: 6px;
    height: 6px;
    padding: 0;
    background-color: #00000026;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 50%
}

html login-slider .carousel-center,
body login-slider .carousel-center {
    text-align: center
}

html login-slider .carousel-bottom-middle,
body login-slider .carousel-bottom-middle {
    position: absolute;
    left: 50%;
    bottom: 15vh;
    transform: translate(-50%);
    -ms-transform: translate(-50%, 0%)
}

html login-slider .carousel-border,
body login-slider .carousel-border {
    border: 1px solid #ccc;
    margin-left: 6px
}

html login-slider .carousel-white,
body login-slider .carousel-white {
    color: #00000026 !important;
    background-color: #fff !important
}

html .paymentRow,
body .paymentRow {
    display: flex
}

html .generalInfo .text,
body .generalInfo .text {
    font-size: 13px;
    color: #162a4c
}

html input[type=number]::-webkit-inner-adjust-hue-button,
html input[type=number]::-webkit-outer-adjust-hue-button,
body input[type=number]::-webkit-inner-adjust-hue-button,
body input[type=number]::-webkit-outer-adjust-hue-button {
    -webkit-appearance: none;
    margin: 0
}

html #backToOldVersion,
body #backToOldVersion {
    border: 0;
    background: none
}

html .delete-confirmation .items,
body .delete-confirmation .items {
    background-color: #fff;
    overflow: auto;
    max-height: 100px
}

html .delete-confirmation .old-employee,
body .delete-confirmation .old-employee {
    position: relative;
    top: -1px;
    padding-left: 5px;
    font-size: 10px;
    color: #162a4cb3
}

html .delete-confirmation .units,
body .delete-confirmation .units {
    background-color: #fff;
    overflow: auto;
    max-height: 100px;
    max-width: 500px
}

html .delete-confirmation .items,
body .delete-confirmation .items {
    background-color: #fff
}

.visaProcessList .well {
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

#visaProcessManagerInput {
    position: relative
}

#visaProcessManagerInput i.clearSelect {
    position: absolute;
    right: 40px;
    top: 10px
}

.overflow.dialog .visaProcess .transactionView .form-group {
    width: 61%;
    margin-right: 10px;
    float: left
}

.overflow.dialog .advancePaymentRequest .transactionView .form-group {
    width: 61%;
    margin-right: 10px;
    float: left
}

.overflow.dialog .form-group-sm {
    width: 63px !important
}

#transaction-list .accordion-body table tr {
    background-color: #fff6dd
}

#transaction-list.table td.status {
    padding-left: 10px
}

#transaction-list.table tr.total.success td {
    border-top-color: #468847
}

#transaction-list.table tr.total.success td h5 {
    margin: 5px 0;
    color: #468847
}

#transaction-list.table tr.total.error td {
    border-top-color: #468847
}

#transaction-list.table tr.total.error td h5 {
    margin: 5px 0;
    color: #468847
}

#transaction-list.table tbody.item-table {
    border-top: 2px solid #bfbdbd
}

#transaction-list.table tbody.item-table:hover {
    background-color: #ffecb3
}

#transaction-list.table+.row {
    border-bottom: none;
    border-top: 1px solid #22a7f0;
    padding: 5px 0 0;
    margin: 0
}

#transaction-list .receipt-count {
    font-size: 11px;
    padding-right: 5px
}

.profileSettingsTransactions .transactionBar {
    z-index: 3;
    background-color: #fffc;
    min-height: 90px;
    padding: 30px !important;
    margin-top: 14px !important
}

.profileSettingsTransactions .transactionList {
    z-index: 2
}

.profileSettingsTransactions .transactionList .listTable {
    padding: 20px 30px !important
}

.profileSettingsTransactions .transactionList .empty-tab h2 {
    color: #1d3a64 !important;
    font-size: 18px;
    font-weight: 400;
    height: 28px
}

@media (max-width: 768px) {
    .profileSettingsTransactions .salary {
        text-align: center
    }
}

.profileSettingsTransactions .transactionBarButton {
    text-align: right
}

@media (max-width: 768px) {
    .profileSettingsTransactions .transactionBarButton {
        text-align: center
    }
}

.profileSettingsTransactions .transactionBarButton .dropdownMenu {
    text-align: center !important
}

.no-line-height {
    line-height: 0 !important;
    margin-top: 37px
}

.row.add-bill {
    margin-top: 25px
}

.receipt {
    color: #fff;
    margin-right: 35px;
    margin-left: 13px;
    padding-bottom: 25px !important;
    height: 50px;
    border-radius: 3px;
    background-color: #79c732
}

.receipt .white-circle {
    display: inline-block;
    border-radius: 12px;
    width: 22px;
    height: 22px;
    background-color: #fff
}

.receipt .white-circle i {
    margin-right: 4px;
    color: #79c732
}

#remove-bill {
    position: absolute;
    right: -22px;
    top: 17px
}

#interspace-bill {
    margin-top: 25px
}

.prevent-overflow {
    word-break: break-all
}

.accordionMargin {
    margin: 20px 10px 20px 20px
}

.dark-dropdown-color {
    background-color: #ededed !important
}

password-strength-bar {
    position: absolute;
    right: 0
}

.error-list {
    margin-top: 6px
}

.error-list ul li {
    font-size: 13px;
    line-height: 1.31;
    text-align: left;
    color: #ff4c4c !important
}

.profile-main .kolay-card {
    min-height: 600px
}

.profile-main .kolay-card .content {
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .ui.stackable.menu {
        flex-direction: inherit !important
    }

    .ui.stackable.menu a.item {
        float: left;
        width: auto !important
    }

    person-general-list .ui.stackable.grid>.row>.column.column.wide {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ui.stackable.grid {
        margin-right: -14px !important;
        margin-left: -14px !important
    }
}

@media (max-width: 320px) {
    .ui.stackable.menu a.item {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    body.mobile .mobile-menu {
        height: 72px;
        padding-bottom: env(safe-area-inset-bottom);
        padding-bottom: constant(safe-area-inset-bottom)
    }
}

.payment-modals {
    min-height: 350px
}

.payment-modals .amount-currency {
    position: relative
}

.payment-modals .amount-currency .select-wrapper {
    position: absolute;
    top: 30px;
    right: 7px
}

.transparent-content {
    background: transparent !important;
    box-shadow: none !important
}

.settings-training .add-training-button {
    position: absolute;
    z-index: 9;
    top: -55px;
    right: 24px
}

.settings-training .training-search-button {
    position: absolute;
    z-index: 9;
    top: -60px;
    right: 147px
}

.settings-training .ui.table {
    padding: 15px !important
}

.settings-training .pagination.menu {
    margin-left: 15px
}

.settings-training .empty-tab .training-icon {
    width: 90px
}

.settings-training .empty-tab p,
.settings-training .empty-tab h2 {
    color: #1d3a64 !important
}

.request-modal .modal-content-box .head {
    padding: 11px 0 !important;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    background-color: #1d3a64
}

.request-modal .modal-content-box .head .avatar {
    margin: 0;
    line-height: 18px
}

.request-modal .modal-content-box .head .text {
    color: #fff;
    font-size: 13px;
    text-align: left;
    font-weight: 600;
    padding: 4px 0 0 8px
}

.request-modal .modal-content-box .head .name,
.request-modal .modal-content-box .head .name .full-name {
    float: left
}

.request-modal .modal-content-box .head .name .title {
    font-weight: 400;
    float: left
}

.request-modal .modal-content-box .head .department-name {
    font-weight: 400
}

.request-modal .modal-content-box .approvalContent {
    z-index: 0
}

.request-modal .modal-content-box .details {
    text-align: center;
    display: block;
    color: #fff
}

.request-modal .modal-content-box .details .item {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 8px
}

.request-modal .modal-content-box .details .value {
    opacity: .9;
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 5px;
    margin-bottom: 0
}

.request-modal .modal-content-box .details .opacity {
    opacity: .3
}

.request-modal .modal-content-box .footer {
    background-color: #f5f5f5;
    min-height: 86px
}

.request-modal .modal-content-box .items {
    background-color: #f5f5f5;
    min-height: 30px;
    border-radius: 3px
}

.request-modal .modal-content-box .items .item {
    border-radius: 3px;
    background-color: #162a4c;
    padding: 9px 10px;
    margin: 0 10px 10px 0;
    min-width: 163px
}

.request-modal .modal-content-box .items .item .text {
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    line-height: .91;
    color: #fff
}

.request-modal .clockwise.rotated {
    transform: rotate(90deg);
    display: inline-block
}

kolay-load-more-pagination {
    float: left;
    width: 100%
}

.phoneCodeInputWrapper {
    position: relative
}

.phoneCodeInputWrapper .countryCodeWrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 135px
}

#sendWelcomeEmail .kolay-icons {
    top: -2px
}

strong {
    font-weight: 700
}

select::-ms-expand {
    display: none
}

::-moz-selection {
    color: #fff;
    background: #376bfb
}

::selection {
    color: #fff;
    background: #376bfb
}

body,
li,
h1,
h2,
h3,
h4 {
    color: #162a4c;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol
}

.ui.icon.input>input:focus~i.icon {
    opacity: 1 !important;
    color: #162a4c !important
}

a {
    color: #376bfb
}

a:focus {
    outline: 0
}

* {
    outline: 0
}

.pusher {
    background: #fff !important
}

.ui.segment {
    border: 0 !important;
    box-shadow: 0 2px 20px #00000008
}

.ui.segment.secondary {
    border: 1px solid #f1f3f6 !important;
    background: #fdfdfd !important;
    box-shadow: 0 0 !important
}

.loading-progress {
    z-index: 9999999;
    height: 3px;
    position: fixed;
    top: 0;
    left: 0;
    background: #376bfb;
    float: left;
    width: 0;
    box-shadow: 0 2px 20px #00000008;
    -webkit-animation: progressAnimation 2s infinite;
    animation: progressAnimation 2s infinite;
    transition: all .15s ease-in-out !important
}

.loading-progress.finish {
    width: 100%;
    opacity: 0;
    -webkit-animation: progressFinishAnimation .5s;
    animation: progressFinishAnimation .5s
}

@media (max-width: 767px) {
    .loading-progress {
        top: 64px
    }
}

@-webkit-keyframes progressAnimation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes progressAnimation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes progressFinishAnimation {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes progressFinishAnimation {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ui.progress.red .bar {
    background-color: #ff4c4c !important
}

.ui.progress.green .bar {
    background-color: #79c732 !important
}

.ui.progress.yellow .bar {
    background-color: #fec639 !important
}

.ui.tiny.progress .bar {
    height: 7px !important
}

.ui.mini.progress .bar {
    height: 2px !important
}

.color-black {
    color: #162a4c !important
}

.color-black-bg {
    background-color: #162a4c !important
}

.color-light-gray {
    color: #d9e0e3 !important
}

.color-light-gray-bg {
    background-color: #d9e0e3 !important
}

.color-gray-light-thin {
    color: #162a4cb3 !important
}

.color-gray-light-thin-bg {
    background-color: #162a4cb3 !important
}

.color-gray {
    color: #162a4c !important
}

.color-gray-bg {
    background-color: #162a4c !important
}

.color-yellow {
    color: #fec639 !important
}

.color-yellow-bg {
    background-color: #fec639 !important
}

.color-blue {
    color: #376bfb !important
}

.color-blue-bg {
    background-color: #376bfb !important
}

.color-red {
    color: #ff4c4c !important
}

.color-red-bg {
    background-color: #ff4c4c !important
}

.color-purple {
    color: #a461fb !important
}

.color-purple-bg {
    background-color: #a461fb !important
}

.color-green {
    color: #79c732 !important
}

.color-green-bg {
    background-color: #79c732 !important
}

.color-cheer {
    color: #2fa348 !important
}

.color-cheer-bg {
    background-color: #2fa348 !important
}

.color-dark-30 {
    color: #162a4c4d !important
}

.color-dark-30-bg {
    background-color: #162a4c4d !important
}

.ui.search-box {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden
}

.ui.search-box .search.icon {
    font-size: 13px;
    margin-left: 3px !important;
    z-index: 9;
    left: 0
}

.ui.accordion .title:not(.ui) {
    color: #162a4c !important
}

fui-accordion .title,
fui-accordion .content {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.ui.accordion .accordion .title .dropdown.icon,
.ui.accordion .title .dropdown.icon {
    margin-top: 12px !important;
    float: left
}

.ui.accordion .accordion .title.active .dropdown.icon,
.ui.accordion .title.active .dropdown.icon {
    margin-top: 14px !important;
    float: left
}

.ui.accordion .accordion .title .dropdown.icon:before,
.ui.accordion .title .dropdown.icon:before {
    content: "\f054" !important;
    font-family: Icons !important;
    font-size: 12px
}

.modal-accordion {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.modal-accordion .accordion-title {
    background-color: transparent;
    color: #162a4c;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-bottom: 1px solid #f9fafc
}

.modal-accordion .accordion-title:after {
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 14px;
    content: "\e91e" !important;
    font-family: kolayik
}

.modal-accordion .accordion-title:hover {
    background-color: #f9fafc
}

.modal-accordion .accordion-title.active {
    background-color: #f9fafc;
    border-bottom: none !important
}

.modal-accordion .accordion-title.active:after {
    content: "\e91f" !important;
    font-family: kolayik
}

.modal-accordion .panel {
    padding: 0 20px;
    background-color: #f9fafc;
    display: none
}

body #cboxContent {
    border-radius: 5px 5px 8px 8px;
    -moz-border-radius: 5px 5px 8px 8px;
    -webkit-border-radius: 5px 5px 8px 8px;
    overflow: inherit !important
}

#toasty .toast.toasty-theme-default.toasty-type-error {
    background-color: #ff4c4c !important
}

#toasty .toast.toasty-theme-default.toasty-type-info,
#toasty .toast.toasty-theme-default.toasty-type-success {
    background-color: #79c732 !important
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.kolayicon-actions {
    font-size: 16px;
    color: #162a4cb3
}

.kolayicon-ZIP {
    color: #f2462d
}

.kolayicon-PDF {
    color: #8ec793
}

.kolayicon-TIF {
    color: #a2578d
}

.kolayicon-TXT {
    color: #6c7a8b
}

.kolayicon-RAR {
    color: #d54c55
}

.kolayicon-WAV {
    color: #f57828
}

.kolayicon-GIF {
    color: #46cec5
}

.kolayicon-JPG {
    color: #68b8f3
}

.kolayicon-MOV {
    color: #118ac5
}

.kolayicon-MP4 {
    color: #667fa0
}

.kolayicon-DOC {
    color: #426ab4
}

.kolayicon-ICO {
    color: #326f7e
}

.kolayicon-KEY {
    color: #b1ca70
}

.kolayicon-MP3 {
    color: #684073
}

.kolayicon-PNG {
    color: #c04df0
}

.kolayicon-PPT {
    color: #f47744
}

.kolayicon-PSD {
    color: #3d81da
}

.kolayicon-XLS {
    color: #1dce6c
}

.kolayicon-EPS {
    color: #f8cb00
}

.kolayicon-AVI {
    color: #f2462d
}

owl-date-time-timer {
    display: none !important
}

.owl-dt-container-info,
.owl-dt-timer {
    display: none !important
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
    background-color: #79c732
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range .owl-dt-calendar-cell-content {
    background-color: #79c732 !important;
    color: #fff !important
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
    box-shadow: none !important
}

.dialog {
    position: relative;
    overflow: visible;
    overflow: initial;
    padding: 0 !important
}

.dialog hr {
    border-color: #f9fafc;
    margin-top: 15px;
    margin-bottom: 15px
}

.dialog .fit {
    width: 100%
}

.dialog .person-dropdown-container personselectbox ul.dropdown-menu {
    max-height: 160px
}

.dialog .with-image form {
    padding-top: 44px
}

.dialog .with-image form .content {
    padding-bottom: 60px
}

.dialog .with-image .head {
    float: none !important;
    width: auto;
    width: initial;
    text-align: center;
    padding: 0
}

.dialog .with-image .head img {
    margin-bottom: 16px
}

.dialog .with-image .head h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -.2px;
    color: #ff4c4c !important
}

.dialog .with-image .content {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 0;
    padding-bottom: 30px
}

.dialog .with-image .content p {
    line-height: 1.57
}

.dialog .head,
.dialog .modal-header {
    width: 100%
}

.dialog .head span.head-icon,
.dialog .modal-header span.head-icon {
    float: left;
    width: 16px;
    height: 34px;
    margin-right: 10px;
    text-align: center;
    line-height: 36px;
    border-radius: 34px;
    color: #fff
}

.dialog .head span.head-icon i,
.dialog .modal-header span.head-icon i {
    position: relative;
    top: 2px;
    margin-right: 0;
    color: #162a4c
}

.dialog .head img,
.dialog .modal-header img {
    margin-top: 30px;
    margin-bottom: 30px
}

.dialog .head h3,
.dialog .modal-header h3 {
    float: left;
    margin: 0;
    padding-top: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    color: #162a4c
}

.dialog .exit {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 20px;
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    cursor: pointer;
    opacity: .4;
    z-index: 999
}

.dialog .exit:hover {
    opacity: .7
}

.dialog .content,
.dialog .modal-body {
    color: #162a4c
}

.dialog .content .leaveDayDialog,
.dialog .modal-body .leaveDayDialog {
    height: 100%;
    min-height: 130px
}

.dialog .content input.custom-input,
.dialog .content textarea.custom-input,
.dialog .content select.custom-input,
.dialog .modal-body input.custom-input,
.dialog .modal-body textarea.custom-input,
.dialog .modal-body select.custom-input {
    width: 25%;
    padding: 6px;
    text-align: center
}

.dialog .content .icon-image,
.dialog .modal-body .icon-image {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 120px;
    height: 170px;
    display: block;
    margin: 0 auto;
    background-size: 120px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

.dialog .content .icon-image img,
.dialog .modal-body .icon-image img {
    width: 120px;
    height: 120px
}

.dialog .foot,
.dialog .modal-footer {
    position: relative;
    bottom: 0;
    padding: 23px 0;
    height: 86px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    clear: both;
    background: #f9fafc;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    box-shadow: inset 0 1px 2px #0000000f
}

.dialog .foot.actions,
.dialog .modal-footer.actions {
    background: transparent !important;
    padding: 20px !important;
    border-top: 0 !important
}

.dialog .foot .foot-left-content,
.dialog .modal-footer .foot-left-content {
    float: left;
    margin-top: 8px;
    margin-left: 30px
}

@media (max-width: 767px) {

    .dialog .foot .foot-left-content,
    .dialog .modal-footer .foot-left-content {
        margin-top: 0 !important;
        margin-left: 55px !important
    }
}

@media (max-width: 767px) {

    .dialog .foot,
    .dialog .modal-footer {
        text-align: center
    }
}

.dialog #terminationDetails {
    width: 100%
}

.dialog.no-ok-button .ui.button.primary,
.dialog.no-cancel-button .ui.button.secondary {
    display: none
}

.dialog .inlineInput {
    position: relative;
    display: block
}

.dialog .inlineInput span {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #1b4350cc
}

.dialog.delete-dialog modal-title {
    background: url(remove.4ebc4704eab1f848.svg) no-repeat center bottom;
    background-size: 120px;
    padding-top: 180px;
    width: 100%;
    display: block;
    text-align: center
}

.dialog.delete-dialog modal-title .modal-title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    word-wrap: break-word;
    color: #ff4c4c !important
}

.dialog.delete-dialog .content,
.dialog.delete-dialog .modal-body {
    text-align: center;
    padding-top: 10px
}

.dialog.delete-dialog .foot .ui.button.primary,
.dialog.delete-dialog .foot .btn-primary,
.dialog.delete-dialog .modal-footer .ui.button.primary,
.dialog.delete-dialog .modal-footer .btn-primary {
    background: #ff4c4c !important
}

.dialog.delete-dialog .foot .ui.button.primary.blue-button,
.dialog.delete-dialog .foot .btn-primary.blue-button,
.dialog.delete-dialog .modal-footer .ui.button.primary.blue-button,
.dialog.delete-dialog .modal-footer .btn-primary.blue-button {
    background: #376bfb !important
}

.dialog.delete-dialog .foot .ui.button.primary.blue-button:hover,
.dialog.delete-dialog .foot .btn-primary.blue-button:hover,
.dialog.delete-dialog .modal-footer .ui.button.primary.blue-button:hover,
.dialog.delete-dialog .modal-footer .btn-primary.blue-button:hover {
    background: #004ff8 !important
}

.dialog.delete-dialog .foot .ui.button.primary:hover,
.dialog.delete-dialog .foot .btn-primary:hover,
.dialog.delete-dialog .modal-footer .ui.button.primary:hover,
.dialog.delete-dialog .modal-footer .btn-primary:hover {
    background: #d71121 !important
}

.dialog.akbank-dialog .modal-header {
    min-height: 230px;
    background: #d8232a url(akbank-logo.33616e1a016de7dd.svg) no-repeat center;
    background-size: 240px
}

.dialog.akbank-dialog .modal-body div {
    text-align: center
}

.dialog.akbank-dialog .modal-body div span {
    font-weight: 600;
    font-size: 16px
}

.dialog.akbank-dialog .modal-body div.info {
    margin-top: 15px;
    font-size: 14px
}

.dialog.akbank-dialog .modal-footer .btn-default {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.dialog.invite-dialog modal-title {
    background: url(letter.febee07020eb8094.svg) no-repeat center bottom;
    background-size: 120px;
    padding-top: 180px;
    width: 100%;
    display: block;
    text-align: center
}

.dialog.invite-dialog modal-title .modal-title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.dialog.invite-dialog .content,
.dialog.invite-dialog .modal-body {
    text-align: center;
    padding-top: 10px
}

.dialog.confirm-dialog modal-title {
    background: url(lamp.5b6a5f983c0929a4.svg) no-repeat center bottom;
    background-size: 120px;
    padding-top: 180px;
    width: 100%;
    display: block;
    text-align: center
}

.dialog.confirm-dialog modal-title .modal-title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.dialog.confirm-dialog .content,
.dialog.confirm-dialog .modal-body {
    text-align: center;
    padding-top: 10px
}

.dialog.confirm-dialog .foot .ui.button.primary,
.dialog.confirm-dialog .foot .btn-primary,
.dialog.confirm-dialog .modal-footer .ui.button.primary,
.dialog.confirm-dialog .modal-footer .btn-primary {
    background: #79c732 !important
}

.dialog.confirm-dialog .foot .ui.button.primary:hover,
.dialog.confirm-dialog .foot .btn-primary:hover,
.dialog.confirm-dialog .modal-footer .ui.button.primary:hover,
.dialog.confirm-dialog .modal-footer .btn-primary:hover {
    background: #1b7c01 !important
}

.dialog.warning-dialog modal-title {
    background: url(warning.a494b4569f54eb07.svg) no-repeat center bottom;
    background-size: 120px;
    padding-top: 180px;
    width: 100%;
    display: block;
    text-align: center
}

.dialog.warning-dialog modal-title .modal-title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.dialog.warning-dialog .content,
.dialog.warning-dialog .modal-body {
    text-align: center;
    padding-top: 10px
}

.dialog.alert-dialog modal-title {
    background-size: 120px;
    width: 100%;
    display: block
}

.dialog.alert-dialog modal-title .modal-title {
    font-weight: 600;
    text-align: left
}

.dialog.alert-dialog modal-title .modal-title:before {
    content: "\e95b";
    font-family: kolayik;
    margin-right: 10px;
    color: #ff4c4c
}

.dialog.alert-dialog .content,
.dialog.alert-dialog .modal-body {
    text-align: left;
    padding-top: 10px
}

.dialog.alert-dialog modal-footer .modal-footer {
    background: #ffffff;
    box-shadow: none;
    text-align: right;
    padding-right: 30px
}

.dialog.alert-dialog modal-footer .modal-footer .btn-primary {
    background: #fff !important;
    color: #162a4c;
    border: 1px solid rgba(22, 42, 76, .7)
}

.dialog.success-dialog modal-title {
    background: url(performance-check.12df2386b6921cdf.svg) no-repeat center bottom;
    background-size: 120px;
    padding-top: 180px;
    width: 100%;
    display: block;
    text-align: center
}

.dialog.success-dialog modal-title .modal-title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.dialog.success-dialog .content,
.dialog.success-dialog .modal-body {
    text-align: center;
    padding-top: 10px
}

.dialog.nav-dialog {
    background: none !important
}

.dialog.nav-dialog .modal-content {
    width: 1000px !important;
    background: transparent !important
}

.dialog.nav-dialog modal-footer {
    display: none
}

.dialog.nav-dialog .content,
.dialog.nav-dialog .modal-body {
    text-align: center;
    padding-top: 10px
}

@media (max-width: 767px) {
    .dialog.nav-dialog {
        padding: 20px !important
    }
}

.dialog.center-dialog .head,
.dialog.center-dialog .modal-header,
.dialog.center-dialog .content,
.dialog.center-dialog .modal-body {
    text-align: center
}

.dialog.center-dialog .head h3,
.dialog.center-dialog .modal-header h3 {
    text-align: center;
    width: 100%
}

.dialog.free-field kolay-modal-body.form .body {
    padding-right: 0 !important
}

.dialog.free-field .content .ui.form .wide.column {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 0 !important
}

.dialog.free-field .content .ui.form .wide.column label {
    width: 100%
}

.dialog.free-field .content .ui.form .wide.column.inside-input {
    position: absolute;
    width: 17% !important;
    right: 50%;
    top: 6px
}

.dialog.free-field .content .ui.form .wide.column.inside-input select {
    background-color: transparent !important
}

@media (max-width: 767px) {
    .dialog.free-field .content .ui.form .wide.column.inside-input {
        width: 33% !important;
        right: 0
    }
}

.dialog.free-field .content .ui.form .wide.column.disabled {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.dialog.free-field .content .ui.form .wide.column.inline-label label {
    line-height: 46px;
    width: auto !important
}

.dialog.free-field .content .ui.form .wide.column.inline-label input {
    width: auto !important;
    background-color: transparent !important;
    pointer-events: none;
    border: none !important;
    padding-top: 0 !important;
    font-weight: 500;
    font-size: 18px !important
}

.dialog.free-field .content .ui.form .wide.column.flat {
    width: 100% !important;
    padding-right: 13px;
    padding-left: 13px
}

.dialog.free-field .content .ui.form .wide.column.ui.toggle.checkbox>div {
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .dialog.free-field .content .ui.form .wide.column.footer {
        position: absolute;
        width: 50% !important;
        bottom: -82px;
        z-index: 1
    }
}

.dialog.free-field .content .ui.form .field label {
    position: relative
}

.dialog.free-field .content .ui.form .field label span {
    display: block;
    color: #162a4cb3
}

.dialog.free-field .content .ui.form .field .right-text {
    position: absolute;
    right: 15px;
    bottom: -40px;
    color: #162a4cb3
}

.dialog.free-field .content .ui.form .field .bottom-text {
    font-size: 12px;
    color: #162a4cb3
}

.dialog.free-field .notify-bar {
    width: calc(100% + 44px);
    margin-left: -36px
}

.dialog modal-footer .modal-footer .btn-primary {
    position: relative;
    top: -1px
}

.dialog .ui.form .field.error label {
    color: #ff4c4c !important
}

.dialog .ui.form .field.error .validation {
    color: #ff4c4c;
    padding-top: 5px
}

.dialog.womens-day-dialog {
    font-size: 18px;
    text-align: center
}

.dialog.womens-day-dialog .bld {
    font-weight: 500
}

.dialog.womens-day-dialog modal-title {
    background: url(kadinlar-gunu.f4a895a47966f973.png) no-repeat top left;
    height: 320px;
    background-size: 455px;
    display: block;
    border-radius: 6px 6px 0 0
}

.dialog.womens-day-dialog .content {
    line-height: 28px
}

.dialog .notify-bar {
    width: calc(100% + 53px);
    margin-left: -29px;
    padding: 10px 30px;
    margin-bottom: 30px;
    margin-top: -10px;
    font-size: 13px;
    color: #162a4cb3
}

.dialog .notify-bar.info {
    background: #e8eaff
}

.dialog .notify-bar.warning {
    background: #ffebee
}

.process {
    padding-left: 30px
}

.process .item {
    margin-right: -3px;
    position: relative;
    float: left
}

.process .item .image {
    float: left
}

.process .item .image .avatar {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    line-height: 23px
}

.process .item .icon {
    float: left;
    margin-left: 0;
    height: auto;
    line-height: 35px;
    color: #d2d2d2
}

.process .item .icon.green {
    color: #79c732
}

.process .item:last-child .icon {
    display: none
}

.process .item .check-circle {
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 3px 2px #0000000a;
    position: absolute;
    left: 22px;
    text-align: center;
    line-height: 16px;
    bottom: -5px
}

.process .item .check-circle.green {
    background: #79c732
}

.process .item .check-circle .kolayicon-check {
    color: #d2d2d2;
    font-size: 9px
}

.process .item .check-circle .kolayicon-check.white {
    color: #fff
}

.process .item .check-circle .kolayicon-close {
    font-size: 9px
}

.process .item.approved-step .kolayicon-check {
    color: #fff !important;
    font-size: 14px;
    margin-left: 8px
}

@media (max-width: 767px) {
    .modal-content .dialog.free-field {
        padding: 20px 0 20px 30px !important
    }

    .modal-content .dialog.free-field .content {
        padding: 20px 0 40px
    }

    .modal-content .dialog.free-field .content .ui.form .sixteen.wide.column.field {
        width: 100% !important
    }
}

.inputIcons {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #1b4350cc
}

.inputIcons.dayLabel,
#edit-warning {
    margin-top: 14px
}

.bulk-list h3 {
    font-size: 13pt;
    margin-top: 10px
}

.bulk-list .switch-container {
    top: 21px;
    position: relative
}

.bulk-list .checkbox-inline {
    top: 25px;
    position: relative
}

.bulk-list .employeeList {
    max-height: 180px;
    overflow-y: auto;
    background-color: #fff;
    margin-bottom: 10px
}

.bulk-list .employeeList span {
    display: block;
    background-color: #79c732;
    border-bottom: 1px solid #ffffff;
    color: #fff;
    padding: 5px
}

.bulk-list .employeeList span:last-child {
    border-bottom: none
}

.errorList {
    max-height: 360px;
    overflow-y: auto;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #d2d2d2
}

.errorList li {
    display: block;
    background-color: #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 5px
}

.errorList li:last-child {
    border-bottom: none
}

.locationDialog textarea {
    display: block;
    width: 100%;
    height: 80px
}

#fileViewerFrame {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffffff
}

#fileViewerFrame .exit,
#fileViewerFrame .download {
    cursor: pointer;
    position: fixed;
    font-size: 9pt;
    z-index: 9999;
    color: #f9fafc;
    padding: 5px 10px 5px 5px;
    border: none;
    border-radius: 4px
}

#fileViewerFrame .exit i,
#fileViewerFrame .download i {
    font-size: 9pt;
    margin-right: 5px;
    margin-left: 5px
}

#fileViewerFrame .exit {
    top: 10px;
    left: 15px;
    background: #162a4c
}

#fileViewerFrame .download {
    top: 10px;
    left: 92px;
    background: #376bfb
}

@media (max-width: 767px) {
    #fileViewerFrame .exit {
        top: 0;
        left: 115px
    }

    #fileViewerFrame .download {
        top: 0;
        left: 190px
    }
}

.salaryDialog .inlineContainer input,
.salaryDialog .inlineContainer select {
    width: 49%
}

.salaryDialog .inlineContainer.amount input {
    width: 69%
}

.salaryDialog .inlineContainer.amount select {
    width: 29%
}

.evaluativeSelectorDialog #searchBox {
    display: block
}

.evaluativeSelectorDialog #searchBox i {
    top: 25px;
    position: relative;
    left: 9px;
    color: #162a4c
}

.evaluativeSelectorDialog #searchBox input {
    padding-left: 25px
}

.evaluativeSelectorDialog .dropArea {
    text-align: center;
    margin-bottom: 15px
}

.evaluativeSelectorDialog .dropArea span.droppable {
    width: 125px;
    height: 80px;
    border: 1px solid #1ca0f5;
    display: inline-table;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
    position: relative
}

.evaluativeSelectorDialog .dropArea span.droppable .remove {
    cursor: pointer;
    position: absolute;
    right: -3px;
    top: -6px
}

.evaluativeSelectorDialog .dropArea span.droppable .remove:hover {
    color: #162a4c
}

.evaluativeSelectorDialog .dropArea span.droppable .levelName {
    display: block;
    font-size: 10pt;
    padding: 5px 0;
    border-top-left-radius: 4px;
    line-height: 20px;
    background-color: #f9fafc;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #1ca0f5;
    color: #376bfb
}

.evaluativeSelectorDialog .dropArea span.droppable .employeeName {
    height: 55px;
    display: block;
    margin-top: 10px;
    color: #376bfb
}

.evaluativeSelectorDialog .employeeList {
    margin-top: 16px;
    max-height: 300px;
    overflow-y: scroll;
    min-height: 270px
}

.evaluativeSelectorDialog .employeeList .list-group-item {
    line-height: 36px
}

.evaluativeSelectorDialog .employeeList .list-group-item:hover {
    cursor: move
}

.evaluativeSelectorDialog .employeeList .list-group-item .name {
    display: block;
    line-height: 20px;
    height: 20px
}

.evaluativeSelectorDialog .employeeList .avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: .1em solid #d2d2d2;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    float: left
}

.evaluativeSelectorDialog .employeeList .avatar img {
    width: 100%;
    height: 100%
}

.evaluativeSelectorDialog .ui-draggable-dragging {
    width: 125px;
    height: 55px;
    line-height: 55px;
    text-align: center
}

.evaluativeSelectorDialog .ui-draggable-dragging .avatar,
.evaluativeSelectorDialog .ui-draggable-dragging .name.detail {
    display: none
}

.evaluationQuestion textarea {
    display: block;
    width: 100%;
    height: 130px;
    margin-top: 10px
}

#creditCardContainer {
    margin-bottom: 0
}

#creditCardContainer .cardView {
    margin-bottom: 16px
}

#creditCardContainer .cardView .jp-card-front {
    height: 180px;
    width: 257px;
    margin-left: 18px
}

#creditCardContainer .cardView .jp-card-identified {
    box-shadow: none
}

#creditCardContainer .cardView .jp.card.back,
#creditCardContainer .cardView .jp-card-back {
    height: 180px;
    width: 257px;
    margin-left: 18px
}

.referralDialog input {
    width: 280px;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px
}

.referralDialog .ui.centered.image {
    width: 160px;
    height: 160px;
    -o-object-fit: contain;
    object-fit: contain
}

.referralDialog .input-margin {
    margin-bottom: 5px !important
}

.firstWorkingDay i {
    font-size: 92px
}

.firstWorkingDay .light {
    font-weight: 400
}

.event-delete-button {
    float: right
}

.event-delete-button span {
    float: left
}

.event-delete-button i {
    float: left;
    font-size: 19px;
    margin-left: 4px
}

.ui.modal {
    left: auto
}

modal-overlay {
    z-index: 1000 !important
}

.popover {
    width: 280px
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #162a4c;
    transition: all .15s ease-in-out !important
}

.modal-backdrop.fade {
    background: rgba(0, 0, 0, 0)
}

.modal-backdrop,
.modal-backdrop.fade.show {
    background: rgba(0, 0, 0, .8)
}

.modal {
    position: inherit !important;
    top: 9%;
    left: 50%;
    z-index: 1050;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.modal .modal-dialog {
    position: relative;
    z-index: 999999;
    background-color: transparent;
    border: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.modal .modal-dialog button.close {
    position: fixed;
    width: 90px;
    height: 90px;
    cursor: pointer;
    right: 0;
    top: -58px;
    background: transparent;
    border: 0
}

.modal .modal-dialog button.close:before {
    position: absolute;
    right: 30px;
    top: 36px;
    font-size: 25px;
    content: "\e918";
    font-family: kolayik;
    color: #fff;
    z-index: 9999;
    cursor: pointer
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .modal .modal-dialog button.close {
        top: 0
    }
}

@media (max-width: 767px) {
    .modal .modal-dialog button.close {
        top: 12px;
        left: 15px;
        width: 40px !important;
        height: 40px !important;
        min-width: 30px;
        z-index: 10
    }

    .modal .modal-dialog button.close:before {
        font-family: kolayik;
        content: "\e91b" !important;
        color: #162a4c;
        left: 0;
        top: 7px;
        font-size: 24px;
        width: 30px;
        height: 30px
    }
}

.modal .modal-dialog .modal-content {
    width: 450px;
    margin: 50px auto;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.modal .modal-dialog.modal-lg .foot,
.modal .modal-dialog.modal-sm .foot {
    padding-right: 30px;
    text-align: right
}

@media (max-width: 767px) {

    .modal .modal-dialog.modal-lg,
    .modal .modal-dialog.modal-sm {
        transform: none !important;
        -webkit-transform: none !important
    }
}

.modal .modal-dialog.modal-lg .modal-content {
    width: 650px
}

.modal .modal-dialog.modal-sm .modal-content {
    width: 1000px
}

.modal.fade .modal-dialog {
    transition: all .15s ease-in-out !important;
    opacity: 0;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5)
}

.modal.fade .modal-dialog button.close {
    -webkit-animation: closeFadein 2s;
    animation: closeFadein 2s;
    transition: all 2s;
    transition-timing-function: ease-in
}

@-webkit-keyframes closeFadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes closeFadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modal.fade.show .modal-dialog {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)
}

.modal.fade.show .modal-dialog button.close {
    -webkit-animation: closeFadeout .1s;
    animation: closeFadeout .1s;
    transition: all .1s
}

@-webkit-keyframes closeFadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes closeFadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (max-width: 767px) {
    .modal.fade.show {
        transform: none !important;
        -webkit-transform: none !important
    }
}

.dimmed.dimmable>.ui.animating.dimmer,
.dimmed.dimmable>.ui.visible.dimmer,
.ui.active.dimmer {
    z-index: 9999 !important
}

.ui.dimmer.modals {
    overflow: hidden;
    overflow-y: scroll
}

.ui.modal {
    position: absolute !important
}

@media (max-width: 767px) {
    .modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0
    }

    .modal .modal-dialog {
        width: auto !important;
        background: transparent
    }

    .modal .modal-dialog .modal-content {
        width: auto !important;
        background: transparent;
        margin: 0 auto
    }

    .modal.fade {
        top: -100px
    }

    .modal.fade.show {
        top: 20px
    }
}

.ui.modal>.close {
    display: none
}

body.modal-open {
    height: 100%;
    overflow: hidden
}

@media (max-width: 767px) {
    body.modal-open {
        overflow: visible
    }
}

@media (max-width: 767px) {
    body.modal-open #activeContainer {
        opacity: .3;
        position: fixed
    }
}

* {
    -webkit-overflow-scrolling: touch
}

modal-overlay {
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0 !important;
    z-index: 9999;
    outline: 0;
    width: auto !important;
    height: 100vh !important;
    margin: 0 auto;
    position: fixed !important;
    overflow-y: scroll
}

@media (max-width: 767px) {
    modal-overlay {
        position: absolute !important;
        overflow-y: visible
    }
}

modal-overlay::-webkit-scrollbar {
    width: 3px
}

@media (max-width: 767px) {
    modal-overlay {
        padding-bottom: 50px
    }

    .modal-backdrop.fade {
        background: rgba(255, 255, 255, 0) !important
    }

    .modal-backdrop,
    .modal-backdrop.fade.show {
        background: rgba(255, 255, 255, .96) !important
    }

    .dialog .content {
        padding: 0
    }

    .dialog .head {
        padding: 0 0 20px;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
        z-index: 9;
        background: #ffffff;
        box-shadow: 0 2px 5px #0000000a
    }

    .dialog .head .ui.grid {
        margin: 0
    }

    .dialog .head .ui.grid>.row {
        padding: 0
    }

    .dialog .head .ui.grid>.row>div {
        width: 100% !important
    }

    .dialog .head .head-icon {
        display: none
    }

    .dialog .head h3 {
        float: none;
        height: 60px;
        line-height: 60px
    }

    .modal-content {
        padding-top: 60px;
        padding-bottom: 90px;
        min-height: 100vh
    }

    .modal-content .custom-modal-container {
        padding: 20px !important
    }

    .modal-content .foot {
        position: fixed !important;
        bottom: 0 !important;
        width: 100%;
        left: 0;
        height: 60px;
        background: #ffffff;
        box-shadow: 0 2px 20px #00000012;
        z-index: 10;
        padding-right: 0 !important;
        padding-top: 10px !important;
        text-align: center !important;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }

    .modal-content .foot .ui.button.secondary {
        display: none
    }
}

.choose-item li {
    margin-bottom: 15px
}

.choose-item li .image {
    padding-right: 20px
}

.choose-item li a {
    position: relative;
    top: -5px;
    color: #162a4ce6;
    font-size: 13px
}

.shape-avatar {
    width: 28px;
    height: 28px;
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.shape-avatar .letter-avatar {
    padding-top: 5px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.shape-avatar.bg-11 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-12 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-13 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-14 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-15 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-16 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-17 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-18 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-19 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-21 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-22 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-23 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-24 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-25 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-26 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-27 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-28 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-29 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-31 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-32 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-33 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-34 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-35 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-36 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-37 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-38 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-39 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-41 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-42 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-43 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-44 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-45 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-46 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-47 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-48 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-49 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-51 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-52 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-53 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-54 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-55 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-56 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-57 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-58 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-59 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-61 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-62 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-63 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-64 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-65 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-66 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-67 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-68 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-69 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-71 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-72 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-73 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-74 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-75 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-76 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-77 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-78 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-79 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-81 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-82 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-83 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-84 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-85 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-86 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-87 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-88 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-89 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.shape-avatar.bg-91 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

.shape-avatar.bg-92 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

.shape-avatar.bg-93 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

.shape-avatar.bg-94 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

.shape-avatar.bg-95 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

.shape-avatar.bg-96 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

.shape-avatar.bg-97 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

.shape-avatar.bg-98 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

.shape-avatar.bg-99 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

.avatar {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ui.button,
.btn {
    font-size: 14px !important;
    line-height: 44px;
    height: 44px;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: all .15s ease-in-out !important
}

.ui.button.small,
.btn.small {
    height: 28px;
    line-height: 28px;
    font-size: 12px !important;
    padding: 0 12px !important;
    min-width: auto !important
}

.ui.button.tiny,
.btn.tiny {
    height: 28px;
    line-height: 28px;
    min-width: 90px;
    font-size: 12px !important
}

.ui.button.tiny.disabled,
.btn.tiny.disabled {
    min-height: 28px !important;
    line-height: 28px !important
}

.ui.button.tiny.icon,
.btn.tiny.icon {
    min-width: 28px;
    line-height: 30px;
    padding: 0 !important
}

.btn {
    color: #fff;
    border: 0;
    cursor: pointer
}

.btn:hover {
    color: #fff
}

body .ui.button,
body .btn-primary {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol !important;
    background: #376bfb !important;
    padding: 0 18px !important;
    margin: 0 !important;
    line-height: 44px;
    font-weight: 400
}

body .ui.button:hover,
body .btn-primary:hover {
    background: #004ff8 !important
}

body .ui.button.disabled,
body .btn-primary.disabled {
    background: #f5f5f5 !important;
    color: #d2d2d2 !important;
    opacity: 1 !important;
    min-height: 44px !important;
    line-height: 44px
}

body .ui.button .kolay-icons,
body .btn-primary .kolay-icons {
    margin-right: 4px;
    font-size: 11px
}

body .ui.button i,
body .btn-primary i {
    display: none
}

body .ui.button.circular i,
body .btn-primary.circular i {
    display: block
}

body .ui.button.show-icon i,
body .btn-primary.show-icon i {
    display: inline-block
}

body .ui.button.no-margin-right,
body .btn-primary.no-margin-right {
    margin-right: 0 !important
}

body .ui.button.no-margin-top,
body .btn-primary.no-margin-top {
    margin-top: 0 !important
}

body .ui.button.no-border,
body .btn-primary.no-border {
    box-shadow: inset 0 0 0 0 transparent
}

.ui.button.secondary,
.btn-default {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 1px #376bfb;
    color: #376bfb !important;
    margin-right: 10px !important
}

.ui.button.secondary:hover,
.btn-default:hover {
    background: #e8eaff !important;
    box-shadow: inset 0 0 0 1px #376bfb;
    color: #376bfb !important
}

.ui.button.red {
    background: #ff4c4c !important;
    margin-right: 10px !important;
    color: #fff !important
}

.ui.button.red:hover {
    background: #d71121 !important
}

.ui.button.akbank.red {
    background: #d8232a !important;
    margin-right: 10px !important;
    color: #fff !important
}

.ui.button.akbank.red:hover {
    background: #d71121 !important
}

.ui.button.yellow {
    background: #fec639 !important;
    margin-right: 10px !important;
    color: #fff !important
}

.ui.button.yellow:hover {
    background: #fcae31 !important
}

.ui.button.purple {
    background: #a461fb !important;
    margin-right: 10px !important;
    color: #fff !important
}

.ui.button.purple:hover {
    background: #9357e1 !important
}

.ui.button.green {
    background: #79c732 !important;
    margin-right: 10px !important;
    color: #fff !important
}

.ui.button.green:hover {
    background: #1b7c01 !important
}

.ui.button.dark-blue {
    background: rgba(22, 42, 76, .9) !important;
    margin-right: 10px !important;
    color: #fff !important
}

.ui.button.dark-blue:hover {
    background: rgba(22, 42, 76, .7) !important
}

.ui.button.orange {
    background: #fec639 !important;
    margin-right: 10px !important;
    color: #fff !important
}

.ui.button.orange:hover {
    background: #fcae31 !important
}

.ui.button.circular {
    min-width: 50px;
    min-height: 50px
}

.ui.button.circular .kolay-icons {
    margin: 0;
    font-size: 24px;
    top: 1px;
    position: relative
}

.ui.button.circular .kolay-icons:hover,
.ui.button.circular .kolay-icons:before {
    color: #fff !important
}

a.sni-button[color=primary]:hover {
    color: #fff
}

input:not([type]),
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea {
    width: 100%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    outline: 0;
    -webkit-appearance: none;
    min-height: 46px;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    color: #162a4c;
    background: #f0f2f5;
    border: 0;
    border-bottom: 3px solid #f0f2f5;
    line-height: unset;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .15s ease-in-out !important
}

textarea {
    resize: none;
    min-height: 50px !important;
    padding-top: 15px;
    padding-left: 15px !important;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol
}

.iban-input .sni-input-wrapper input {
    padding-left: 32px
}

kolay-textarea textarea {
    transition: all 0s !important
}

.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 .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 .field .error input,
.ui.form .field .error select {
    border-color: #ff4c4c !important;
    border-bottom: 3px solid #ff4c4c !important;
    color: #ff4c4c !important
}

.ui .field.error kolay-select .ng-select-container,
.ui .field.error input[type=text] .ng-select-container,
.ui .field.error kolay-select .ng-select-container,
.ui .fields.error .field kolay-select .ng-select-container {
    border-color: #ff4c4c !important;
    border-bottom: 3px solid #ff4c4c !important;
    background: #ffebee !important
}

.ui .field.error kolay-select input[type=text],
.ui .field.error input[type=text] input[type=text],
.ui .field.error kolay-select input[type=text],
.ui .fields.error .field kolay-select input[type=text] {
    border-bottom: unset !important;
    background: #ffebee !important
}

.ui .field.error kolay-select,
.ui .field.error input[type=text] {
    border-color: #ff4c4c !important;
    border-bottom: 2px solid #ff4c4c !important;
    color: #ff4c4c !important
}

.ui.form .fields.error .field kolay-textarea textarea,
.ui.form .field.error kolay-textarea textarea {
    border-top-color: transparent !important
}

.ui.form .field {
    position: relative
}

.ui.form .field[hidden] {
    display: none
}

.ui.form .field .disabled {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.ui.form label {
    min-height: 16px;
    color: #162a4c !important
}

.ui.form .field label {
    margin-bottom: 8px !important;
    display: inline-block
}

.input .fa-try {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #162a4c
}

.date-picker-input.error input[type=text],
.date-picker-input.error input[type=text]:focus {
    background: #ededed !important;
    border-color: #ff4c4c !important;
    border-bottom: 3px solid #ff4c4c !important;
    color: #ff4c4c !important
}

.date-time.error input[type=text],
.date-time.error input[type=text]:focus {
    background: #ededed !important;
    border-color: #ff4c4c !important;
    border-bottom: 3px solid #ff4c4c !important;
    color: #ff4c4c !important
}

.time-picker.error input[type=text] {
    background: #ededed !important;
    border-color: #ff4c4c !important;
    border-bottom: 3px solid #ff4c4c !important;
    color: #ff4c4c !important;
    height: 45px !important;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px
}

.time-only.error input[type=text],
.time-only.error input[type=text]:focus {
    background: #ededed !important;
    border-color: #ff4c4c !important;
    border-bottom: 3px solid #ff4c4c !important;
    color: #ff4c4c !important
}

.select-wrapper {
    position: relative;
    box-sizing: border-box;
    clear: both
}

.select-wrapper.tiny select {
    min-height: 40px;
    height: 40px !important;
    line-height: 24px !important
}

select {
    min-height: 46px;
    height: 46px !important;
    line-height: 30px !important;
    border: 0 !important;
    width: 100%;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    color: #162a4c !important;
    padding-left: 15px !important;
    padding-right: 37px;
    background: #f0f2f5 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTIgNyI+CiAgICA8cGF0aCBmaWxsPSIjNTE1QTY3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yLjIuMzYyYTEuMzI5IDEuMzI5IDAgMCAwLTEuODIzIDAgMS4yMDUgMS4yMDUgMCAwIDAgMCAxLjc1MWw0LjcxMSA0LjUyNWMuNTAzLjQ4MyAxLjMyMS40ODMgMS44MjQgMGw0LjcxMS00LjUyNWExLjIwNSAxLjIwNSAwIDAgMCAwLTEuNzUgMS4zMjkgMS4zMjkgMCAwIDAtMS44MjMgMEw2IDQuMDEgMi4yLjM2MnoiLz4KPC9zdmc+Cg==) no-repeat center right 16px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-right: 35px !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .15s ease-in-out !important
}

select:hover {
    background: #ededed url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTIgNyI+CiAgICA8cGF0aCBmaWxsPSIjNTE1QTY3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yLjIuMzYyYTEuMzI5IDEuMzI5IDAgMCAwLTEuODIzIDAgMS4yMDUgMS4yMDUgMCAwIDAgMCAxLjc1MWw0LjcxMSA0LjUyNWMuNTAzLjQ4MyAxLjMyMS40ODMgMS44MjQgMGw0LjcxMS00LjUyNWExLjIwNSAxLjIwNSAwIDAgMCAwLTEuNzUgMS4zMjkgMS4zMjkgMCAwIDAtMS44MjMgMEw2IDQuMDEgMi4yLjM2MnoiLz4KPC9zdmc+Cg==) no-repeat center right 16px !important
}

select.mobile-time {
    background: #f5f5f5 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGQ9Ik0wIDBoMTZ2MTZIMHoiLz4gICAgICAgIDxwYXRoIGZpbGw9IiM1MTVBNjciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMEMzLjU4OSAwIDAgMy41ODkgMCA4czMuNTg5IDggOCA4IDgtMy41ODkgOC04LTMuNTg5LTgtOC04em0wIDE0LjI5OEE2LjMwNSA2LjMwNSAwIDAgMSAxLjcwMiA4IDYuMzA1IDYuMzA1IDAgMCAxIDggMS43MDIgNi4zMDUgNi4zMDUgMCAwIDEgMTQuMjk4IDggNi4zMDUgNi4zMDUgMCAwIDEgOCAxNC4yOTh6bTQuMTctNi41NDVIOC41NzNWMy40M2EuNjU5LjY1OSAwIDAgMC0xLjMxNyAwdjQuOTgyYzAgLjM2My4yOTUuNjU4LjY1OC42NThoNC4yNTRhLjY1OS42NTkgMCAwIDAgMC0xLjMxN3oiLz4gICAgPC9nPjwvc3ZnPg==) no-repeat center right 16px !important
}

select.mobile-time:hover {
    background: #ededed url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGQ9Ik0wIDBoMTZ2MTZIMHoiLz4gICAgICAgIDxwYXRoIGZpbGw9IiM1MTVBNjciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMEMzLjU4OSAwIDAgMy41ODkgMCA4czMuNTg5IDggOCA4IDgtMy41ODkgOC04LTMuNTg5LTgtOC04em0wIDE0LjI5OEE2LjMwNSA2LjMwNSAwIDAgMSAxLjcwMiA4IDYuMzA1IDYuMzA1IDAgMCAxIDggMS43MDIgNi4zMDUgNi4zMDUgMCAwIDEgMTQuMjk4IDggNi4zMDUgNi4zMDUgMCAwIDEgOCAxNC4yOTh6bTQuMTctNi41NDVIOC41NzNWMy40M2EuNjU5LjY1OSAwIDAgMC0xLjMxNyAwdjQuOTgyYzAgLjM2My4yOTUuNjU4LjY1OC42NThoNC4yNTRhLjY1OS42NTkgMCAwIDAgMC0xLjMxN3oiLz4gICAgPC9nPjwvc3ZnPg==) no-repeat center right 16px !important
}

input.tiny {
    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important
}

body input.phone-input {
    padding-left: 140px !important
}

.owl-dt-calendar-control .owl-dt-control-button.owl-dt-control-arrow-button:first-child {
    position: absolute;
    right: 20px
}

.owl-dt-calendar-control .owl-dt-control-button.owl-dt-control-arrow-button:last-child {
    position: absolute;
    right: 0
}

.iban-prefix-content sni-input input {
    padding-left: 30px !important
}

.iban-prefix-content .iban-prefix {
    position: absolute;
    top: 40px;
    left: 10px;
    font-size: 13px;
    z-index: 1
}

.ui.toggle.checkbox input,
.ui.toggle.checkbox input:focus {
    outline: none !important;
    width: 62px !important;
    height: 25px !important
}

.ui.toggle.checkbox input~label,
.ui.toggle.checkbox input:focus~label {
    color: #162a4c
}

.ui.toggle.checkbox input:checked~label,
.ui.toggle.checkbox input:focus:checked~label {
    color: #5f6772 !important
}

.ui.toggle.checkbox.small label {
    padding: 0;
    width: 30px !important
}

.ui.toggle.checkbox.small input {
    width: 30px !important
}

.ui.toggle.checkbox.small .box:before,
.ui.toggle.checkbox.small label:before {
    width: 30px !important;
    height: 16px !important
}

.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
    background-color: #f4f4f4 !important;
    width: 56px !important;
    height: 30px !important;
    box-shadow: inset 0 1px 2px #00000008
}

@media (max-width: 767px) {

    .ui.toggle.checkbox .box:before,
    .ui.toggle.checkbox label:before {
        background: #f4f4f4 !important
    }
}

.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before,
.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before {
    background-color: #79c732 !important
}

@media (max-width: 767px) {

    .ui.toggle.checkbox input:checked~.box:before,
    .ui.toggle.checkbox input:checked~label:before,
    .ui.toggle.checkbox input:focus:checked~.box:before,
    .ui.toggle.checkbox input:focus:checked~label:before {
        background: #79c732 !important
    }
}

.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    width: 26px !important;
    height: 26px !important;
    top: 2px !important;
    left: 0 !important;
    margin-left: 2px;
    background: #ffffff;
    padding-left: 0;
    z-index: 1;
    box-shadow: none !important;
    transition: all .15s ease-in-out !important
}

.ui.toggle.checkbox.small .box:after,
.ui.toggle.checkbox.small label:after {
    width: 12px !important;
    height: 12px !important;
    right: 15px !important;
    left: 0;
    font-size: 0 !important
}

.ui.checkbox.small input:checked~.box:after,
.ui.checkbox.small input:checked~label:after {
    left: 14px !important
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
    background: #ffffff !important;
    color: #79c732 !important;
    left: 1.88rem !important
}

.ui.toggle.checkbox input~.box:after,
.ui.toggle.checkbox input~label:after {
    font: 12px/1 kolayik;
    content: "\e918" !important;
    line-height: 28px;
    box-shadow: inset 0 1px 2px #00000008;
    color: #fff
}

.ui.toggle.checkbox input:checked~.box:after,
.ui.toggle.checkbox input:checked~label:after {
    padding-left: 2px;
    content: "\e917" !important;
    font-size: 14px
}

.ui.toggle.checkbox input~.box:after,
.ui.toggle.checkbox input~label:after,
.ui.toggle.checkbox input:focus~.box:after,
.ui.toggle.checkbox input:focus~label:after {
    color: #b2b9bb
}

.ui.toggle.checkbox input:checked~.box,
.ui.toggle.checkbox input:checked~label {
    color: #162a4cb3
}

.ui.toggle.checkbox label {
    line-height: 28px !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important
}

.ui.toggle.checkbox.right-aligned {
    width: 100%
}

.ui.toggle.checkbox.right-aligned label {
    padding-left: 0 !important;
    padding-right: 75px !important;
    width: 100%
}

.ui.toggle.checkbox.right-aligned label:before {
    right: 0;
    left: auto
}

.ui.toggle.checkbox.right-aligned label:after {
    left: auto !important;
    right: 28px
}

.ui.toggle.checkbox.right-aligned input {
    left: auto;
    right: 0
}

.ui.toggle.checkbox.right-aligned input:checked~label:after {
    right: 2px !important;
    left: auto !important
}

.ui.accordion.checkbox input {
    width: 100%
}

.ui.accordion.checkbox label {
    padding-left: 22px
}

.ui.accordion.checkbox .box:before,
.ui.accordion.checkbox label:before {
    font: 20px/1 kolayik;
    content: "\e91e" !important;
    line-height: 20px;
    box-shadow: inset 0 0 #000;
    color: #d2d2d2;
    border: 0;
    text-align: center
}

.ui.accordion.checkbox input:checked~.box:before,
.ui.accordion.checkbox input:checked~label:before {
    border: 0 !important;
    content: "\e91f" !important
}

.ui.accordion.checkbox .box:after,
.ui.accordion.checkbox label:after,
.ui.accordion.checkbox input:checked~.box:after,
.ui.accordion.checkbox input:checked~label:after {
    display: none
}

.ui.dropdown {
    position: relative
}

.ui.dropdown input.check-dropdown {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer
}

.ui.dropdown input.check-dropdown:checked~.menu {
    transform: scaleY(1) !important;
    -webkit-transform: scaleY(1) !important;
    opacity: 1
}

.ui.dropdown input~.menu {
    display: block;
    transform: scaleY(0) !important;
    transform-origin: top left !important;
    transition-duration: .2s !important;
    -webkit-transform: scaleY(0) !important;
    -webkit-transform-origin: top left !important;
    -webkit-transition-duration: .2s !important;
    opacity: 0;
    transition: all .15s ease-in-out !important
}

.ui.dropdown.no-transition input~.menu {
    transition-duration: 0s !important;
    -webkit-transition-duration: 0s !important
}

.ui.dropdown {
    line-height: 40px;
    padding-right: 5px;
    padding-left: 10px
}

.ui.dropdown:hover {
    color: #376bfb
}

.ui.dropdown:hover .text .kolay-icons {
    color: #376bfb !important
}

.ui.dropdown:hover>.kolayicon-options {
    color: #376bfb !important
}

.ui.dropdown .kolayicon-drop-arrow-down {
    position: relative;
    top: 2px;
    left: 2px
}

.ui.dropdown .text .kolayicon-more-horizontal {
    color: #234471;
    font-size: 18px
}

.ui.dropdown.action {
    line-height: 30px;
    padding-top: 10px
}

.ui.dropdown .menu {
    line-height: normal !important;
    box-shadow: 0 2px 20px #1d1f221a !important;
    padding: 0 !important;
    border: none !important;
    min-width: 170px !important;
    margin-top: 0 !important
}

.ui.dropdown .menu>.item {
    width: 100%;
    background: none;
    font-size: 13px !important;
    color: #162a4c;
    padding: 14px 20px !important;
    float: left;
    box-sizing: border-box
}

.ui.dropdown .menu>.item:hover {
    background: #f9fafc !important;
    color: #162a4c !important
}

.ui.dropdown .menu>.item.active {
    font-weight: 400 !important
}

.ui.dropdown .menu>.item.active:before {
    transition: all .15s ease-in-out !important;
    position: absolute;
    font-family: kolayik;
    content: "\e917";
    line-height: 43px;
    font-size: 16px;
    color: #79c732;
    right: 10px;
    top: 0;
    z-index: 1
}

.ui.dropdown .menu>.item:first-child {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0
}

.ui.dropdown .menu>.item:last-child {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px
}

.ui.dropdown .menu>.item .drop-icon {
    position: relative;
    top: 1px
}

.ui.dropdown .menu>.item .dropdown.icon {
    position: absolute;
    left: 0
}

.ui.dropdown .menu a {
    transition: all .15s ease-in-out !important;
    color: #162a4c !important
}

.ui.dropdown .menu a:hover {
    color: #376bfb !important
}

.ui.dropdown .menu.padded {
    padding: 20px !important
}

.ui.dropdown .menu * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ui.dropdown>.icon {
    top: 0 !important;
    font-size: 14px;
    position: relative;
    display: inline-block !important;
    margin-right: 8px;
    margin-left: 5px;
    color: #162a4c
}

.ui.dropdown>.icon:before {
    transition: all .15s ease-in-out !important;
    position: absolute;
    font-family: kolayik;
    content: "\e91e" !important;
    font-size: 12px;
    color: #162a4c;
    right: 0px;
    top: 3px
}

.ui.dropdown.simple.last-child:hover .menu {
    bottom: 10px;
    top: auto !important;
    right: 20px !important
}

.ui.dropdown.kolay-dropdown {
    height: 46px;
    line-height: 46px;
    color: #162a4c !important;
    background: #f5f5f5;
    border: 0 !important;
    padding-left: 15px !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ui.dropdown.kolay-dropdown.tiny {
    height: 40px !important;
    line-height: 40px !important
}

.ui.dropdown.kolay-dropdown.tiny .menu {
    top: 50px
}

.ui.dropdown.kolay-dropdown.active,
.ui.dropdown.kolay-dropdown.dark-dropdown {
    background: #162a4c !important
}

.ui.dropdown.kolay-dropdown.active>.text,
.ui.dropdown.kolay-dropdown.active>.icon,
.ui.dropdown.kolay-dropdown.dark-dropdown>.text,
.ui.dropdown.kolay-dropdown.dark-dropdown>.icon {
    position: relative;
    z-index: 99;
    color: #fff
}

.ui.dropdown.kolay-dropdown.active>.icon:before,
.ui.dropdown.kolay-dropdown.dark-dropdown>.icon:before {
    color: #fff;
    content: "\e91f" !important
}

.ui.dropdown.kolay-dropdown.dark-dropdown>.icon:before {
    content: "\e91e" !important
}

.ui.dropdown.kolay-dropdown>.menu {
    opacity: 1;
    top: 55px;
    left: 0;
    padding: 0 !important;
    min-width: 200px !important;
    overflow: hidden
}

.ui.dropdown.kolay-dropdown>.menu::-webkit-scrollbar-track {
    background-color: #fff !important
}

.ui.dropdown.kolay-dropdown>.menu::-webkit-scrollbar {
    width: 1px
}

.ui.dropdown.kolay-dropdown>.menu .item {
    transition: all .15s ease-in-out !important;
    position: relative;
    padding: 10px 20px 10px 15px !important
}

.ui.dropdown.kolay-dropdown>.menu .item:hover {
    background: #f9fafc
}

.ui.dropdown.kolay-dropdown:hover {
    background: #ededed
}

.ui.dropdown.kolay-dropdown.no-max-height .menu {
    max-height: none
}

.ui.dropdown.dark .menu {
    padding: 10px !important;
    min-width: 180px !important;
    max-height: 335px;
    overflow-x: hidden;
    box-shadow: 0 2px 10px #0000001a !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #162a4c
}

.ui.dropdown.dark .menu>.item {
    padding: 13px 23px 13px 13px !important;
    color: #fff !important;
    transition: all .1s;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ui.dropdown.dark .menu>.item:hover {
    background: #376bfb !important
}

.ui.dropdown.dark .menu>.item .drop-icon {
    color: #fff;
    margin-right: 10px;
    font-size: 18px;
    width: 18px !important;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 10px
}

.ui.dropdown.dark .menu>.item .with-icon {
    padding-left: 27px
}

.ui.dropdown.dark .menu>.item.delete,
.ui.dropdown.dark .menu>.item.cancel {
    color: #ff4c4c !important
}

.ui.dropdown.dark .menu>.item.delete:hover,
.ui.dropdown.dark .menu>.item.cancel:hover {
    background: #ff4c4c !important;
    color: #fff !important
}

.ui.dropdown.dark .menu>div.scroll {
    overflow: hidden;
    overflow-y: scroll;
    height: 190px;
    width: 200px
}

.ui.dropdown.dark .menu>div.scroll>.item {
    padding: 13px 23px 13px 13px !important;
    color: #fff !important;
    float: left;
    transition: all .1s;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
    text-align: left
}

.ui.dropdown.dark .menu>div.scroll>.item:hover {
    background: #376bfb !important
}

.ui.dropdown.dark.with-icon .menu .item {
    padding-left: 40px !important;
    margin: 0 !important
}

.ui.dropdown.dark.with-icon .menu .item:after {
    font-family: kolayik;
    content: "\e974";
    color: #fff;
    position: absolute;
    left: 10px;
    top: 11px;
    font-size: 20px;
    width: 20px !important;
    text-align: center;
    transition: all .15s ease-in-out !important
}

.ui.dropdown.dark.with-icon .menu .item.delete,
.ui.dropdown.dark.with-icon .menu .item.cancel {
    color: #ff4c4c !important
}

.ui.dropdown.dark.with-icon .menu .item.delete:after,
.ui.dropdown.dark.with-icon .menu .item.cancel:after {
    color: #ff4c4c;
    content: "\e959";
    top: 12px
}

.ui.dropdown.dark.with-icon .menu .item.delete:hover,
.ui.dropdown.dark.with-icon .menu .item.cancel:hover {
    background: #ff4c4c !important;
    color: #fff !important
}

.ui.dropdown.dark.with-icon .menu .item.delete:hover:after,
.ui.dropdown.dark.with-icon .menu .item.cancel:hover:after {
    color: #fff
}

.ui.dropdown.dark.with-icon .menu .item.rename:after,
.ui.dropdown.dark.with-icon .menu .item.edit:after {
    content: "\e943"
}

.ui.dropdown.dark.with-icon .menu .item.pdf:after {
    content: "\e92a"
}

.ui.dropdown.dark.with-icon .menu .item.excell:after {
    content: "\e93a"
}

.ui.dropdown.dark.with-icon .menu .item.word:after {
    content: "\e933"
}

.ui.dropdown.dark.with-icon .menu .item.advance:after {
    content: "\e974"
}

.ui.dropdown.dark.with-icon .menu .item.expense:after {
    content: "\e95d"
}

.ui.dropdown.dark.with-icon .menu .item.bonus:after {
    content: "\e914"
}

.ui.dropdown.dark.with-icon .menu .item.timelog:after {
    content: "\e955"
}

.ui.dropdown.dark.with-icon .menu .item.other:after {
    content: "\e903"
}

.ui.dropdown.dark.with-icon .menu .item.enforce:after {
    content: "\e953"
}

.ui.dropdown.dark.with-icon .menu .item.leave:after {
    content: "\e987"
}

.ui.dropdown.dark.with-icon .menu .item.visa:after {
    content: "\e95c"
}

.ui.dropdown.dark.with-icon .menu .item.block:after {
    content: "\e91c"
}

.ui.dropdown.dark.with-icon .menu .item.new-tab:after {
    content: "\e969"
}

.ui.dropdown.dark.with-icon .menu .item.help-desk:after {
    content: "\e902"
}

.ui.dropdown.dark.with-icon .menu .item.live-support:after {
    content: "\e96b"
}

.ui.dropdown.dark.with-icon .menu .item.support-pass:after {
    content: "\e96c"
}

.ui.dropdown.dark.submenu .menu {
    overflow: unset !important
}

.ui.simple.dropdown.dark .menu .item:hover {
    color: #fff !important
}

.ui.simple.dropdown:hover .menu {
    display: block;
    -webkit-animation: slideToggleAnimation .2s;
    animation: slideToggleAnimation .2s
}

@-webkit-keyframes slideToggleAnimation {
    0% {
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform-origin: top center
    }

    to {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform-origin: top center
    }
}

@keyframes slideToggleAnimation {
    0% {
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform-origin: top center
    }

    to {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform-origin: top center
    }
}

.ui.simple.dropdown .menu {
    transition: 0s .2s;
    width: auto !important;
    height: auto !important;
    top: 55px !important;
    display: none
}

.ui.simple.dropdown .menu .item:hover {
    color: #376bfb !important
}

kolay-select {
    width: 100%;
    display: inline-block;
    min-height: 46px;
    position: relative
}

kolay-select .clear-selection {
    position: absolute;
    top: 0;
    right: 35px;
    cursor: pointer;
    height: 46px;
    line-height: 47px;
    width: 12px;
    text-align: right
}

kolay-select.tiny .clear-selection {
    height: 40px;
    line-height: 42px
}

kolay-select:hover .clear-selection {
    transition: all .15s ease-in-out !important
}

kolay-select.filter .sni-element-wrapper .ng-select .ng-arrow-wrapper {
    padding-right: 30px
}

kolay-select.filter .sni-element-wrapper .ng-select .ng-arrow-wrapper .ng-arrow:before {
    font-family: kolayik !important;
    content: "\e923" !important;
    transform: rotate(0) !important;
    background-image: unset !important;
    width: auto;
    height: auto
}

kolay-select.filter .sni-element-wrapper .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow:before {
    margin-top: 4px
}

kolay-select.filter .sni-element-wrapper .ng-select.ng-select-focused .ng-arrow-wrapper .ng-arrow:before {
    color: #376bfb
}

.ui.dropdown.standard {
    line-height: 30px;
    z-index: unset !important
}

.ui.dropdown.standard>* {
    z-index: 2;
    pointer-events: none !important
}

.ui.dropdown.standard .menu {
    margin-top: -5px !important;
    z-index: 1;
    overflow: visible !important;
    display: none;
    transition-delay: 2s;
    transition: all .15s ease-in-out !important
}

.ui.dropdown.standard .menu:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    top: -29px;
    left: 0;
    z-index: 3
}

.ui.dropdown.standard .menu.fixed {
    position: fixed;
    z-index: 9;
    top: 144px;
    right: 30px !important
}

.ui.dropdown.standard .text {
    min-width: 100%;
    height: 100%;
    box-sizing: border-box
}

.ui.dropdown.standard .text:before {
    content: "\e91e";
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: 24px;
    font-family: kolayik;
    color: #162a4c
}

.ui.dropdown.standard:active .menu,
.ui.dropdown.standard:active .left.menu,
.ui.dropdown.standard .menu:hover,
.ui.dropdown.standard .left.menu:hover {
    z-index: 999;
    display: block;
    pointer-events: visible !important
}

.ui.dropdown.standard.kolay-dropdown {
    padding: 0 !important;
    height: 46px;
    line-height: 43px !important
}

.ui.dropdown.standard.kolay-dropdown .text {
    padding-left: 15px;
    padding-right: 38px;
    vertical-align: top;
    float: none;
    line-height: 46px;
    transition: all .15s ease-in-out !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ui.dropdown.standard.kolay-dropdown .menu {
    margin-top: 0 !important
}

.ui.dropdown.standard.kolay-dropdown .menu:before {
    height: 50px;
    top: -50px
}

.ui.dropdown.standard.kolay-dropdown .menu:hover+.text {
    background: #162a4c !important;
    color: #fff !important
}

.ui.dropdown.standard.kolay-dropdown .menu:hover+.text:before {
    color: #fff;
    content: "\e91f"
}

.ui.dropdown.standard.kolay-dropdown:hover {
    background: #ededed;
    color: #162a4c
}

.ui.dropdown.standard.kolay-dropdown.tiny .text {
    line-height: 40px !important
}

.ui.dropdown.standard .left.menu {
    display: none
}

.ui.dropdown.standard.tiny {
    line-height: 40px !important
}

@media (max-width: 767px) {

    .ui.dropdown.standard:hover .menu,
    .ui.dropdown.standard:hover .left.menu,
    .ui.dropdown.standard .menu:hover,
    .ui.dropdown.standard .left.menu:hover {
        z-index: 99;
        display: block;
        pointer-events: visible !important
    }
}

.ui.dropdown.action .text:before {
    content: "\e957";
    font-size: 24px;
    top: 7px;
    right: 0
}

.ui.dropdown.action:hover .text:before {
    color: #376bfb !important
}

.ui.dropdown.filter .text:before {
    content: "\e923";
    font-size: 20px
}

.ui.dropdown.filter .menu:hover+.text:before {
    content: "\e923" !important
}

.ui.dropdown.no-icon .text:before {
    display: none
}

.ui.dropdown.no-icon .menu:before {
    height: 80px;
    top: -80px
}

.ui.dropdown.with-scroll>.menu {
    padding: 0 !important
}

.ui.dropdown.with-scroll>.menu>.menu {
    right: 0;
    overflow: hidden !important;
    overflow-y: scroll !important;
    max-height: 300px;
    width: 100%;
    display: block
}

.ui.dropdown.above .menu:before {
    top: auto;
    left: -200px;
    bottom: 0;
    width: 200px;
    z-index: 3;
    height: 40px
}

.ui.table {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border: 0
}

.ui.table tr:nth-child(odd) td {
    background: #f9fafc
}

.ui.table tr:nth-child(odd):hover td {
    background: #f9fafc
}

.ui.table tr:nth-child(even) td {
    background: #ffffff
}

.ui.table tr:nth-child(even):hover td {
    background: #ffffff
}

.ui.table tr.dark td {
    color: #162a4c
}

.ui.table tr th {
    background: #ffffff !important
}

.ui.table tr td,
.ui.table tr th {
    transition: all 0s ease-in-out !important;
    height: 50px;
    min-height: 50px;
    font-size: 13px;
    border: 0;
    cursor: default
}

.ui.table tr td:first-child,
.ui.table tr th:first-child {
    padding-left: 30px !important
}

@media (max-width: 767px) {

    .ui.table tr td:first-child,
    .ui.table tr th:first-child {
        padding-left: 12px !important
    }
}

.ui.table tr td:last-child,
.ui.table tr th:last-child {
    padding-right: 10px !important
}

.ui.table tr.active-row td:first-child {
    position: relative
}

.ui.table tr.active-row td:first-child:before {
    top: 0;
    border-left: 7px solid #376bfb;
    content: "";
    position: absolute;
    height: 100%;
    left: 0
}

.ui.table tr.scheduled-row td:first-child {
    position: relative
}

.ui.table tr.scheduled-row td:first-child:before {
    top: 0;
    border-left: 7px solid #fcae31;
    content: "";
    position: absolute;
    height: 100%;
    left: 0
}

.ui.table tr.disable td {
    position: relative
}

.ui.table tr.disable td:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffffb3;
    content: " ";
    z-index: 1
}

.ui.table tr.disable td:last-child .dropdown {
    z-index: 2 !important
}

.ui.table tr:last-child td {
    padding-bottom: 10px !important
}

.ui.table tr th {
    font-weight: 400;
    color: #162a4c;
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.ui.table tr td {
    color: #162a4c
}

.ui.table .actions .action-item {
    margin-left: 3px;
    margin-right: 3px
}

@media (max-width: 767px) {

    .ui.table th,
    .ui.table th a,
    .ui.table td,
    .ui.table td * {
        font-weight: 600 !important
    }

    .ui.table th,
    .ui.table td {
        text-align: left !important
    }

    .ui.table.ui.table:not(.unstackable) tr>th,
    .ui.table.ui.table:not(.unstackable) tr>td {
        padding-left: 26px !important
    }

    .ui.table tbody tr:nth-child(odd) {
        background: #f9fafc !important
    }
}

.ui.tag {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    padding: 0 8px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px
}

.ui.tag.roundless {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.ui.segment .ui.table {
    width: calc(100% + 28px) !important;
    margin-left: -14px;
    margin-bottom: -14px
}

.table-header {
    position: relative;
    box-shadow: 0 1px 4px #00000012 !important;
    margin-top: -13px !important
}

.table-header thead tr .table-content {
    font-size: 15px;
    padding: 17px 20px 17px 24px !important
}

.table-header thead tr .table-content i {
    position: relative;
    top: 2px;
    padding-right: 5px
}

.table-header thead tr .table-content .add-new {
    position: absolute;
    top: 13px;
    z-index: 1;
    right: 10px
}

@media (max-width: 767px) {
    .table-header thead tr .table-content .add-new {
        top: 24px;
        right: 24px
    }
}

.page-content .ui.table {
    margin-top: 0;
    margin-bottom: 40px;
    border: 1px solid rgba(22, 42, 76, .1);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.page-content .ui.table tr th a {
    color: #162a4ce6
}

.page-content .ui.table tr td {
    border-top: 1px solid rgba(22, 42, 76, .1);
    color: #162a4ce6
}

.page-content .ui.table tr th,
.page-content .ui.table tr td {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.page-content .ui.table tr:nth-child(odd) td {
    background: #fafbfc
}

.no-result-wrapper {
    position: absolute;
    z-index: 1;
    top: 70px;
    width: 100%;
    text-align: center
}

.no-result-wrapper span {
    color: #162a4c
}

.no-results {
    font-size: 13px;
    border: 1px solid rgba(22, 42, 76, .15);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fafbfc;
    color: #162a4ce6;
    padding: 9px;
    min-height: 48px
}

.no-results p {
    line-height: 28px;
    margin: 0
}

.data-table-empty-message {
    position: absolute;
    margin-top: -86px;
    padding-right: 15px;
    z-index: 1;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #162a4ce6
}

.data-table-empty-message a {
    color: #376bfb;
    cursor: pointer
}

kolay-checkbox .kolay-checkbox-wrapper .textBox {
    vertical-align: middle;
    font-weight: 400
}

kolay-checkbox.vertical-middle .kolay-checkbox-wrapper {
    margin-bottom: 0
}

kolay-checkbox.vertical-middle .kolay-checkbox-wrapper .textBox {
    line-height: 28px
}

kolay-checkbox.no-border-bottom .kolay-checkbox-wrapper {
    margin-bottom: 0
}

kolay-checkbox.vertical-middle-100 .kolay-checkbox-wrapper {
    height: 100%
}

kolay-checkbox.vertical-middle-100 .kolay-checkbox-wrapper .checkBoxHolder {
    vertical-align: middle
}

kolay-checkbox.disable {
    pointer-events: none;
    display: inline-block;
    cursor: not-allowed
}

kolay-checkbox.disable .checkBoxHolder .checkBtn.checkbox {
    background: rgba(22, 42, 76, .2) !important
}

kolay-radio.disable {
    pointer-events: none;
    display: inline-block;
    cursor: not-allowed
}

kolay-radio.disable .radioBox {
    opacity: .6
}

kolay-filter .icon.filter {
    top: 8px !important;
    background: none
}

kolay-filter .icon.filter:before {
    position: absolute;
    top: 4px;
    right: 11px;
    content: "\e923";
    font-family: kolayik;
    font-size: 20px;
    color: #162a4cb3
}

kolay-filter .icon-remove {
    background: none
}

app-filters {
    width: 100%
}

.notification-box {
    position: fixed;
    bottom: 24px;
    right: 24px;
    box-shadow: 0 2px 10px #0000001a !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #1d3a64;
    padding: 20px;
    color: #fff;
    z-index: 999;
    display: flex;
    align-items: center
}

.notification-box .icon {
    float: left;
    width: 50px;
    height: 50px;
    text-align: left
}

.notification-box .icon img {
    width: 50px;
    height: 50px
}

.notification-box .text {
    float: left;
    max-width: 240px;
    padding-left: 15px;
    padding-right: 15px
}

.notification-box .text .sub-text {
    padding-bottom: 10px
}

.notification-box .text .buttons {
    float: left;
    text-align: center
}

.notification-box .text .buttons button {
    min-width: 40px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 13px !important
}

.notification-box .text .buttons a {
    color: #fff;
    padding-left: 10px;
    font-size: 12px
}

@media (max-width: 767px) {
    .notification-box {
        bottom: 60px
    }
}

@media (max-width: 479px) {
    .notification-box {
        left: 24px;
        bottom: 60px
    }
}

@media (max-width: 320px) {
    .notification-box .icon {
        display: none
    }

    .notification-box .text {
        padding-left: 5px
    }
}

.notify-info-bar {
    display: table;
    width: 100%;
    padding: 8px 16px;
    box-sizing: border-box;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #162a4ce6
}

.notify-info-bar i {
    vertical-align: middle;
    display: table-cell;
    padding-left: 8px;
    padding-right: 6px
}

.notify-info-bar .text-box {
    display: table-cell
}

.notify-info-bar.info {
    background: #e8eaff
}

.notify-info-bar.warning {
    background: #fffac6
}

.handsontable-container {
    min-height: calc(100vh - 285px);
    height: auto;
    position: relative
}

.handsontable-container .handsontable .htDimmed {
    color: #162a4c
}

.switch {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 46px;
    margin-top: 30px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    height: 46px;
    transition: all .25s;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden
}

.switch .slider .option-wrapper {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    height: 46px;
    line-height: 46px
}

.switch .slider .option-wrapper span {
    width: 50%;
    float: left;
    text-align: center
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 46px;
    width: 50%;
    left: 0;
    bottom: 0;
    background-color: #79c732;
    box-shadow: inset 1px 2px 3px #00000026;
    transition: all .25s
}

.switch input:checked+.slider {
    background-color: #f5f5f5
}

.switch input+.slider * {
    transition: all .25s
}

.switch input+.slider span span:first-child,
.switch input:checked+.slider span span:last-child {
    color: #fff !important
}

.switch input+.slider span span:last-child,
.switch input:checked+.slider span span:first-child {
    color: #162a4cb3 !important
}

.switch input:checked+.slider:before {
    transform: translate(100%)
}

@media (max-width: 767px) {
    .switch {
        margin-top: 10px !important
    }
}

.with-label .switch {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto
}

.with-label .switch .slider {
    top: 46px
}

.with-label .switch p {
    margin-bottom: 37px
}

.ui.pagination.menu {
    clear: both;
    float: left;
    border: 0;
    box-shadow: 0 2px 20px #00000017;
    overflow: hidden;
    min-height: 37px;
    margin-bottom: 20px !important
}

.ui.pagination.menu .ngx-pagination {
    margin-bottom: 0;
    min-height: 37px
}

.ui.pagination.menu .ngx-pagination li {
    font-size: 13px !important;
    background: #ffffff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #162a4c !important;
    padding: 0;
    text-align: center;
    height: 37px;
    line-height: 37px;
    min-width: 37px;
    float: left;
    margin: 0
}

.ui.pagination.menu .ngx-pagination li.current {
    padding: 0 10px;
    background: #376bfb;
    color: #fff !important
}

.ui.pagination.menu .ngx-pagination li a {
    padding: 0 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 37px;
    line-height: 37px;
    min-width: 37px;
    color: #162a4c !important
}

.ui.pagination.menu .ngx-pagination li a:hover {
    background: #ededed
}

.ui.pagination.menu .ngx-pagination li button {
    color: #162a4c !important
}

.ui.pagination.menu .ngx-pagination li.pagination-previous.disabled:before {
    font-family: kolayik;
    content: "\e91b";
    font-size: 20px;
    color: #d2d2d2;
    margin: 0
}

.ui.pagination.menu .ngx-pagination li.pagination-previous a:before {
    font-family: kolayik;
    content: "\e91b";
    font-size: 20px;
    margin: 0
}

.ui.pagination.menu .ngx-pagination li.pagination-next.disabled:after {
    font-family: kolayik;
    content: "\e900";
    font-size: 20px;
    color: #d2d2d2;
    margin: 0
}

.ui.pagination.menu .ngx-pagination li.pagination-next a:after {
    font-family: kolayik;
    content: "\e900";
    font-size: 20px;
    margin: 0
}

.load-more-pagination {
    text-align: center;
    padding-top: 0;
    padding-bottom: 20px;
    position: relative
}

.load-more-pagination span {
    padding: 10px 10px 10px 27px;
    color: #376bfb;
    font-size: 13px;
    cursor: pointer
}

.load-more-pagination i {
    color: #376bfb;
    position: absolute
}

.load-more-pagination .loading-circle {
    -webkit-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.breadcrumb {
    width: 100%;
    padding: 12px 24px
}

.breadcrumb .back {
    position: absolute;
    width: 40px;
    height: 50px;
    display: inline-block
}

.breadcrumb .back:before {
    position: absolute;
    font-family: kolayik;
    content: "\e91b" !important;
    font-size: 24px;
    color: #376bfb;
    left: 5px;
    top: 15px
}

.breadcrumb .breadcrumb-content {
    padding-left: 46px;
    padding-right: 135px
}

.breadcrumb .breadcrumb-content .items,
.breadcrumb .breadcrumb-content .items a {
    color: #162a4cb3;
    font-size: 14px
}

.breadcrumb .breadcrumb-content .current-page {
    padding: 0 !important
}

.container-wrap {
    background: #ffffff;
    min-height: 100vh;
    color: #162a4cb3
}

.container-wrap .content-header {
    border-bottom: 1px solid rgba(22, 42, 76, .1);
    background: #ffffff
}

.container-wrap .content-header .current-page {
    padding: 21px 0 0 24px
}

.container-wrap .content-header .current-page h2 {
    font-size: 20px;
    font-weight: 400
}

.container-wrap .content-header.borderless {
    border: none
}

.container-wrap .right-content {
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 2
}

.container-wrap .topMenu {
    border-bottom: 1px solid rgba(22, 42, 76, .1)
}

.container-wrap .page-content {
    position: relative;
    padding: 32px 24px;
    height: 100%;
    min-height: 100vh
}

.container-wrap .page-content.with-head {
    padding-top: 140px !important
}

.container-wrap .page-content.with-back-button {
    padding-top: 82px !important
}

.container-wrap .page-content .content-head {
    width: 100%;
    float: left
}

.container-wrap .page-content .content-head.bordered {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(22, 42, 76, .1)
}

.container-wrap .page-content .content-head .right-head {
    position: absolute;
    right: 24px;
    top: 137px
}

.container-wrap .page-content .content-head .point {
    font-size: 20px;
    padding-left: 12px;
    font-weight: 400;
    color: #162a4cb3
}

.container-wrap .page-content .action-buttons {
    position: fixed;
    top: 14px;
    right: 14px;
    z-index: 4
}

.container-wrap .page-content .content-body {
    width: 100%;
    float: left;
    padding-top: 16px;
    padding-bottom: 96px
}

.container-wrap .page-content .section {
    height: 100%;
    padding-left: 98px;
    padding-top: 5px
}

.container-wrap .page-content .section h3 {
    padding-bottom: 32px
}

.container-wrap .page-content .section .ui.form .field label {
    position: relative;
    display: block;
    max-width: 500px;
    color: #162a4ce6 !important
}

.container-wrap .page-content .section .ui.form .field label span {
    display: block;
    color: #162a4cb3
}

.container-wrap .page-content .section .ui.form .field .sub-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3
}

.container-wrap .page-content .section .ui.form .field input,
.container-wrap .page-content .section .ui.form .field select,
.container-wrap .page-content .section .ui.form .field sni-input,
.container-wrap .page-content .section .ui.form .field kolay-number,
.container-wrap .page-content .section .ui.form .field .sni-input-wrapper,
.container-wrap .page-content .section .ui.form .field kolay-select {
    max-width: 360px
}

.container-wrap .page-content .section .ui.form .field .switch {
    max-width: 266px
}

.container-wrap .page-content .section .ui.form .field .right-text {
    position: absolute;
    right: 160px;
    bottom: -40px;
    color: #162a4cb3
}

.container-wrap .page-content .section .ui.form .field .bottom-text {
    font-size: 12px;
    color: #162a4cb3
}

.container-wrap .page-content .section .ui.form .field.error label {
    color: #ff4c4c !important
}

.container-wrap .page-content .section .ui.form .field.error .validation {
    color: #ff4c4c;
    padding-top: 5px
}

.container-wrap .page-content .section .dynamic-form-element input,
.container-wrap .page-content .section .dynamic-form-element select,
.container-wrap .page-content .section .dynamic-form-element sni-input .sni-element-wrapper,
.container-wrap .page-content .section .dynamic-form-element kolay-number .sni-element-wrapper,
.container-wrap .page-content .section .dynamic-form-element kolay-select .sni-element-wrapper,
.container-wrap .page-content .section .dynamic-form-element kolay-datepicker .sni-element-wrapper {
    max-width: 360px
}

.container-wrap .page-content .section .dynamic-form-element kolay-checkbox .kolay-checkbox-wrapper,
.container-wrap .page-content .section .dynamic-form-element kolay-radio .sni-element-wrapper {
    max-width: 500px
}

.container-wrap .page-content.dark-bg {
    padding-top: 121px !important
}

.container-wrap .page-content.dark-bg .container-wrapper {
    background: #fff;
    min-height: 100vh
}

.container-wrap .page-content .card-item {
    background: #ffffff;
    border: 1px solid rgba(22, 42, 76, .15);
    padding: 20px;
    min-height: 144px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #162a4ce6
}

.container-wrap .page-content .card-item .title {
    font-weight: 500;
    font-size: 16px
}

.container-wrap .page-content .card-item .card-content-value {
    font-size: 36px;
    letter-spacing: -.02em;
    line-height: 36px;
    font-style: normal;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 4px
}

.container-wrap .page-content .card-item .ui.progress,
.container-wrap p,
.container-wrap h1,
.container-wrap h2,
.container-wrap h3 {
    margin: 0
}

.container-wrap h2,
.container-wrap h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: .02em;
    color: #162a4ce6
}

.container-wrap .content-separator {
    width: 70%;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid rgba(22, 42, 76, .1)
}

.list-box {
    width: 500px;
    padding: 20px 20px 20px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #e8eaff;
    border-radius: 2px
}

.list-box .list {
    position: relative
}

.list-box .list .title {
    padding-left: 28px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-left: 1px solid rgba(22, 42, 76, .2);
    color: #162a4ce6;
    font-weight: 500
}

.list-box .list .title:first-child {
    position: relative;
    background: #e8eaff;
    z-index: 1;
    border-left: 0
}

.list-box .list ul {
    margin: 0
}

.list-box .list ul li {
    margin: 0;
    position: relative;
    padding-left: 28px;
    padding-bottom: 10px;
    color: #162a4ce6;
    font-weight: 400
}

.list-box .list ul li span {
    z-index: 1;
    position: absolute;
    left: -9px;
    background: #526d94;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.list-box .list ul li:before {
    position: absolute;
    border-left: 1px solid rgba(22, 42, 76, .2);
    left: 0;
    top: 0;
    height: 100%;
    content: ""
}

.list-box .list ul li:last-child:before {
    border-left: 0
}

.step-container {
    padding: 13px 24px
}

.step-container ul li {
    padding-right: 30px;
    display: inline-block
}

.step-container ul li a {
    color: #162a4cb3
}

.step-container ul li.active span:first-child {
    background-color: #376bfb
}

.step-container ul li.invalid span:first-child {
    background-color: #ff362e
}

.step-container ul li.disable {
    opacity: .8;
    pointer-events: none
}

.step-container ul li.disable span {
    opacity: .8
}

.step-container ul li span:first-child {
    border-radius: 50%;
    background-color: gray;
    color: #fff;
    width: 20px;
    height: 20px;
    float: left;
    text-align: center;
    line-height: 20px;
    font-size: 10px
}

.step-container ul li span:last-child {
    padding-left: 10px;
    float: left;
    font-size: 14px
}

.step-container>.right.floated {
    position: absolute;
    top: 24px;
    right: 24px
}

kolay-tab ul li.active.disabled:before {
    color: #fff !important
}

kolay-tab ul li.active.disabled .number {
    background: #376bfb !important
}

kolay-modal .modal-inside-wrapper.remote .modal-content-box {
    height: 150px;
    transition: all .2s ease-out;
    padding: 10px 0;
    overflow: hidden
}

kolay-modal .modal-inside-wrapper.gray-bg .body {
    background: #f0f2f5
}

kolay-modal .kolay-modal .header .title {
    vertical-align: top
}

kolay-modal .kolay-modal .header i {
    vertical-align: top;
    line-height: 22px;
    margin-right: 5px
}

kolay-modal .modal-content-box {
    margin-bottom: 48px
}

kolay-modal .close {
    z-index: 9990;
    font-family: kolayik
}

kolay-modal .close:before {
    content: "\e918" !important;
    font-size: 20px !important;
    line-height: 32px !important
}

@media (max-width: 767px) {
    kolay-modal .modalWrapper .kolay-modal {
        width: 100% !important
    }

    kolay-modal .modalWrapper .close {
        margin-left: 15px;
        margin-right: 10px;
        background: transparent !important
    }

    kolay-modal .modalWrapper .close:before {
        content: "\e91b" !important;
        color: #376bfb;
        font-size: 22px !important;
        line-height: 29px !important
    }

    kolay-modal .modalWrapper .modal-inside-wrapper.remote .modal-content-box {
        height: auto !important;
        max-height: auto !important;
        transition: all 0s linear !important;
        overflow: visible !important
    }

    kolay-modal .modalWrapper .modal-inside-wrapper.remote .modal-content-box.expanded {
        height: auto !important;
        max-height: auto !important
    }
}

kolay-modal kolay-modal-footer kolay-approval-step {
    bottom: 13px !important;
    left: -2px !important
}

kolay-modal kolay-modal-footer button.sni-button:not(first-child) {
    margin-right: 11px
}

kolay-modal .confirm-modal .modal-content-box {
    font-size: 13px
}

kolay-modal kolay-modal-confirm-component .body {
    padding-bottom: 60px !important
}

kolay-modal .kolay-loading-area {
    border-radius: 8px !important
}

.simple-table table {
    width: 100%;
    color: #162a4cb3;
    font-size: 13px
}

.simple-table table tr td {
    padding: 8px;
    vertical-align: top;
    border-bottom: 1px solid rgba(22, 42, 76, .15)
}

.simple-table table tr td:first-child {
    padding-left: 0
}

.simple-table table tr td:last-child {
    padding-right: 0
}

.simple-table table tr td.nowrap {
    white-space: nowrap
}

.simple-table table tr:last-child td {
    border-bottom: 0
}

kolay-process-steps .kolay-process-steps ul li .status .status-text {
    font-size: 13px;
    line-height: 20px;
    padding: 0 8px;
    display: inline-block
}

kolay-process-steps .kolay-process-steps ul li .status .status-text.waiting {
    background: #fec639
}

kolay-process-steps .kolay-process-steps ul li .status .status-text.cancelled {
    background: #526d94
}

kolay-process-steps .kolay-process-steps ul li .status .status-text.approved {
    background: #79c732
}

kolay-process-steps .kolay-process-steps ul li .status .status-text.rejected {
    background: #526d94
}

kolay-process-steps .kolay-process-steps ul li .status .status-text.skipped {
    background: transparent;
    color: #162a4c80;
    border: 1px solid rgba(22, 42, 76, .5)
}

kolay-process-steps .kolay-process-steps ul li .avatar {
    padding-bottom: 32px
}

kolay-process-steps .kolay-process-steps ul li .avatar .step-counter {
    color: #162a4cb3;
    background-color: #fff
}

.kolay-label {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    font-weight: 500;
    line-height: 18px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 11px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #fff;
    background: #376bfb
}

.kolay-label.primary {
    background: #376bfb
}

.kolay-label.secondary {
    background: #162a4c
}

.kolay-label.success {
    background: #79c732
}

.kolay-label.warning {
    background: #fec639
}

.kolay-label.alert {
    background: #ff4c4c
}

.kolay-label.gray {
    background: rgba(22, 42, 76, .1);
    color: #162a4c80
}

.kolay-label span,
.kolay-label .kolay-icons {
    display: table-cell;
    vertical-align: top
}

.kolay-label span {
    padding-right: 2px
}

.kolay-label .kolay-icons {
    font-size: 17px
}

.kolay-forms {
    position: relative
}

.kolay-forms .row.one-field [class*=col-]:first-child {
    padding-right: 16px
}

.kolay-forms .row.one-field [class*=col-]:last-child {
    padding-left: 16px
}

@media (min-width: 768px) {
    .kolay-forms .row {
        padding-top: 40px
    }

    .kolay-forms .row:first-child {
        padding-top: 6px
    }

    .kolay-forms .row [class*=col-]:first-child {
        padding-right: 8px
    }

    .kolay-forms .row [class*=col-]:last-child {
        padding-left: 8px
    }
}

@media (max-width: 768px) {
    .kolay-forms .row [class*=col] {
        padding-top: 20px
    }
}

.kolay-forms .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.kolay-forms .form-row>.col,
.kolay-forms .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 20px
}

kolay-speech ul li .message .icon {
    margin-right: 6px;
    margin-left: -6px
}

kolay-speech ul li:first-child .bubble .name {
    font-size: 18px !important;
    line-height: 24px
}

kolay-speech ul li.alert .message .bubble .icon {
    vertical-align: top
}

kolay-speech .bubble .name {
    font-weight: 400 !important
}

kolay-speech .bubble .name span {
    font-weight: 500
}

.timeOffRequests {
    margin: 0 !important
}

.timeOffRequests .timeOffRequestsBar {
    background-color: #fffc;
    min-height: 90px;
    padding: 20px !important;
    margin: 13px 0 0
}

.timeOffRequests .timeOffRequestsBar.leave {
    height: 90px;
    padding: 20px
}

.timeOffRequests .timeOffRequestsBar .leaveDayButton {
    margin-top: 6px;
    text-align: right
}

@media (max-width: 767px) {
    .timeOffRequests .timeOffRequestsBar .leaveDayButton {
        display: none !important
    }
}

.timeOffRequests .empty-tab i {
    color: #162a4c;
    font-size: 80px
}

.timeOffRequests .empty-tab h2 {
    color: #1d3a64 !important
}

.timeOffRequests .statusBar {
    width: 480px;
    height: 10px;
    margin-top: 30px
}

.timeOffRequests .statusBar .ui.progress.red {
    z-index: 1
}

.timeOffRequests .statusBar .ui.progress.red .statusBarText {
    height: 14px;
    font-size: 10px;
    letter-spacing: -.1px;
    color: #acbdc4
}

.timeOffRequests .statusBar #secondBar {
    bottom: 60px;
    transform: rotate(180deg)
}

.timeOffHistoryListing .leaveList {
    background-color: transparent;
    padding: 10px
}

.leave-dialog .step-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 300px;
    margin: auto
}

.leave-dialog .step-list .step {
    position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #376bfb;
    color: #162a4c;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center
}

.leave-dialog .step-list .step.done {
    color: #9e9e9e;
    background-color: #e2e3e3;
    border-color: #e2e3e3
}

.leave-dialog .step-list .step.active {
    background-color: #376bfb;
    color: #fff !important
}

.leave-dialog .step-list .step.active:before {
    color: #9e9e9e;
    border-color: #9e9e9e
}

.leave-dialog .step-list .step:first-child:before {
    display: none
}

.leave-dialog .content {
    padding-bottom: 28px
}

.leave-dialog .leave-limit {
    position: relative
}

.leave-dialog .leave-limit .remaining-leave {
    position: absolute;
    top: 43px;
    right: 41px;
    color: #234471 !important;
    font-size: 12px
}

@media (max-width: 480px) {
    .leave-dialog .ui.primary.button.process {
        right: 20px !important
    }

    .leave-dialog .ui.primary.button.process:before {
        right: 0px !important
    }
}

.leaveRules .property {
    right: 30px
}

#leave-card hr {
    border-color: #e5e5e5;
    clear: both
}

#leave-card .person-basic {
    position: relative;
    min-height: 50px
}

#leave-card .leave-detail {
    position: relative
}

#leave-card .leave-detail>div.row>div:not(:last-child) {
    margin-bottom: 6px
}

#leave-card .leave-detail>div.row>div:last-child {
    margin-bottom: 0
}

#leave-card .leave-detail .edit-button {
    position: absolute;
    top: -20px;
    background-color: #fff;
    border-radius: 5px;
    right: 0
}

#leave-card div.row.reject-reason i {
    color: #ff4c4c
}

#leave-card div.row .label-warning i {
    color: inherit;
    font-size: 12px
}

#leave-card div.row div i {
    font-size: 18px;
    color: #376bfb
}

#leave-card div.row div i.small {
    font-size: 11px;
    top: -2px;
    position: relative;
    margin: 0 5px
}

#leave-card .edit-sign-form {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px
}

.approval-process {
    position: relative;
    text-align: center
}

.approval-process .step-container {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.approval-process:first-child {
    padding-left: 0
}

.approval-process:last-child {
    padding-right: 0
}

.approval-process .approval-person {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.approval-process .approval-person.waiting i {
    color: #fec639 !important
}

.approval-process .approval-person.approved i {
    color: #79c732 !important
}

.approval-process .approval-person.rejected i {
    color: #ff4c4c !important
}

.approval-process .approval-person.skipped i {
    color: #00bcd4 !important
}

.approval-process .approval-person i {
    font-size: 14px !important
}

.approval-process .approval-person .avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%
}

.approval-steps-dialog .infoText {
    color: #3c763d
}

.approval-steps-dialog .infoText i {
    display: none
}

#confirmation-view h5 {
    margin-bottom: 5px
}

.avatar {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

app-reports-list .ui.basic.table tbody tr td {
    border-bottom: 1px solid rgba(22, 42, 76, .1);
    cursor: pointer
}

app-reports-list .ui.basic.table thead tr th {
    border-bottom: 1px solid rgba(22, 42, 76, .1);
    border-top: 1px solid rgba(22, 42, 76, .1);
    cursor: pointer
}

app-reports-list .ui.basic.table thead tr th:first-of-type {
    border-left: 1px solid rgba(22, 42, 76, .1)
}

app-reports-list .ui.basic.table thead tr th:last-of-type {
    border-right: 1px solid rgba(22, 42, 76, .1)
}

app-reports-list .ui.table tr:last-child td {
    padding-bottom: 5px !important
}

app-reports-list .absent {
    padding-left: 10px;
    color: #162a4c
}

.confirmation-data .planeColor {
    color: #fff
}

.confirmation-data .waitingIcon {
    padding-top: 8px;
    color: #162a4cb3
}

.confirmation-data .approvedIcon {
    padding-top: 8px;
    color: #376bfb
}

.confirmation-data .rejectedIcon {
    padding-top: 8px;
    color: #ff4c4c
}

.confirmation-data .leaveDescription {
    padding-left: 15px !important;
    padding-right: 13px !important
}

.confirmation-data .row.footer {
    height: auto !important
}

.confirmation-data .leavesDetail {
    background-color: #162a4c;
    width: 100%
}

.confirmation-data .leavesDetail .leave-text-aligned {
    text-align: right
}

.confirmation-data .leavesDetail .leavesHead {
    background-color: #1d3a64;
    border-radius: 3px 3px 0 0 !important
}

.confirmation-data .leavesDetail .leavesHead .progress-bar {
    width: 100px;
    background: #162a4c !important
}

.confirmation-data .leavesDetail .leavesFoot {
    background-color: #fbfbfb
}

.confirmation-data .leavesDetail .footText {
    margin-left: 5px;
    color: #162a4c
}

.confirmation-data .leavesDetail .footText .personData {
    font-size: 13px;
    font-weight: 600;
    color: #162a4c
}

.confirmation-data .leavesDetail .avatar {
    width: 46px !important;
    height: 46px !important;
    float: left
}

.confirmation-data .leavesDetail .avatar .letter-avatar {
    padding-top: 10px;
    font-size: 15px
}

.confirmation-data .leavesDetail .fullName {
    color: #fff !important;
    margin-left: 60px
}

.confirmation-data .leavesDetail .department-name {
    color: #fff !important
}

.confirmation-data .leavesDetail .leavesBoldText {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -.1px;
    margin-bottom: 0;
    padding-bottom: 2px;
    padding-top: 4px
}

.confirmation-data .leavesDetail .unused-day {
    font-size: 12px !important
}

.confirmation-data .leavesDetail .leavesThinText {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 5px
}

.confirmation-data .leavesDetail .leaveStartIcon {
    color: #79c732
}

.confirmation-data .leavesDetail .leaveEndIcon {
    color: #ff4c4c
}

.confirmation-data .leavesDetail .leaveShiftIcon {
    color: #376bfb
}

.confirmation-data .approved {
    position: absolute;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #79c732;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    top: 42px;
    left: 44px !important;
    color: #fff;
    right: 1px;
    font-size: 11px
}

.confirmation-data .waiting {
    position: absolute;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #ffffff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    top: 42px;
    left: 44px !important;
    color: #162a4cb3;
    right: 1px;
    font-size: 11px
}

.confirmation-data .rejected {
    position: absolute;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #ff4c4c;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    top: 42px;
    left: 44px !important;
    color: #fff;
    right: 1px;
    font-size: 9px
}

.confirmation-data .arrowShow {
    width: 14.2px;
    height: 16px;
    color: #abde77;
    position: absolute;
    top: 25px;
    right: -5px
}

.confirmation-data .arrowHide {
    width: 14.2px;
    height: 16px;
    color: #162a4cb3;
    position: absolute;
    top: 25px;
    right: -5px
}

.confirmation-data .leaveProgresBar {
    position: absolute;
    right: 19px;
    top: 10px
}

.confirmation-data .leaveStatus {
    position: absolute;
    right: 96px;
    top: 3px
}

.confirmation-data .edit {
    position: absolute;
    right: 0;
    top: -45px;
    color: #376bfb
}

@media (max-width: 767px) {
    .confirmation-data .edit {
        padding-top: 0
    }
}

.confirmation-data .editIcon {
    color: #376bfb;
    padding-left: 5px
}

.confirmation-data .appContext {
    background-color: #fbfbfb;
    padding-top: 20px !important;
    padding-bottom: 30px !important
}

.confirmation-data .appContext .approval-process-text {
    position: absolute;
    left: 50px;
    top: 5px;
    color: #162a4c
}

.confirmation-data .appContext .kernel .avatar {
    width: 60px;
    height: 60px
}

.confirmation-data .appContext .shape-avatar {
    width: 50px;
    height: 50px
}

.confirmation-data .appContext .shape-avatar .letter-avatar {
    padding-top: 20px;
    font-size: 18px
}

.confirmation-data .kernel {
    height: 60px;
    width: 60px;
    position: relative;
    display: inline-block;
    padding-right: 6px
}

@media (max-width: 480px) {
    .confirmation-data .approval-process-text {
        left: 20px !important
    }

    .confirmation-data .content {
        padding: 20px !important;
        overflow-y: hidden !important
    }

    .confirmation-data .leavesHead .remainingDays {
        position: absolute;
        right: 0px;
        top: 50px;
        height: 40px;
        width: 100%
    }

    .confirmation-data .leavesHead .leaveStatus {
        right: 87px !important;
        top: 3px !important
    }

    .confirmation-data .leavesHead .leaveProgresBar {
        right: 8px !important;
        top: 12px !important
    }

    .confirmation-data .leave-text-aligned {
        text-align: left !important
    }

    .confirmation-data .arrowShow,
    .confirmation-data .arrowHide {
        color: #fff !important
    }

    .confirmation-data .ok {
        width: 55px;
        height: 55px;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        background-color: #79c732;
        margin-left: 5px
    }

    .confirmation-data .ok .kolay-icons.kolayicon-check {
        color: #fff;
        font-size: 21px;
        line-height: 55px
    }
}

.confirmation-data .content>.ui.stackable.grid>* {
    width: 100%
}

.leaveList .panel-heading {
    font-size: 12pt
}

.leaveList .progress {
    width: 80%;
    display: inline-flex
}

.leaveList .error {
    padding: 20px;
    font-size: 13pt
}

.leaveList .panel .panel-heading button {
    margin-left: 11px;
    height: 28px;
    padding: 0 !important;
    min-width: 90px
}

.leaveList .panel .body {
    padding: 10px 15px 0
}

.leaveList .panel .body td.buttons .dropdown button {
    padding: 0 5px
}

.leave-status-details {
    min-height: 200px
}

.leave-status-details span .item {
    margin-top: 15px
}

.leave-status-details span .item span {
    font-weight: 600
}

.leaveDayPreviewDialog #content {
    margin-top: 40px;
    margin-bottom: 40px
}

.leaveDayPreviewDialog #steps {
    margin-bottom: 5px
}

.leaveDayPreviewDialog #step {
    padding-left: 0;
    padding-right: 0
}

.leaveDayPreviewDialog .kernel {
    height: 60px;
    width: 60px;
    position: relative;
    display: inline-block
}

.leaveDayPreviewDialog .kernel .avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%
}

.leaveDayPreviewDialog .kernel #order {
    position: absolute;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #ffffff;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    top: 0;
    color: #376bfb;
    right: -5px
}

.leaveDayPreviewDialog #arrow {
    width: 14.2px;
    height: 16px;
    color: #abde77
}

.leaveDayPreviewDialog .content {
    display: block;
    overflow-x: hidden
}

.leaveDayPreviewDialog .content .ui-select-choices {
    width: 117%
}

.leaveDayPreviewDialog .content .ui-select-match {
    height: 32px
}

.leaveDayPreviewDialog .content .with-loading {
    position: relative
}

.leaveDayPreviewDialog .content .inputIcons i {
    font-size: 23px
}

.leaveDayPreviewDialog .content .created-at,
.leaveDayPreviewDialog .content .updated-at {
    position: absolute;
    top: 0;
    opacity: .6;
    right: 10px
}

.leaveDayPreviewDialog .content .label-highlight {
    padding: 0 5px;
    border-bottom: 2px solid #ffc107;
    background-color: #ffc6194d;
    color: #795548;
    min-width: 185px;
    margin-left: 5px;
    position: absolute
}

.leaveDayPreviewDialog .content .with-info small p {
    margin-left: 10px;
    line-height: 30px
}

.leaveDayPreviewDialog .content hr {
    margin-top: 10px;
    margin-bottom: 10px
}

.padding-all {
    margin: 12px !important
}

.reject-box {
    width: 378px;
    height: 50px
}

.leaveDayDialog #recordData .person-dropdown-container personselectbox .dropdown-menu {
    right: 0;
    left: auto;
    left: initial;
    max-height: 200px
}

.leaveDayDialog .configs .form-group {
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 15px
}

.leaveDayDialog .leave-status {
    clear: both;
    min-height: 35px
}

.leaveDayDialog .leave-status label {
    font-size: 13px;
    line-height: 220%
}

.leaveDayDialog .onoffswitch {
    width: 75px
}

.leaveDayDialog .onoffswitch.rejected .onoffswitch-label,
.leaveDayDialog .onoffswitch.rejected .onoffswitch-label .onoffswitch-switch {
    border-color: #ff4c4c
}

.leaveDayDialog .onoffswitch .onoffswitch-label {
    border-color: #5cb85c
}

.leaveDayDialog .onoffswitch .onoffswitch-label .onoffswitch-switch {
    right: 57px;
    border-color: #5cb85c
}

.leaveDayDialog .onoffswitch .onoffswitch-label .onoffswitch-inner:before {
    content: "Onayla";
    background-color: #5cb85c
}

.leaveDayDialog .onoffswitch .onoffswitch-label .onoffswitch-inner:after {
    content: "Reddet";
    color: #fff;
    background-color: #ff4c4c
}

.leaveDayDialog th.buttons {
    min-width: 58px
}

.leaveDayDialog th.buttons .pull-right {
    margin-left: 10px
}

.leaveDayDialog th.buttons .pull-right i {
    font-size: 15px
}

.leaveDayDialog th.buttons .approval-process #step-container {
    min-height: 150px;
    margin: -58px 10px 10px
}

#final-step .text-success>div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

#final-step .text-success>div span {
    line-height: 370%;
    margin-left: 5px
}

#leave-days {
    position: relative
}

#leave-days .table-container {
    position: relative;
    min-height: 200px;
    margin: 0 0 50px
}

.leaveDayPreviewDialog.rejected-reason-open #leave-card {
    display: none
}

.leaveDayPreviewDialog.rejected-reason-open .content {
    overflow: hidden
}

.truncating {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#leave-tables tr {
    cursor: pointer
}

.type-list li {
    padding: 10px;
    position: relative;
    display: inline-block;
    float: left;
    height: 120px;
    margin: 20px 20px 20px 0;
    border: 1px solid #376bfb;
    color: #376bfb;
    border-radius: 2px
}

.type-list li .name {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0
}

.type-list li p.description {
    overflow: auto;
    position: relative;
    height: 45px;
    width: 100%;
    margin-bottom: 0
}

.type-list li .actions {
    position: absolute;
    bottom: 7px;
    right: 10px
}

.type-list li i {
    font-size: 15px
}

.type-list li i.fa-lock {
    color: #eaab35;
    margin-left: 5px
}

.type-list li i.fa-plus-circle {
    font-size: 86px;
    margin: 0
}

.type-list li:first-child {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#tab-content {
    position: relative;
    min-height: 230px
}

#tab-content .search-box-container .search-box {
    position: relative
}

#tab-content .search-box-container .search-box i {
    color: #ff9800;
    position: absolute;
    top: 9px;
    left: 10px
}

#tab-content .search-box-container .search-box input {
    padding-left: 30px
}

#tab-content #filter-container {
    position: absolute;
    z-index: 2;
    width: 300px;
    top: 30px
}

#tab-content .report {
    display: block;
    clear: both;
    margin-top: 60px;
    padding-top: 20px
}

#tab-content #report-types .btn.btn-block:not(.btn-primary) {
    background-color: #fff;
    border: 1px solid #a09a98;
    color: #5d473f
}

#tab-content #report-types .btn.btn-block:not(.btn-primary):hover,
#tab-content #report-types .btn.btn-block:not(.btn-primary):visited {
    box-shadow: none;
    background-color: #fff
}

#tab-content .table-responsive tr {
    cursor: pointer
}

#tab-content #leave-settings {
    position: relative
}

#tab-content #leave-settings .process-list .process:first-child {
    padding-top: 10px;
    margin-top: 10px
}

#tab-content #leave-settings .info-container .title {
    line-height: 17px;
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #ababab;
    letter-spacing: .3px
}

#tab-content #leave-settings .info-container .name {
    margin-top: 10px
}

#tab-content #leave-settings .relations ul {
    min-width: 150px
}

#tab-content #leave-settings #units-without-process {
    position: relative
}

#tab-content #leave-settings #units-without-process ul {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll
}

#tab-content .loadingBox {
    margin-top: 60px
}

#tab-content .approval-person {
    padding: 10px 15px;
    width: 150px;
    min-height: 150px;
    text-align: center
}

#tab-content .approval-person .order {
    font-size: 11px;
    line-height: 17px;
    background-color: #6e7a89;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    align-self: flex-start
}

#tab-content .approval-person .avatar {
    border: 1px solid #6e7a89;
    width: 80px;
    height: 80px
}

#tab-content .process {
    overflow: auto;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0 20px
}

#tab-content .process:hover {
    background-color: #f7f7f7
}

#tab-content .process-container {
    position: relative;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

#tab-content .process-container .approval-person {
    width: 150px
}

#tab-content .process-container .actions {
    position: absolute;
    right: 0;
    top: -10px;
    display: none
}

.approval-person .order {
    line-height: 15px;
    background-color: transparent;
    color: #376bfb;
    border: 2px solid #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    align-self: flex-start
}

.approval-person:last-child:after {
    content: ""
}

.hierarchy-tree {
    position: relative
}

.hierarchy-tree ul {
    position: relative;
    padding-left: 20px;
    list-style: none
}

.hierarchy-tree ul li {
    position: relative;
    padding-top: 2px;
    padding-bottom: 10px
}

.hierarchy-tree ul li:last-child {
    padding-bottom: 0
}

.hierarchy-tree ul li:last-child:after {
    height: 13px
}

.hierarchy-tree ul li:before,
.hierarchy-tree ul li:after {
    content: "";
    position: absolute;
    left: -12px
}

.hierarchy-tree ul li:before {
    border-top: 2px solid #ffce00;
    top: 12px;
    width: 12px;
    height: 0
}

.hierarchy-tree ul li:after {
    border-left: 2px solid #ffce00;
    height: 100%;
    width: 0;
    top: -1px
}

.hierarchy-tree ul li .checkbox.has-process label {
    color: #3c763d
}

.leave-stepper .stepper-wrapper ul {
    padding-left: 24px
}

leave-type-details .dynamic-form-element kolay-checkbox .kolay-checkbox-wrapper,
leave-type-details .dynamic-form-element kolay-radio .sni-element-wrapper {
    max-width: 500px
}

leave-type-details .dynamic-form-element input,
leave-type-details .dynamic-form-element select,
leave-type-details .dynamic-form-element .sni-element-wrapper {
    max-width: 360px
}

kolay-leave-type-seniority .kolay-datatable-wrapper .ngx-datatable .datatable-header {
    width: unset !important
}

@media (max-width: 767px) {
    .update-leave-data .ui.form .fields:not(.unstackable)>.field.leave-limit {
        width: 62% !important
    }

    .update-leave-data .ui.form .fields:not(.unstackable)>.field.leave-limit .kolayicon-info {
        float: right
    }

    .update-leave-data .ui.form .fields:not(.unstackable)>.field.usedDays {
        width: 38% !important
    }

    .update-leave-data .ui.form .fields:not(.unstackable)>.field.usedDays label {
        height: 22px;
        overflow: hidden;
        float: left
    }

    .update-leave-data .ui.form .fields:not(.unstackable)>.field.usedDays.person {
        width: 100% !important
    }
}

.approval-process-container {
    background: #f0f2f5;
    padding: 36px 72px 32px
}

.approval-process-container .heading {
    color: #376bfb;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 0;
    margin: 0 0 20px
}

.modal-inside-wrapper .simple-table {
    margin-top: 32px
}

.modal-inside-wrapper .simple-table table tr td:last-child {
    text-align: right;
    color: #162a4ce6
}

.modal-inside-wrapper .top-white-part {
    background-color: #fff;
    padding: 32px 72px 48px
}

.leave-modal-wrapper kolay-loading-area-logo.leave-loading .kolay-loading-area {
    z-index: 1000
}

.leave-modal-wrapper .step1 {
    padding: 10px 24px
}

.leave-modal-wrapper .info {
    background: #e8eaff;
    color: #162a4ce5;
    min-height: 44px;
    padding: 12px;
    font-size: 13px
}

.leave-modal-wrapper .modal-success-wrapper .icon-area {
    position: relative;
    text-align: center;
    padding-top: 120px
}

.leave-modal-wrapper .modal-success-wrapper .icon-area>span {
    display: inline-block;
    background: #162a4c;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    line-height: 126px;
    color: #fff;
    border-radius: 24px
}

.leave-modal-wrapper .modal-success-wrapper .icon-area>span .kolay-icons {
    font-size: 46px
}

.leave-modal-wrapper .modal-success-wrapper .icon-area .arrow {
    position: absolute;
    display: inline-block;
    background: #278c3d;
    width: 36px;
    height: 36px;
    line-height: 46px;
    color: #fff;
    border-radius: 24px;
    bottom: -10px;
    margin: 0 auto 0 -26px
}

.leave-modal-wrapper .modal-success-wrapper .icon-area .arrow .kolay-icons {
    font-size: 30px;
    right: 1px;
    top: 2px;
    position: relative
}

.leave-modal-wrapper .modal-success-wrapper .text-area {
    padding-top: 40px;
    color: #162a4ce5;
    text-align: center
}

.leave-modal-wrapper .modal-success-wrapper .text-area .title {
    font-size: 18px
}

.leave-modal-wrapper .modal-success-wrapper .text-area .sub-title {
    padding-top: 12px;
    line-height: 20px;
    font-size: 13px
}

.leave-modal-wrapper .modal-success-wrapper .text-area .action-button {
    padding-top: 12px;
    padding-bottom: 64px
}

.leave-modal-wrapper .modal-success-wrapper .text-area .action-button a {
    text-decoration: underline;
    color: #0046ec
}

kolay-reports-list .handsontable .htAutocompleteArrow {
    display: none !important
}

kolay-reports-list #report .ui.very.basic.table {
    padding-right: 20px
}

kolay-reports-list .report-detail .main-top-bar {
    width: 100%;
    height: 90px;
    background-color: #fff;
    padding: 20px 30px 0
}

kolay-reports-list .report-detail #report {
    display: none
}

kolay-reports-list .report-detail .dropdown-download {
    margin-right: 16px
}

kolay-reports-list .chart-wrapper {
    width: 1032px;
    height: 400px;
    margin: 0 auto
}

kolay-reports-list #report .ui.table {
    width: calc(100% + 28px) !important;
    margin-left: -14px;
    margin-bottom: -14px
}

#report {
    overflow-x: scroll;
    overflow-y: hidden
}

#report .logo {
    display: none
}

.report-container .kolay-card {
    min-height: 280px
}

.report-container .kolay-card h3 {
    padding-top: 10px
}

.job-detail .kolay-icons {
    font-size: 18px
}

.job-detail kolay-card .kolay-card .content .body {
    padding: 15px 20px 0 !important
}

.job-detail kolay-salary kolay-card .kolay-card .content .heading {
    padding-top: 20px !important
}

.job-detail .heading {
    padding: 0 20px !important;
    min-height: 0px !important
}

.job-detail .kolayicon-warning {
    color: #fec639 !important
}

.job-detail .icon-empty {
    font-size: 64px;
    color: #c0cad9
}

.job-detail .salary-list,
.job-detail .person-job-info {
    position: relative
}

.job-detail .empty-tab {
    min-height: 30px;
    margin: 30px
}

.job-detail .empty-tab p {
    font-size: 15px;
    margin-bottom: 8px
}

.job-detail .empty-tab a {
    font-size: 13px
}

kolay-profile-career kolay-card .kolay-card .content .body {
    padding: 15px 20px 0 !important
}

kolay-profile-career .heading {
    padding: 0 20px !important;
    min-height: 0px !important
}

@media (max-width: 767px) {
    .person-list .search-box {
        flex: 4 0 43%;
        max-width: 43%
    }

    .person-list .filter-box {
        position: absolute;
        right: 10px
    }
}

.person-list .person-list-container {
    position: relative;
    min-height: 400px
}

.person-list .person-list-container kolay-card {
    width: 215px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .person-list .person-list-container kolay-card {
        width: 100%
    }
}

.person-list .person-list-container kolay-card .card-body .person-item {
    display: block;
    height: 215px;
    color: #162a4c;
    text-align: center
}

@media (max-width: 767px) {
    .person-list .person-list-container kolay-card .card-body .person-item {
        height: 205px
    }
}

.person-list .person-list-container kolay-card .card-body .employee-icon-box {
    position: absolute;
    left: 10px;
    top: 10px
}

.person-list .person-list-container kolay-card .card-body .employee-icon-box .kolayicon-leave {
    color: #79c732
}

.person-list .person-list-container kolay-card .card-body .phone-icon {
    font-size: 20px;
    padding-top: 10px
}

.person-list .person-list-container kolay-card .card-body .avatar-container {
    padding-top: 10px
}

.person-list .person-list-container kolay-card .card-body .info {
    padding-top: 20px
}

.person-list .person-list-container kolay-card .card-body .info div {
    min-width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto
}

.person-list .person-list-container kolay-card .card-body .info div.name {
    font-weight: 500
}

bulk-update-list kolay-card .kolay-card .content .body {
    color: #162a4c
}

.not-found {
    width: 100%;
    min-height: 500px;
    text-align: center;
    padding-top: 150px;
    color: #234471
}

.not-found .kolay-icons {
    font-size: 52px
}

.not-found .text {
    font-size: 21px;
    padding-top: 25px
}

.not-found .sub-text {
    padding-top: 7px;
    color: #162a4c;
    font-size: 14px
}

.kolay-card-container .kolay-card,
.kolay-card-container .kolay-card .content {
    display: block !important
}

.person-card {
    margin-top: 0;
    text-align: center
}

.person-card .name {
    margin: 0 auto;
    color: #162a4c;
    line-height: 1.63;
    font-weight: 400
}

.person-card .label {
    border-radius: 1rem;
    font-size: 11px;
    font-weight: 500;
    line-height: 10px
}

.person-card .label.active-employee span {
    color: #fff
}

.person-card .title {
    color: #162a4c
}

.person-card .kolay-dropdown-menu-list {
    text-align: left
}

.person-card .smallCircle {
    position: absolute;
    top: 0;
    right: 4px;
    height: 34px;
    width: 34px;
    background-color: #fff;
    border-radius: 10%
}

.person-card .smallCircle i {
    position: inherit;
    top: 10px;
    right: 10px
}

.person-card .circle {
    width: 130px;
    height: 130px;
    border-radius: 10%
}

.person-card .employeePhoto {
    margin-left: 9px;
    margin-top: 9px;
    width: 110px;
    height: 110px
}

.person-card .employeePhoto .avatar,
.person-card .employeePhoto .shape-avatar {
    width: 110px;
    height: 110px
}

.person-card .employeePhoto .shape-avatar .letter-avatar {
    padding-top: 38px !important;
    font-weight: 200 !important;
    font-size: 35px !important
}

.person-card .ui.grid {
    padding: 50px 30px 30px;
    text-align: left
}

.person-card .ui.grid .row {
    padding: 10px 0
}

.person-card .ui.grid .row:first-child {
    border-top: #ededed 1px solid;
    padding-top: 40px
}

.person-card .ui.grid .row .column {
    padding: 0
}

.person-card .ui.grid .row .column:first-child {
    color: #162a4c
}

.person-card .ui.grid .row .column:last-child {
    color: #162a4c
}

.person-card .ui.grid .row .column.ellipsis {
    max-width: 100%
}

.person-card .clean-input {
    text-align: right;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    height: 19px !important;
    line-height: 19px !important;
    min-height: 19px !important
}

.person-card .clean-input::-moz-selection {
    background: #ffffff
}

.person-card .clean-input::selection {
    background: #ffffff
}

.person-card .name {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.02em;
    font-weight: 400;
    word-break: break-all
}

.person-card .listContainer {
    border-top: rgba(22, 42, 76, .15) 1px solid;
    margin-top: 30px;
    padding-top: 20px
}

.person-card .listContainer .row {
    padding-top: 10px;
    padding-bottom: 10px
}

.person-card .listContainer .row p {
    color: #162a4c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.person-card .listContainer .row :nth-child(1) p {
    text-align: left
}

.person-card .listContainer .row :nth-child(2) p {
    text-align: right
}

profile-list kolay-card .kolay-card {
    min-height: 600px
}

profile-list kolay-card .kolay-card .content {
    vertical-align: top
}

performance-assessment .competence-tab .chips {
    position: relative;
    top: -1px;
    display: inline-block;
    background: #79c732;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    border-radius: 4px
}

performance-assessment .participants-tab .content-body .check {
    margin: 0;
    height: 28px;
    float: left
}

performance-assessment .participants-tab .content-body .check .kolay-checkbox-wrapper {
    margin: 0
}

performance-assessment .participants-tab .content-body .check .kolay-checkbox-wrapper .checkBoxHolder {
    padding: 0
}

performance-assessment .participants-tab .content-body evaluative-show {
    float: left;
    width: 100px;
    height: 28px;
    line-height: 26px;
    display: inline-block
}

performance-assessment .participants-tab .content-body evaluative-show.disable {
    opacity: .4;
    pointer-events: none
}

performance-assessment .participants-tab .content-body evaluative-show .person-count-circle {
    float: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    line-height: 27px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    width: 28px;
    height: 28px;
    background-color: #162a4c
}

performance-assessment .participants-tab .content-body evaluative-show .letter-avatar {
    padding-top: 0
}

performance-assessment .participants-tab .content-body evaluative-show .list-inline .avatar {
    width: 28px
}

performance-assessment .participants-tab .content-body evaluative-show .add-person {
    float: left;
    width: 28px;
    height: 28px;
    top: 12px;
    line-height: 26px;
    text-align: center;
    border: 1px solid rgba(22, 42, 76, .5);
    border-radius: 4.5px;
    margin-left: 5px;
    cursor: pointer
}

performance-assessment .participants-tab .content-body evaluative-show .add-person:before {
    content: "\e905";
    font-family: kolayik;
    font-size: 20px;
    left: 3px;
    top: 0;
    color: #162a4c80
}

performance-assessment .participants-tab .content-body evaluative-show .add-person:hover {
    border: 1px solid rgba(22, 42, 76, .7)
}

performance-assessment .page-content.questionnaire-tab {
    padding-top: 150px !important
}

performance-assessment .page-content.questionnaire-tab h3 .weight {
    font-weight: 400;
    color: #162a4cb3;
    padding-left: 10px
}

performance-assessment .page-content.questionnaire-tab .competence-wrapper {
    position: relative;
    padding: 17px 0
}

performance-assessment .page-content.questionnaire-tab .competence-wrapper .name {
    position: relative;
    top: -3px;
    font-weight: 500;
    font-size: 16px;
    padding-left: 5px;
    color: #162a4ce6
}

performance-assessment .page-content.questionnaire-tab .competence-wrapper .name .weight {
    font-weight: 400;
    font-size: 16px;
    color: #162a4cb3;
    padding-left: 10px
}

performance-assessment .page-content.questionnaire-tab .competence-wrapper .right-buttons {
    position: absolute;
    right: 0;
    top: 0
}

performance-assessment .content-header {
    position: fixed !important;
    top: 0;
    left: 0;
    padding-left: 200px;
    right: 0;
    width: 100%;
    z-index: 4 !important
}

performance-assessment .page-content {
    padding-top: 132px !important
}

performance-assessment evaluations kolay-navigation-bar .navigation-title,
performance-assessment evaluation-detail kolay-navigation-bar .navigation-title {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    height: 23px;
    float: left
}

performance-assessment evaluations kolay-navigation-bar .navigation-title>span,
performance-assessment evaluation-detail kolay-navigation-bar .navigation-title>span {
    float: left
}

performance-assessment evaluations kolay-navigation-bar .right-side,
performance-assessment evaluation-detail kolay-navigation-bar .right-side {
    width: 300px
}

performance-assessment evaluations kolay-navigation-bar .right-side {
    width: 540px
}

performance-assessment evaluation-navigation-bar kolay-navigation-bar {
    position: fixed;
    z-index: 2;
    width: 100%
}

body.close performance-assessment .content-header {
    padding-left: 50px
}

.create-new-evaluation .modal-content-box {
    margin-bottom: 0 !important
}

.create-new-evaluation .modal-content-box .items .item {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.create-new-evaluation .modal-content-box .items .item:hover .text .txt {
    color: #162a4cb3
}

.create-new-evaluation .modal-content-box .items .item .image {
    position: absolute;
    width: 60px;
    height: 60px
}

.create-new-evaluation .modal-content-box .items .item .text {
    font-size: 13px;
    padding-left: 75px
}

.create-new-evaluation .modal-content-box .items .item .text .txt {
    color: #162a4ce6;
    font-weight: 500
}

.create-new-evaluation .modal-content-box .items .item .text .desc {
    border-bottom: 1px solid rgba(22, 42, 76, .15);
    padding-bottom: 10px;
    color: #162a4cb3;
    font-weight: 400
}

.create-new-evaluation .modal-content-box .items .item:last-child .text .desc {
    border-bottom: 0
}

.choices {
    padding-right: 0
}

.choices .choice {
    padding: 0 0 14px 14px !important
}

.choices .choice .kolay-icons {
    position: absolute;
    z-index: 9;
    right: -34px;
    top: 12px
}

settings .content-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    width: 100%;
    z-index: 10 !important
}

settings general-settings-list general-settings-home .page-content {
    padding-left: 120px !important;
    padding-right: 120px !important
}

settings payment-tab payment-home .page-content {
    padding-left: 120px !important;
    padding-right: 120px !important
}

settings developer-settings .page-content label {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6
}

settings developer-settings .page-content label.title {
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.024em
}

settings developer-settings .page-content div.sub-label {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3
}

settings developer-settings .page-content div.sub-label.error {
    color: red
}

settings developer-settings developer-settings-home .page-content {
    padding-left: 120px !important;
    padding-right: 120px !important
}

settings developer-settings add-edit-api-tokens .page-content,
settings developer-settings add-edit-webhook .page-content {
    padding-left: 120px !important;
    padding-right: 120px !important
}

settings developer-settings add-edit-api-tokens .page-content .kolay-checkbox-wrapper,
settings developer-settings add-edit-webhook .page-content .kolay-checkbox-wrapper {
    margin: 0
}

settings developer-settings add-edit-api-tokens .page-content .kolay-checkbox-wrapper .checkBoxHolder,
settings developer-settings add-edit-webhook .page-content .kolay-checkbox-wrapper .checkBoxHolder {
    padding: 0
}

.sni-element-wrapper {
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol
}

.sni-element-wrapper .label-right-wrapper {
    display: table;
    width: 100%
}

.sni-element-wrapper .label-right-wrapper .label-wrapper {
    display: table-cell
}

.sni-element-wrapper .label-right-wrapper .label-wrapper label {
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6;
    margin-bottom: 8px;
    transition: all 0ms ease-in-out;
    vertical-align: middle;
    min-height: 20px
}

.sni-element-wrapper .label-right-wrapper .label-wrapper .tooltip {
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -7px;
    color: #162a4cb3
}

.sni-element-wrapper .label-right-wrapper .label-wrapper .optional {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #162a4cb3;
    margin-left: 4px;
    margin-bottom: 8px;
    display: inline-block;
    vertical-align: middle
}

.sni-element-wrapper .label-right-wrapper .label-wrapper .sub-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3;
    margin-bottom: 8px;
    margin-top: -8px;
    transition: all 0ms ease-in-out
}

.sni-element-wrapper .label-right-wrapper .right-sub-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3;
    padding-bottom: 8px;
    vertical-align: bottom;
    display: table-cell;
    text-align: right
}

.sni-element-wrapper .help-caption {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #162a4cb3;
    margin-top: 8px;
    transition: all 0ms ease-in-out
}

.sni-element-wrapper .invalid-feedback {
    color: #ff4c4c;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    transition: all 0ms ease-in-out
}

.sni-element-wrapper .invalid-feedback div {
    margin-top: 8px
}

.sni-element-wrapper .is-loading {
    position: relative;
    float: right;
    top: -7px;
    right: 5px
}

.sni-element-wrapper .descriptions {
    margin-top: -38px;
    float: right;
    line-height: 31px;
    padding-right: 12px;
    background: #f0f2f5;
    position: relative
}

.sni-element-wrapper .descriptions.number {
    padding-right: 27px
}

.sni-element-wrapper .descriptions .counters {
    position: absolute;
    right: 0px;
    height: 43px;
    top: -6px;
    width: 22px;
    border-left: 1px solid rgba(22, 42, 76, .1);
    display: block;
    text-align: center;
    color: #162a4cb3;
    transition: all 0ms ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sni-element-wrapper .descriptions .counters .increase {
    display: block;
    height: 21px;
    line-height: 21px;
    border-bottom: 1px solid rgba(22, 42, 76, .1);
    cursor: pointer
}

.sni-element-wrapper .descriptions .counters .increase:hover {
    color: #376bfb
}

.sni-element-wrapper .descriptions .counters .decrease {
    display: block;
    height: 21px;
    line-height: 21px;
    cursor: pointer
}

.sni-element-wrapper .descriptions .counters .decrease:hover {
    color: #376bfb
}

.sni-element-wrapper .descriptions .inputIcon {
    padding: 0;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    color: #162a4cb3
}

.sni-element-wrapper .descriptions .inputIcon[class*=kolayicon-] {
    font-size: 20px;
    position: relative;
    top: 4px
}

.sni-element-wrapper .descriptions .closeIcon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+CjxyZWN0IHg9Ii0yMDg0IiB5PSItOTA0IiB3aWR0aD0iNDMyMCIgaGVpZ2h0PSIxMDM2Ii8+CjxwYXRoIGQ9Ik0tMjY0IC0xMkMtMjY0IC0xNC4yMDkxIC0yNjIuMjA5IC0xNiAtMjYwIC0xNkg1MkM1NC4yMDkxIC0xNiA1NiAtMTQuMjA5MSA1NiAtMTJWMjhILTI2NFYtMTJaIiAgLz4KPHBhdGggZD0iTTExLjI1MDEgMC43NTgxODdDMTAuOTI1MSAwLjQzMzE4NyAxMC40MDAxIDAuNDMzMTg3IDEwLjA3NTEgMC43NTgxODdMNi4wMDAxIDQuODI0ODVMMS45MjUxIDAuNzQ5ODU0QzEuNjAwMSAwLjQyNDg1NCAxLjA3NTEgMC40MjQ4NTQgMC43NTAwOTggMC43NDk4NTRDMC40MjUwOTggMS4wNzQ4NSAwLjQyNTA5OCAxLjU5OTg1IDAuNzUwMDk4IDEuOTI0ODVMNC44MjUxIDUuOTk5ODVMMC43NTAwOTggMTAuMDc0OUMwLjQyNTA5OCAxMC4zOTk5IDAuNDI1MDk4IDEwLjkyNDkgMC43NTAwOTggMTEuMjQ5OUMxLjA3NTEgMTEuNTc0OSAxLjYwMDEgMTEuNTc0OSAxLjkyNTEgMTEuMjQ5OUw2LjAwMDEgNy4xNzQ4NUwxMC4wNzUxIDExLjI0OTlDMTAuNDAwMSAxMS41NzQ5IDEwLjkyNTEgMTEuNTc0OSAxMS4yNTAxIDExLjI0OTlDMTEuNTc1MSAxMC45MjQ5IDExLjU3NTEgMTAuMzk5OSAxMS4yNTAxIDEwLjA3NDlMNy4xNzUxIDUuOTk5ODVMMTEuMjUwMSAxLjkyNDg1QzExLjU2NjggMS42MDgxOSAxMS41NjY4IDEuMDc0ODUgMTEuMjUwMSAwLjc1ODE4N1oiIGZpbGw9IiMxNjJhNGNiMyIvPgo8L3N2Zz4K);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.sni-element-wrapper .descriptions .unit-label {
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    color: #162a4cb3;
    position: relative
}

.sni-element-wrapper .descriptions .eye-icon {
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMy40MTY3M0MxMi4zMDAyIDMuNDE2NzMgMTQuMTY2OCA1LjI4MzQgMTQuMTY2OCA3LjU4MzRDMTQuMTY2OCA4LjAwODQgMTQuMDgzNSA4LjQxNjczIDEzLjk2NjggOC44MDAwN0wxNi41MTY4IDExLjM1MDFDMTcuNjc1MiAxMC4zMjUxIDE4LjU5MTggOS4wNDE3MyAxOS4xNjY4IDcuNTc1MDdDMTcuNzI1MiAzLjkyNTA3IDE0LjE2NjggMS4zMzM0IDEwLjAwMDIgMS4zMzM0QzguOTQxODMgMS4zMzM0IDcuOTI1MTYgMS41MDAwNyA2Ljk2NjgzIDEuODA4NEw4Ljc3NTE2IDMuNjE2NzNDOS4xNjY4MyAzLjUwMDA3IDkuNTc1MTYgMy40MTY3MyAxMC4wMDAyIDMuNDE2NzNaTTIuMjU4NSAwLjYzMzM5OEMxLjkzMzUgMC45NTgzOTggMS45MzM1IDEuNDgzNCAyLjI1ODUgMS44MDg0TDMuOTAwMTYgMy40NTAwN0MyLjU1MDE2IDQuNTI1MDcgMS40NzUxNiA1Ljk0MTczIDAuODMzNDk2IDcuNTgzNEMyLjI3NTE2IDExLjI0MTcgNS44MzM1IDEzLjgzMzQgMTAuMDAwMiAxMy44MzM0QzExLjI2NjggMTMuODMzNCAxMi40NzUyIDEzLjU4MzQgMTMuNTkxOCAxMy4xNTAxTDE1Ljg1ODUgMTUuNDE2N0MxNi4xODM1IDE1Ljc0MTcgMTYuNzA4NSAxNS43NDE3IDE3LjAzMzUgMTUuNDE2N0MxNy4zNTg1IDE1LjA5MTcgMTcuMzU4NSAxNC41NjY3IDE3LjAzMzUgMTQuMjQxN0wzLjQ0MTgzIDAuNjMzMzk4QzMuMTE2ODMgMC4zMDgzOTggMi41ODM1IDAuMzA4Mzk4IDIuMjU4NSAwLjYzMzM5OFpNMTAuMDAwMiAxMS43NTAxQzcuNzAwMTYgMTEuNzUwMSA1LjgzMzUgOS44ODM0IDUuODMzNSA3LjU4MzRDNS44MzM1IDYuOTQxNzMgNS45ODM1IDYuMzMzNCA2LjI0MTgzIDUuODAwMDdMNy41NTAxNiA3LjEwODRDNy41MjUxNiA3LjI1ODQgNy41MDAxNiA3LjQxNjczIDcuNTAwMTYgNy41ODM0QzcuNTAwMTYgOC45NjY3MyA4LjYxNjgzIDEwLjA4MzQgMTAuMDAwMiAxMC4wODM0QzEwLjE2NjggMTAuMDgzNCAxMC4zMTY4IDEwLjA1ODQgMTAuNDc1MiAxMC4wMjUxTDExLjc4MzUgMTEuMzMzNEMxMS4yNDE4IDExLjYwMDEgMTAuNjQxOCAxMS43NTAxIDEwLjAwMDIgMTEuNzUwMVpNMTIuNDc1MiA3LjMwODRDMTIuMzUwMiA2LjE0MTczIDExLjQzMzUgNS4yMzM0IDEwLjI3NTIgNS4xMDg0TDEyLjQ3NTIgNy4zMDg0WiIgZmlsbD0iIzE2MkE0QyIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPC9zdmc+Cg==);
    background-position: center center;
    background-repeat: no-repeat
}

.sni-element-wrapper .descriptions .eye-icon.showPassword {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC4zMzMyNTJDNS44MzM1IDAuMzMzMjUyIDIuMjc1MTYgMi45MjQ5MiAwLjgzMzQ5NiA2LjU4MzI1QzIuMjc1MTYgMTAuMjQxNiA1LjgzMzUgMTIuODMzMyAxMC4wMDAyIDEyLjgzMzNDMTQuMTY2OCAxMi44MzMzIDE3LjcyNTIgMTAuMjQxNiAxOS4xNjY4IDYuNTgzMjVDMTcuNzI1MiAyLjkyNDkyIDE0LjE2NjggMC4zMzMyNTIgMTAuMDAwMiAwLjMzMzI1MlpNMTAuMDAwMiAxMC43NDk5QzcuNzAwMTYgMTAuNzQ5OSA1LjgzMzUgOC44ODMyNSA1LjgzMzUgNi41ODMyNUM1LjgzMzUgNC4yODMyNSA3LjcwMDE2IDIuNDE2NTkgMTAuMDAwMiAyLjQxNjU5QzEyLjMwMDIgMi40MTY1OSAxNC4xNjY4IDQuMjgzMjUgMTQuMTY2OCA2LjU4MzI1QzE0LjE2NjggOC44ODMyNSAxMi4zMDAyIDEwLjc0OTkgMTAuMDAwMiAxMC43NDk5Wk0xMC4wMDAyIDQuMDgzMjVDOC42MTY4MyA0LjA4MzI1IDcuNTAwMTYgNS4xOTk5MiA3LjUwMDE2IDYuNTgzMjVDNy41MDAxNiA3Ljk2NjU5IDguNjE2ODMgOS4wODMyNSAxMC4wMDAyIDkuMDgzMjVDMTEuMzgzNSA5LjA4MzI1IDEyLjUwMDIgNy45NjY1OSAxMi41MDAyIDYuNTgzMjVDMTIuNTAwMiA1LjE5OTkyIDExLjM4MzUgNC4wODMyNSAxMC4wMDAyIDQuMDgzMjVaIiBmaWxsPSIjMTYyQTRDIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K)
}

.sni-element-wrapper.focused .label-right-wrapper .label-wrapper label,
.sni-element-wrapper.focused .label-right-wrapper .label-wrapper .inputIcon {
    color: #376bfb
}

.sni-element-wrapper.focused .label-right-wrapper .label-wrapper .closeIcon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+CjxyZWN0IHg9Ii0yMDg0IiB5PSItOTA0IiB3aWR0aD0iNDMyMCIgaGVpZ2h0PSIxMDM2Ii8+CjxwYXRoIGQ9Ik0tMjY0IC0xMkMtMjY0IC0xNC4yMDkxIC0yNjIuMjA5IC0xNiAtMjYwIC0xNkg1MkM1NC4yMDkxIC0xNiA1NiAtMTQuMjA5MSA1NiAtMTJWMjhILTI2NFYtMTJaIiAgLz4KPHBhdGggZD0iTTExLjI1MDEgMC43NTgxODdDMTAuOTI1MSAwLjQzMzE4NyAxMC40MDAxIDAuNDMzMTg3IDEwLjA3NTEgMC43NTgxODdMNi4wMDAxIDQuODI0ODVMMS45MjUxIDAuNzQ5ODU0QzEuNjAwMSAwLjQyNDg1NCAxLjA3NTEgMC40MjQ4NTQgMC43NTAwOTggMC43NDk4NTRDMC40MjUwOTggMS4wNzQ4NSAwLjQyNTA5OCAxLjU5OTg1IDAuNzUwMDk4IDEuOTI0ODVMNC44MjUxIDUuOTk5ODVMMC43NTAwOTggMTAuMDc0OUMwLjQyNTA5OCAxMC4zOTk5IDAuNDI1MDk4IDEwLjkyNDkgMC43NTAwOTggMTEuMjQ5OUMxLjA3NTEgMTEuNTc0OSAxLjYwMDEgMTEuNTc0OSAxLjkyNTEgMTEuMjQ5OUw2LjAwMDEgNy4xNzQ4NUwxMC4wNzUxIDExLjI0OTlDMTAuNDAwMSAxMS41NzQ5IDEwLjkyNTEgMTEuNTc0OSAxMS4yNTAxIDExLjI0OTlDMTEuNTc1MSAxMC45MjQ5IDExLjU3NTEgMTAuMzk5OSAxMS4yNTAxIDEwLjA3NDlMNy4xNzUxIDUuOTk5ODVMMTEuMjUwMSAxLjkyNDg1QzExLjU2NjggMS42MDgxOSAxMS41NjY4IDEuMDc0ODUgMTEuMjUwMSAwLjc1ODE4N1oiIGZpbGw9IiMzNzZiZmIiLz4KPC9zdmc+Cg==);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.sni-element-wrapper.focused .label-right-wrapper .label-wrapper .descriptions .counters {
    color: #376bfb
}

.sni-element-wrapper.focused .label-right-wrapper .label-wrapper .eye-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMy40MTY3M0MxMi4zMDAyIDMuNDE2NzMgMTQuMTY2OCA1LjI4MzQgMTQuMTY2OCA3LjU4MzRDMTQuMTY2OCA4LjAwODQgMTQuMDgzNSA4LjQxNjczIDEzLjk2NjggOC44MDAwN0wxNi41MTY4IDExLjM1MDFDMTcuNjc1MiAxMC4zMjUxIDE4LjU5MTggOS4wNDE3MyAxOS4xNjY4IDcuNTc1MDdDMTcuNzI1MiAzLjkyNTA3IDE0LjE2NjggMS4zMzM0IDEwLjAwMDIgMS4zMzM0QzguOTQxODMgMS4zMzM0IDcuOTI1MTYgMS41MDAwNyA2Ljk2NjgzIDEuODA4NEw4Ljc3NTE2IDMuNjE2NzNDOS4xNjY4MyAzLjUwMDA3IDkuNTc1MTYgMy40MTY3MyAxMC4wMDAyIDMuNDE2NzNaTTIuMjU4NSAwLjYzMzM5OEMxLjkzMzUgMC45NTgzOTggMS45MzM1IDEuNDgzNCAyLjI1ODUgMS44MDg0TDMuOTAwMTYgMy40NTAwN0MyLjU1MDE2IDQuNTI1MDcgMS40NzUxNiA1Ljk0MTczIDAuODMzNDk2IDcuNTgzNEMyLjI3NTE2IDExLjI0MTcgNS44MzM1IDEzLjgzMzQgMTAuMDAwMiAxMy44MzM0QzExLjI2NjggMTMuODMzNCAxMi40NzUyIDEzLjU4MzQgMTMuNTkxOCAxMy4xNTAxTDE1Ljg1ODUgMTUuNDE2N0MxNi4xODM1IDE1Ljc0MTcgMTYuNzA4NSAxNS43NDE3IDE3LjAzMzUgMTUuNDE2N0MxNy4zNTg1IDE1LjA5MTcgMTcuMzU4NSAxNC41NjY3IDE3LjAzMzUgMTQuMjQxN0wzLjQ0MTgzIDAuNjMzMzk4QzMuMTE2ODMgMC4zMDgzOTggMi41ODM1IDAuMzA4Mzk4IDIuMjU4NSAwLjYzMzM5OFpNMTAuMDAwMiAxMS43NTAxQzcuNzAwMTYgMTEuNzUwMSA1LjgzMzUgOS44ODM0IDUuODMzNSA3LjU4MzRDNS44MzM1IDYuOTQxNzMgNS45ODM1IDYuMzMzNCA2LjI0MTgzIDUuODAwMDdMNy41NTAxNiA3LjEwODRDNy41MjUxNiA3LjI1ODQgNy41MDAxNiA3LjQxNjczIDcuNTAwMTYgNy41ODM0QzcuNTAwMTYgOC45NjY3MyA4LjYxNjgzIDEwLjA4MzQgMTAuMDAwMiAxMC4wODM0QzEwLjE2NjggMTAuMDgzNCAxMC4zMTY4IDEwLjA1ODQgMTAuNDc1MiAxMC4wMjUxTDExLjc4MzUgMTEuMzMzNEMxMS4yNDE4IDExLjYwMDEgMTAuNjQxOCAxMS43NTAxIDEwLjAwMDIgMTEuNzUwMVpNMTIuNDc1MiA3LjMwODRDMTIuMzUwMiA2LjE0MTczIDExLjQzMzUgNS4yMzM0IDEwLjI3NTIgNS4xMDg0TDEyLjQ3NTIgNy4zMDg0WiIgZmlsbD0iIzM3NkJGQiIvPgo8L3N2Zz4K)
}

.sni-element-wrapper.focused .label-right-wrapper .label-wrapper .eye-icon.showPassword {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC4zMzMyNTJDNS44MzM1IDAuMzMzMjUyIDIuMjc1MTYgMi45MjQ5MiAwLjgzMzQ5NiA2LjU4MzI1QzIuMjc1MTYgMTAuMjQxNiA1LjgzMzUgMTIuODMzMyAxMC4wMDAyIDEyLjgzMzNDMTQuMTY2OCAxMi44MzMzIDE3LjcyNTIgMTAuMjQxNiAxOS4xNjY4IDYuNTgzMjVDMTcuNzI1MiAyLjkyNDkyIDE0LjE2NjggMC4zMzMyNTIgMTAuMDAwMiAwLjMzMzI1MlpNMTAuMDAwMiAxMC43NDk5QzcuNzAwMTYgMTAuNzQ5OSA1LjgzMzUgOC44ODMyNSA1LjgzMzUgNi41ODMyNUM1LjgzMzUgNC4yODMyNSA3LjcwMDE2IDIuNDE2NTkgMTAuMDAwMiAyLjQxNjU5QzEyLjMwMDIgMi40MTY1OSAxNC4xNjY4IDQuMjgzMjUgMTQuMTY2OCA2LjU4MzI1QzE0LjE2NjggOC44ODMyNSAxMi4zMDAyIDEwLjc0OTkgMTAuMDAwMiAxMC43NDk5Wk0xMC4wMDAyIDQuMDgzMjVDOC42MTY4MyA0LjA4MzI1IDcuNTAwMTYgNS4xOTk5MiA3LjUwMDE2IDYuNTgzMjVDNy41MDAxNiA3Ljk2NjU5IDguNjE2ODMgOS4wODMyNSAxMC4wMDAyIDkuMDgzMjVDMTEuMzgzNSA5LjA4MzI1IDEyLjUwMDIgNy45NjY1OSAxMi41MDAyIDYuNTgzMjVDMTIuNTAwMiA1LjE5OTkyIDExLjM4MzUgNC4wODMyNSAxMC4wMDAyIDQuMDgzMjVaIiBmaWxsPSIjMzc2QkZCIi8+Cjwvc3ZnPgo=)
}

.sni-element-wrapper.validationError .label-right-wrapper .label-wrapper label,
.sni-element-wrapper.validationError .label-right-wrapper .label-wrapper .descriptions .counters {
    color: #ff4c4c
}

.sni-element-wrapper.validationError .label-right-wrapper .label-wrapper .eye-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMy40MTY3M0MxMi4zMDAyIDMuNDE2NzMgMTQuMTY2OCA1LjI4MzQgMTQuMTY2OCA3LjU4MzRDMTQuMTY2OCA4LjAwODQgMTQuMDgzNSA4LjQxNjczIDEzLjk2NjggOC44MDAwN0wxNi41MTY4IDExLjM1MDFDMTcuNjc1MiAxMC4zMjUxIDE4LjU5MTggOS4wNDE3MyAxOS4xNjY4IDcuNTc1MDdDMTcuNzI1MiAzLjkyNTA3IDE0LjE2NjggMS4zMzM0IDEwLjAwMDIgMS4zMzM0QzguOTQxODMgMS4zMzM0IDcuOTI1MTYgMS41MDAwNyA2Ljk2NjgzIDEuODA4NEw4Ljc3NTE2IDMuNjE2NzNDOS4xNjY4MyAzLjUwMDA3IDkuNTc1MTYgMy40MTY3MyAxMC4wMDAyIDMuNDE2NzNaTTIuMjU4NSAwLjYzMzM5OEMxLjkzMzUgMC45NTgzOTggMS45MzM1IDEuNDgzNCAyLjI1ODUgMS44MDg0TDMuOTAwMTYgMy40NTAwN0MyLjU1MDE2IDQuNTI1MDcgMS40NzUxNiA1Ljk0MTczIDAuODMzNDk2IDcuNTgzNEMyLjI3NTE2IDExLjI0MTcgNS44MzM1IDEzLjgzMzQgMTAuMDAwMiAxMy44MzM0QzExLjI2NjggMTMuODMzNCAxMi40NzUyIDEzLjU4MzQgMTMuNTkxOCAxMy4xNTAxTDE1Ljg1ODUgMTUuNDE2N0MxNi4xODM1IDE1Ljc0MTcgMTYuNzA4NSAxNS43NDE3IDE3LjAzMzUgMTUuNDE2N0MxNy4zNTg1IDE1LjA5MTcgMTcuMzU4NSAxNC41NjY3IDE3LjAzMzUgMTQuMjQxN0wzLjQ0MTgzIDAuNjMzMzk4QzMuMTE2ODMgMC4zMDgzOTggMi41ODM1IDAuMzA4Mzk4IDIuMjU4NSAwLjYzMzM5OFpNMTAuMDAwMiAxMS43NTAxQzcuNzAwMTYgMTEuNzUwMSA1LjgzMzUgOS44ODM0IDUuODMzNSA3LjU4MzRDNS44MzM1IDYuOTQxNzMgNS45ODM1IDYuMzMzNCA2LjI0MTgzIDUuODAwMDdMNy41NTAxNiA3LjEwODRDNy41MjUxNiA3LjI1ODQgNy41MDAxNiA3LjQxNjczIDcuNTAwMTYgNy41ODM0QzcuNTAwMTYgOC45NjY3MyA4LjYxNjgzIDEwLjA4MzQgMTAuMDAwMiAxMC4wODM0QzEwLjE2NjggMTAuMDgzNCAxMC4zMTY4IDEwLjA1ODQgMTAuNDc1MiAxMC4wMjUxTDExLjc4MzUgMTEuMzMzNEMxMS4yNDE4IDExLjYwMDEgMTAuNjQxOCAxMS43NTAxIDEwLjAwMDIgMTEuNzUwMVpNMTIuNDc1MiA3LjMwODRDMTIuMzUwMiA2LjE0MTczIDExLjQzMzUgNS4yMzM0IDEwLjI3NTIgNS4xMDg0TDEyLjQ3NTIgNy4zMDg0WiIgZmlsbD0iI0ZGNEM0QyIvPgo8L3N2Zz4K)
}

.sni-element-wrapper.disabled input,
.sni-element-wrapper.disabled .descriptions {
    background: transparent
}

.sni-element-wrapper.isLoading:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.sni-element-wrapper.isLoading .descriptions,
.sni-element-wrapper.isLoading .ng-arrow-wrapper {
    display: none
}

[class^=kolayicon-],
[class*=" kolayicon-"] {
    font-family: kolayik !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.kolay-icons {
    font-size: 20px
}

element-wrapper .sni-element-wrapper .kolay-icons {
    font-size: 20px !important;
    line-height: 30px !important
}

.kolayicon-go-link:before {
    content: "\e903"
}

.kolayicon-arrow-uo-back:before {
    content: "\e909"
}

.kolayicon-arrow-uo-down:before {
    content: "\e90d"
}

.kolayicon-arrow-down-front:before {
    content: "\e915"
}

.kolayicon-onboarding:before {
    content: "\e928"
}

.kolayicon-cheer1:before {
    content: "\e945"
}

.kolayicon-inform-filled:before {
    content: "\e946"
}

.kolayicon-alert-filled:before {
    content: "\e94c"
}

.kolayicon-cheer:before {
    content: "\e94f"
}

.kolayicon-work:before {
    content: "\e952"
}

.kolayicon-mass:before {
    content: "\e985"
}

.kolayicon-mail:before {
    content: "\e986"
}

.kolayicon-notifications:before {
    content: "\e901"
}

.kolayicon-help:before {
    content: "\e902"
}

.kolayicon-show-menu:before {
    content: "\e904"
}

.kolayicon-plus:before {
    content: "\e905"
}

.kolayicon-hide-menu:before {
    content: "\e906"
}

.kolayicon-chat:before {
    content: "\e907"
}

.kolayicon-shortcut:before {
    content: "\e908"
}

.kolayicon-apps:before {
    content: "\e90a"
}

.kolayicon-date:before {
    content: "\e90b"
}

.kolayicon-report:before {
    content: "\e90c"
}

.kolayicon-persons:before {
    content: "\e90e"
}

.kolayicon-dashboard:before {
    content: "\e90f"
}

.kolayicon-search:before {
    content: "\e910"
}

.kolayicon-logo-solo:before {
    content: "\e911"
}

.kolayicon-logo:before {
    content: "\e912"
}

.kolayicon-birth:before {
    content: "\e914"
}

.kolayicon-check:before {
    content: "\e917"
}

.kolayicon-close:before {
    content: "\e918"
}

.kolayicon-info:before {
    content: "\e916"
}

.kolayicon-arrow-down:before {
    content: "\e919"
}

.kolayicon-arrow-up:before {
    content: "\e91a"
}

.kolayicon-arrow-left:before {
    content: "\e91b"
}

.kolayicon-arrow-right:before {
    content: "\e900"
}

.kolayicon-waiting:before {
    content: "\e91c"
}

.kolayicon-drop-arrow-down:before {
    content: "\e91e"
}

.kolayicon-drop-arrow-up:before {
    content: "\e91f"
}

.kolayicon-drop-arrow-left:before {
    content: "\e963"
}

.kolayicon-drop-arrow-right:before {
    content: "\e96a"
}

.kolayicon-options:before {
    content: "\e920"
}

.kolayicon-delete:before {
    content: "\e921"
}

.kolayicon-folder:before {
    content: "\e922"
}

.kolayicon-filter:before {
    content: "\e923"
}

.kolayicon-file:before {
    content: "\e924"
}

.kolayicon-transaction:before {
    content: "\e926"
}

.kolayicon-bill:before {
    content: "\e927"
}

.kolayicon-more-vertical:before {
    content: "\e913"
}

.kolayicon-ZIP:before {
    content: "\e929"
}

.kolayicon-PDF:before {
    content: "\e92a"
}

.kolayicon-TIF:before {
    content: "\e92b"
}

.kolayicon-TXT:before {
    content: "\e92c"
}

.kolayicon-RAR:before {
    content: "\e92d"
}

.kolayicon-WAV:before {
    content: "\e92e"
}

.kolayicon-GIF:before {
    content: "\e92f"
}

.kolayicon-JPG:before {
    content: "\e930"
}

.kolayicon-MOV:before {
    content: "\e931"
}

.kolayicon-MP4:before {
    content: "\e932"
}

.kolayicon-DOC:before {
    content: "\e933"
}

.kolayicon-ICO:before {
    content: "\e934"
}

.kolayicon-KEY:before {
    content: "\e935"
}

.kolayicon-MP3:before {
    content: "\e936"
}

.kolayicon-PNG:before {
    content: "\e937"
}

.kolayicon-PPT:before {
    content: "\e938"
}

.kolayicon-PSD:before {
    content: "\e939"
}

.kolayicon-XLS:before {
    content: "\e93a"
}

.kolayicon-EPS:before {
    content: "\e93b"
}

.kolayicon-AVI:before {
    content: "\e93c"
}

.kolayicon-widget-chart:before {
    content: "\e93d"
}

.kolayicon-widget-payment:before {
    content: "\e93e"
}

.kolayicon-widget-visa:before {
    content: "\e93f"
}

.kolayicon-widget-holiday:before {
    content: "\e940"
}

.kolayicon-lock:before {
    content: "\e941"
}

.kolayicon-tl:before {
    content: "\e942"
}

.kolayicon-edit:before {
    content: "\e943"
}

.kolayicon-leave-down:before {
    content: "\e944"
}

.kolayicon-leave-up:before {
    content: "\e925"
}

.kolayicon-split:before {
    content: "\e949"
}

.kolayicon-card:before {
    content: "\e94b"
}

.kolayicon-exit:before {
    content: "\e94d"
}

.kolayicon-happy:before {
    content: "\e94e"
}

.kolayicon-line:before {
    content: "\e950"
}

.kolayicon-list:before {
    content: "\e951"
}

.kolayicon-payment:before {
    content: "\e953"
}

.kolayicon-scheme:before {
    content: "\e954"
}

.kolayicon-time:before {
    content: "\e955"
}

.kolayicon-trash:before {
    content: "\e956"
}

.kolayicon-more-horizontal:before {
    content: "\e957"
}

.kolayicon-share:before {
    content: "\e958"
}

.kolayicon-trash-alt:before {
    content: "\e959"
}

.kolayicon-warning:before {
    content: "\e95b"
}

.kolayicon-file-alt-regular:before {
    content: "\e95c"
}

.kolayicon-credit-card-regular:before {
    content: "\e95d"
}

.kolayicon-umbrella-beach-solid-1:before {
    content: "\e95e"
}

.kolayicon-drop:before {
    content: "\e95f"
}

.kolayicon-user-slash-light:before {
    content: "\e962"
}

.kolayicon-eye-slash-regular:before {
    content: "\e964"
}

.kolayicon-eye-slash-regular-on:before {
    content: "\e98a"
}

.kolayicon-user-check-light:before {
    content: "\e965"
}

.kolayicon-download-regular:before {
    content: "\e966"
}

.kolayicon-trophy-alt-regular:before {
    content: "\e967"
}

.kolayicon-user-regular:before {
    content: "\e968"
}

.kolayicon-new-tab:before {
    content: "\e969"
}

.kolayicon-live-support:before {
    content: "\e96b"
}

.kolayicon-support-pass:before {
    content: "\e96c"
}

.kolayicon-life-ring:before {
    content: "\e96d"
}

.kolayicon-upload:before {
    content: "\e96e"
}

.kolayicon-loading-circle:before {
    content: "\e96f"
}

.kolayicon-target:before {
    content: "\e970"
}

.kolayicon-competence:before {
    content: "\e971"
}

.kolayicon-phone:before {
    content: "\e972"
}

.kolayicon-undo-regular:before {
    content: "\e973"
}

.kolayicon-money:before {
    content: "\e974"
}

.kolayicon-wallet:before {
    content: "\e975"
}

.kolayicon-id-card:before {
    content: "\e976"
}

.kolayicon-add-circle-outline:before {
    content: "\e977"
}

.kolayicon-copy:before {
    content: "\e979"
}

.kolayicon-send:before {
    content: "\e97b"
}

.kolayicon-unite:before {
    content: "\e97d"
}

.kolayicon-like:before {
    content: "\e97e"
}

.kolayicon-assets:before {
    content: "\e97f"
}

.kolayicon-banknote:before {
    content: "\e980"
}

.kolayicon-control-radio:before {
    content: "\e982"
}

.kolayicon-control-checkbox:before {
    content: "\e983"
}

.kolayicon-date-time:before {
    content: "\e984"
}

.kolayicon-leave:before {
    content: "\e987"
}

.kolayicon-image:before {
    content: "\e989"
}

.kolayicon-lock-open:before {
    content: "\e98d"
}

.kolayicon-Skip_Start:before {
    content: "\e91d"
}

.kolayicon-Arrow_Front:before {
    content: "\e947"
}

.kolayicon-Arrow_Back:before {
    content: "\e948"
}

.kolayicon-Skip_End:before {
    content: "\e94a"
}

.kolayicon-arrow-circle-down:before {
    content: "\e95a"
}

.kolayicon-arrow-circle-up:before {
    content: "\e960"
}

.kolayicon-arrow-trend-up:before {
    content: "\e961"
}

.kolayicon-warning-reverse:before {
    content: "\e978"
}

.kolayicon-info-reverse:before {
    content: "\e97a"
}

.kolayicon-file-not-found:before {
    content: "\e97c"
}

.kolayicon-union:before {
    content: "\e981"
}

sni-input [type=text],
sni-input [type=number],
sni-input [type=password],
kolay-number [type=text],
kolay-number [type=number],
kolay-number [type=password] {
    min-height: 44px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    color: #162a4c;
    background: #f0f2f5;
    border: 0;
    padding-left: 10px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    outline: none;
    transition: all 0ms ease-in-out;
    caret-color: #376bfb
}

sni-input [type=text]::-moz-placeholder,
sni-input [type=number]::-moz-placeholder,
sni-input [type=password]::-moz-placeholder,
kolay-number [type=text]::-moz-placeholder,
kolay-number [type=number]::-moz-placeholder,
kolay-number [type=password]::-moz-placeholder {
    color: #162a4c80
}

sni-input [type=text]::placeholder,
sni-input [type=number]::placeholder,
sni-input [type=password]::placeholder,
kolay-number [type=text]::placeholder,
kolay-number [type=number]::placeholder,
kolay-number [type=password]::placeholder {
    color: #162a4c80
}

sni-input [type=text]:disabled,
sni-input [type=number]:disabled,
sni-input [type=password]:disabled,
kolay-number [type=text]:disabled,
kolay-number [type=number]:disabled,
kolay-number [type=password]:disabled {
    cursor: not-allowed;
    border-bottom-style: dashed;
    border-bottom-width: 1px
}

sni-input input[type=number]::-webkit-inner-spin-button,
sni-input input[type=number]::-webkit-outer-spin-button,
kolay-number input[type=number]::-webkit-inner-spin-button,
kolay-number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

sni-input .sni-element-wrapper.focused input,
kolay-number .sni-element-wrapper.focused input {
    border-bottom-width: 2px;
    border-bottom-color: #376bfb;
    padding-top: 2px
}

sni-input .sni-element-wrapper.validationError input,
kolay-number .sni-element-wrapper.validationError input {
    border-bottom-color: #ff4c4c;
    border-bottom-width: 2px;
    padding-top: 2px
}

.kolay-checkbox-wrapper {
    cursor: pointer;
    display: table;
    margin-bottom: 15px
}

.kolay-checkbox-wrapper.fullWidth {
    width: 100%
}

.kolay-checkbox-wrapper.toggle-container .textBox>div {
    line-height: 28px
}

.kolay-checkbox-wrapper.toggle-container .textBox>div .kolay-icons.tooltip {
    position: relative;
    top: 3px;
    left: 3px
}

.kolay-checkbox-wrapper .checkBoxHolder {
    display: table-cell;
    padding: 0 11px 0 7px;
    width: 33px;
    vertical-align: top
}

.kolay-checkbox-wrapper .checkBoxHolder.rtl {
    padding: 0 7px 0 25px;
    direction: rtl;
    text-align: right
}

.kolay-checkbox-wrapper .checkBoxHolder .checkBtn.checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid rgba(22, 42, 76, .5);
    text-align: center;
    line-height: 13px
}

.kolay-checkbox-wrapper .checkBoxHolder .checkBtn.checkbox:before {
    content: " ";
    display: inline-block;
    width: 10px;
    height: 10px;
    transition: all .2s ease-in-out;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8dGl0bGUvPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBpZD0iX0NvbXBvdW5kX1BhdGhfIiBkPSJtMjEuNDA1MTMsNTcuODJsLTIxLjMzLC0yMS4yOWMxLjk1NjY3LC0xLjk1NjY3IDcuMTQzOTksLTcuMjE5MTIgOS4xMDA2NSwtOS4xNzU3OGM0LjAyNjM2LDMuNzY1OTIgOC4wNTI3Myw3LjUzMTg1IDEyLjA3OTA5LDExLjI5Nzc3YzExLjI2NDkyLC0xMS41MTcwNiAyMS4xMDIzMywtMjIuMjgyODEgMzMuMTE4NTUsLTMyLjU5Nzc3bDkuNzAxNzEsOS4xNzU3OGwtNDIuNjcsNDIuNTkiLz4KIDwvZz4KPC9zdmc+);
    opacity: 0;
    position: relative;
    top: -1px
}

.kolay-checkbox-wrapper .checkBoxHolder .checkBtn.toggle {
    position: relative;
    display: inline-block;
    background: #c0cad9;
    height: 28px;
    width: 52px;
    box-sizing: border-box;
    border-radius: 60px;
    transition: all .2s ease-in-out
}

.kolay-checkbox-wrapper .checkBoxHolder .checkBtn.toggle:before {
    content: " ";
    position: absolute;
    top: 2px;
    display: inline-block;
    background-color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    right: 26px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw1IDVNOSA5TDUgNU01IDVMOSAxTTUgNUwxIDkiIHN0cm9rZT0iIzE2MkE0QyIgc3Ryb2tlLW9wYWNpdHk9IjAuMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-size: 8px;
    transform: rotate(180deg);
    z-index: 2
}

.kolay-checkbox-wrapper .checkBoxHolder .checkBtn.toggle.show-lock:after {
    content: " ";
    position: absolute;
    top: 7px;
    left: 32px;
    display: inline-block;
    width: 11px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .2s ease-in-out;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxMSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjY2NjY3IDMuMzMzMzNWNC42NjY2N0g5LjMzMzMzQzEwLjA2NjcgNC42NjY2NyAxMC42NjY3IDUuMjY2NjcgMTAuNjY2NyA2VjEyLjY2NjdDMTAuNjY2NyAxMy40IDEwLjA2NjcgMTQgOS4zMzMzMyAxNEgxLjMzMzMzQzAuNiAxNCAwIDEzLjQgMCAxMi42NjY3VjZDMCA1LjI2NjY3IDAuNiA0LjY2NjY3IDEuMzMzMzMgNC42NjY2N0gyVjMuMzMzMzNDMiAxLjQ5MzMzIDMuNDkzMzMgMCA1LjMzMzMzIDBDNy4xNzMzMyAwIDguNjY2NjcgMS40OTMzMyA4LjY2NjY3IDMuMzMzMzNaTTMuMzMzMzMgNC42NjY2N0g3LjMzMzMzVjMuMzMzMzNDNy4zMzMzMyAyLjIyNjY3IDYuNDQgMS4zMzMzMyA1LjMzMzMzIDEuMzMzMzNDNC4yMjY2NyAxLjMzMzMzIDMuMzMzMzMgMi4yMjY2NyAzLjMzMzMzIDMuMzMzMzNWNC42NjY2N1pNOS4zMzMzMyAxMkM5LjMzMzMzIDEyLjM2NjcgOS4wMzMzMyAxMi42NjY3IDguNjY2NjcgMTIuNjY2N0gyQzEuNjMzMzMgMTIuNjY2NyAxLjMzMzMzIDEyLjM2NjcgMS4zMzMzMyAxMlY2LjY2NjY3QzEuMzMzMzMgNi4zIDEuNjMzMzMgNiAyIDZIOC42NjY2N0M5LjAzMzMzIDYgOS4zMzMzMyA2LjMgOS4zMzMzMyA2LjY2NjY3VjEyWk00IDkuMzMzMzNDNCA4LjYgNC42IDggNS4zMzMzMyA4QzYuMDY2NjcgOCA2LjY2NjY3IDguNiA2LjY2NjY3IDkuMzMzMzNDNi42NjY2NyAxMC4wNjY3IDYuMDY2NjcgMTAuNjY2NyA1LjMzMzMzIDEwLjY2NjdDNC42IDEwLjY2NjcgNCAxMC4wNjY3IDQgOS4zMzMzM1oiIGZpbGw9IiMxNjJBNEMiIGZpbGwtb3BhY2l0eT0iMC4zIi8+Cjwvc3ZnPgo=);
    z-index: 1
}

.kolay-checkbox-wrapper .textBox {
    position: relative;
    display: table-cell;
    vertical-align: top;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6;
    float: left;
    top: -1px
}

.kolay-checkbox-wrapper .textBox .subText {
    color: #162a4cb3;
    font-size: 13px;
    line-height: 20px
}

.kolay-checkbox-wrapper.selected .checkBoxHolder .checkBtn.checkbox {
    border-color: transparent;
    background: #278c3d
}

.kolay-checkbox-wrapper.selected .checkBoxHolder .checkBtn.checkbox:before {
    opacity: 1
}

.kolay-checkbox-wrapper.selected .checkBoxHolder .checkBtn.toggle {
    border-color: transparent;
    background: #278c3d
}

.kolay-checkbox-wrapper.selected .checkBoxHolder .checkBtn.toggle:before {
    background-size: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIj48cmVjdCBpZD0iYmFja2dyb3VuZHJlY3QiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIvPgoKPGcgY2xhc3M9ImN1cnJlbnRMYXllciIgc3R5bGU9IiI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxwYXRoIGQ9Ik0xIDVMNCA4TDExIDEiIHN0cm9rZT0iIzI3OGMzZCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGlkPSJzdmdfMSIgY2xhc3M9InNlbGVjdGVkIiBmaWxsPSJub25lIiBzdHJva2Utb3BhY2l0eT0iMSIvPjwvZz48L3N2Zz4=);
    right: 2px;
    transform: rotate(360deg)
}

.kolay-checkbox-wrapper.selected .checkBoxHolder .checkBtn.toggle.show-lock:after {
    left: 9px
}

.kolay-checkbox-wrapper.disabled {
    cursor: not-allowed
}

.kolay-checkbox-wrapper.disabled .checkBoxHolder .checkBtn.checkbox {
    border: 2px solid rgba(22, 42, 76, .2)
}

.kolay-checkbox-wrapper.disabled .checkBoxHolder .checkBtn.toggle {
    background: #E6EAEF
}

.kolay-checkbox-wrapper.disabled.selected .checkBoxHolder .checkBtn.checkbox {
    border: 2px solid transparent;
    background: rgba(22, 42, 76, .2)
}

.kolay-checkbox-wrapper.disabled.selected .checkBoxHolder .checkBtn.toggle {
    background: rgba(22, 42, 76, .2)
}

.kolay-checkbox-wrapper.disabled.selected .checkBoxHolder .checkBtn.toggle:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDVMNCA4TDExIDEiIHN0cm9rZT0iIzE2MmE0YzRkIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.kolay-checkbox-wrapper.disabled .textBox {
    color: #162a4cb3
}

.kolay-checkbox-wrapper.disabled .textBox .subText {
    color: #162a4c80
}

kolay-datatable.large-header .datatable-header {
    height: 67px !important
}

.kolay-datatable-wrapper .datatableWrapper {
    position: relative
}

.kolay-datatable-wrapper .datatableWrapper .datatable-icon-right:before {
    font-family: kolayik !important;
    content: "\e900" !important;
    font-size: 25px !important
}

.kolay-datatable-wrapper .datatableWrapper .datatable-icon-left:before {
    font-family: kolayik !important;
    content: "\e91b" !important;
    font-size: 25px !important
}

.kolay-datatable-wrapper .datatableWrapper ul#datatableContextMenu {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 4px 0;
    top: 0px;
    display: inline-block;
    background: #1d3a64;
    box-shadow: 0 4px 6px #162a4c29, 0 2px 16px #162a4c1f, 0 8px 12px #162a4c14;
    border-radius: 4px;
    z-index: 999
}

.kolay-datatable-wrapper .datatableWrapper ul#datatableContextMenu li {
    padding: 9px 12px;
    width: 150px;
    cursor: pointer;
    font-size: 13px;
    color: #fff
}

.kolay-datatable-wrapper .datatableWrapper ul#datatableContextMenu li:hover {
    background: rgba(255, 255, 255, .2)
}

.kolay-datatable-wrapper .datatableWrapper ul#datatableContextMenu li a {
    color: #fff
}

.kolay-datatable-wrapper .datatableWrapper.markActiveRow .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.active,
.kolay-datatable-wrapper .datatableWrapper.markActiveRow .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.active .datatable-row-right .datatable-body-cell .menuBtn,
.kolay-datatable-wrapper .datatableWrapper.markActiveRow .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.active .datatable-row-left .datatable-body-cell {
    background: #eff9e7
}

.kolay-datatable-wrapper .sort-btn:before {
    position: relative;
    top: -1px;
    font-family: kolayik !important;
    font-size: 20px
}

.kolay-datatable-wrapper .table-profile {
    position: relative;
    display: table
}

.kolay-datatable-wrapper .table-profile .image {
    display: table-cell;
    float: unset;
    vertical-align: middle
}

.kolay-datatable-wrapper .table-profile .image img {
    vertical-align: middle
}

.kolay-datatable-wrapper .table-profile .title {
    display: table-cell;
    float: unset;
    padding-top: 0 !important;
    vertical-align: middle;
    white-space: nowrap
}

.kolay-datatable-wrapper .table-profile .title.white-space-normal {
    white-space: normal
}

.kolay-datatable-wrapper .datatableContextMenu li.item,
.kolay-datatable-wrapper .datatableContextMenu li.item.delete {
    color: #fff !important
}

.kolay-datatable-wrapper .datatable-body-row .datatable-body-cell {
    min-height: 48px;
    display: flex;
    align-items: center
}

.kolay-datatable-wrapper .datatable-body-row .datatable-body-cell.disable {
    opacity: .6;
    pointer-events: none
}

.kolay-datatable-wrapper .datatable-body-row .datatable-body-cell kolay-progress {
    top: 3px
}

.kolay-datatable-wrapper .datatable-body-row .datatable-body-cell kolay-chips {
    top: 2px;
    font-size: 0
}

.kolay-datatable-wrapper .datatable-body-row .datatable-body-cell .datatable-body-cell-label {
    width: 100%
}

.kolay-datatable-wrapper .datatable-header-inner {
    position: relative
}

.kolay-datatable-wrapper datatable-progress .progress-linear .container {
    height: 4px;
    width: 100%;
    max-width: unset;
    padding: 0
}

.kolay-datatable-wrapper .menuBtn.kolayicon-more-vertical {
    font-size: 20px;
    line-height: 51px;
    padding: 5px;
    box-sizing: border-box;
    right: auto !important;
    width: 100%;
    color: #376bfb
}

.kolay-datatable-wrapper .menuBtn.kolayicon-more-vertical:before {
    left: 2px;
    position: relative
}

.kolay-datatable-wrapper .menuBtn.kolayicon-more-vertical:hover:before {
    background: rgba(22, 42, 76, .15);
    border-radius: 50%;
    transition: background-color .2s linear
}

.kolay-datatable-wrapper .dropDownBg {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 998
}

.kolay-datatable-wrapper .datatable-header-cell.align-right {
    direction: rtl
}

.kolay-datatable-wrapper .datatable-header-cell.highlightedHeader {
    background-color: #376bfb13
}

.kolay-datatable-wrapper .datatable-body-cell {
    position: relative
}

.kolay-datatable-wrapper .datatable-body-cell .link {
    color: #376bfb
}

.kolay-datatable-wrapper .datatable-body-cell .profile-with-avatar {
    position: absolute;
    top: 11px
}

.kolay-datatable-wrapper .datatable-body-cell.highlightedCell {
    background-color: #376bfb13;
    margin-left: 1px
}

.kolay-datatable-wrapper .datatable-icon-sort-unset:before {
    content: ""
}

.kolay-datatable-wrapper .datatable-icon-up:before {
    content: "\e91a"
}

.kolay-datatable-wrapper .datatable-icon-down:before {
    content: "\e919"
}

.kolay-datatable-wrapper datatable-pager .pager li:first-child,
.kolay-datatable-wrapper datatable-pager .pager li:last-child {
    display: none !important
}

.kolay-datatable-wrapper .hideTotalCount .page-count {
    display: none
}

.kolay-datatable-wrapper .table-profile {
    position: absolute;
    top: 11px
}

.kolay-datatable-wrapper .empty-row {
    text-align: center;
    background: #fafbfc;
    padding: 13px;
    min-height: 48px;
    border-top: 1px solid rgba(22, 42, 76, .1)
}

.kolay-datatable-wrapper .datatableContextMenu li.item {
    color: #fff !important
}

.kolay-datatable-wrapper .datatableContextMenu li.item.delete {
    color: #ff4c4c !important
}

.kolay-datatable-wrapper .datatable-body-cell-label {
    height: 100%
}

.kolay-datatable-wrapper .datatable-body-cell-label .wrapper {
    display: table;
    height: 100%;
    width: 100%
}

.kolay-datatable-wrapper .datatable-body-cell-label .wrapper.align-right {
    text-align: right
}

.kolay-datatable-wrapper .datatable-body-cell-label .wrapper.align-right sni-input input {
    text-align: right;
    padding-right: 5px
}

.kolay-datatable-wrapper .datatable-body-cell-label .wrapper.align-right kolay-select {
    text-align: left
}

.kolay-datatable-wrapper .datatable-body-cell-label .wrapper .value {
    display: table-cell;
    vertical-align: middle !important;
    height: 100%
}

.kolay-datatable-wrapper .datatable-body-cell-label .wrapper .value .subText {
    color: #162a4c80;
    display: block
}

.kolay-datatable-wrapper .kolay-checkbox-wrapper {
    margin-bottom: 0 !important
}

.kolay-datatable-wrapper datatable-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.kolay-datatable-wrapper datatable-progress .progress-linear .container {
    height: 4px;
    width: 100%
}

.kolay-datatable-wrapper datatable-progress .progress-linear .container .bar {
    height: 4px;
    background-color: #376bfb;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: progressAnimation;
    animation-name: progressAnimation;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes progressAnimation {
    0% {
        width: 0%
    }

    to {
        width: 100%
    }
}

.kolay-datatable-wrapper .ngx-datatable {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6
}

.kolay-datatable-wrapper .ngx-datatable:before {
    content: "";
    position: absolute;
    top: 50px;
    bottom: 52px;
    right: 0px;
    width: 2px;
    border-right: 1px solid #dcdfe4;
    z-index: 100;
    color: #dcdfe4;
    border-bottom-right-radius: 10px
}

.kolay-datatable-wrapper .ngx-datatable:after {
    content: "";
    position: absolute;
    top: 50px;
    bottom: 52px;
    left: 0px;
    width: 2px;
    border-left: 1px solid #dcdfe4;
    z-index: 100;
    color: #dcdfe4;
    border-bottom-left-radius: 10px
}

.kolay-datatable-wrapper .ngx-datatable.hasFooter:before {
    bottom: 0px
}

.kolay-datatable-wrapper .ngx-datatable.hasFooter:after {
    bottom: 0px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header {
    border: 1px solid rgba(22, 42, 76, .15);
    background-color: #fff;
    border-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-header-cell {
    padding: 14px 8px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
    color: #376bfb
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-header-cell:first-child {
    padding-left: 16px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-header-cell:first-child .checkBoxHolder {
    position: relative;
    top: 1px;
    padding-left: 4px !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-header-cell:last-child {
    padding-right: 16px !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-header-cell.sortable span {
    cursor: pointer
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
    cursor: ew-resize !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-row-left .datatable-header-cell {
    position: relative;
    background-color: #fff
}

.kolay-datatable-wrapper .ngx-datatable .datatable-header .datatable-row-left .datatable-header-cell:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background-color: #162a4c1a
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body {
    min-height: 4px;
    border-top: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
    border-bottom: 1px solid rgba(22, 42, 76, .15)
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-body-cell-label .wrapper .value {
    vertical-align: top
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-body-row>.datatable-row-right {
    position: fixed;
    right: 0;
    transform: translate(0) !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll {
    display: unset !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row {
    box-shadow: inset 0 1px #162a4c1a;
    background: white;
    position: relative
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.datatable-row-even {
    background: #fafbfc
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.datatable-row-even .datatable-row-left .datatable-body-cell {
    box-shadow: inset 0 1px #162a4c1a;
    border-right: 1px solid rgba(22, 42, 76, .1);
    background: #fafbfc
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.datatable-row-even .datatable-row-right .datatable-body-cell .menuBtn {
    background: #fafbfc
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.datatable-row-odd .datatable-row-left .datatable-body-cell {
    box-shadow: inset 0 1px #162a4c1a;
    border-right: 1px solid rgba(22, 42, 76, .1);
    background: white
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.error .datatable-body-cell {
    box-shadow: inset 0 1px #162a4c1a;
    background: #ffebee !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.error .datatable-body-cell .menuBtn {
    background: #ffebee !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.disabled .datatable-body-cell {
    opacity: .5
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.disabled .datatable-row-right .datatable-body-cell {
    opacity: unset
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker .datatable-row-left.datatable-row-group .datatable-body-cell:first-child:before {
    content: " ";
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 5px;
    z-index: 11;
    background-color: #376bfb
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker:first-child:before {
    content: " ";
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 5px;
    z-index: 11;
    background-color: #376bfb
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.primary .datatable-row-left.datatable-row-group .datatable-body-cell:first-child:before {
    background-color: #376bfb
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.primary:first-child:before {
    content: " ";
    background-color: #376bfb
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.secondary .datatable-row-left.datatable-row-group .datatable-body-cell:first-child:before {
    background-color: #162a4ce6
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.secondary:first-child:before {
    content: " ";
    background-color: #162a4ce6
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.warning .datatable-row-left.datatable-row-group .datatable-body-cell:first-child:before {
    background-color: #f9a623
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.warning:first-child:before {
    content: " ";
    background-color: #f9a623
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.alert .datatable-row-left.datatable-row-group .datatable-body-cell:first-child:before {
    background-color: #e62729
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row.marker.alert:first-child:before {
    content: " ";
    background-color: #e62729
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-body-cell {
    padding: 14px 8px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-body-cell:first-child {
    padding-left: 16px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-body-cell:first-child .checkBoxHolder {
    position: relative;
    top: 1px;
    padding-left: 4px !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-body-cell:last-child {
    padding-right: 16px !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-right .datatable-body-cell {
    position: relative;
    overflow: visible;
    z-index: 0
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-right .datatable-body-cell .menuBtn {
    position: absolute;
    top: 1px;
    bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 40px;
    background: white;
    cursor: pointer;
    z-index: 1;
    display: block
}

@media only screen and (max-width: 800px) {
    .kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-right .datatable-body-cell .menuBtn {
        box-shadow: -6px 0 10px #162a4c29;
        text-align: center
    }
}

.kolay-datatable-wrapper .ngx-datatable .datatable-body .datatable-scroll .datatable-row-wrapper .datatable-body-row .datatable-row-right .datatable-body-cell:first-child {
    padding: unset
}

.kolay-datatable-wrapper .ngx-datatable .datatable-summary-row .datatable-body-row {
    background: #fafbfc;
    box-shadow: inset 0 1px #162a4c1a
}

.kolay-datatable-wrapper .ngx-datatable .datatable-summary-row .datatable-body-row .datatable-body-cell {
    display: table
}

.kolay-datatable-wrapper .ngx-datatable .datatable-summary-row .datatable-body-row .datatable-body-cell:first-child {
    padding: 14px 8px 14px 16px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-summary-row .datatable-body-row .datatable-body-cell:last-child {
    padding-right: 14px 16px 14px 16px !important
}

.kolay-datatable-wrapper .ngx-datatable .datatable-summary-row .datatable-body-row .datatable-body-cell .datatable-body-cell-label {
    vertical-align: middle;
    display: table-cell
}

.kolay-datatable-wrapper .ngx-datatable .datatable-summary-row .datatable-body-row .datatable-row-left {
    box-shadow: inset 0 1px #162a4c1a;
    border-right: 1px solid rgba(22, 42, 76, .1);
    background: #fafbfc;
    overflow: hidden
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner {
    display: block !important;
    align-items: unset;
    box-sizing: border-box;
    padding: 14px 0
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .page-count {
    float: right;
    flex: unset;
    line-height: 36px
}

@media only screen and (max-width: 600px) {
    .kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .page-count {
        display: none
    }
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager {
    float: left;
    flex: unset
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager {
    border-radius: 4px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager {
    border: 1px solid rgba(22, 42, 76, .15);
    background: white;
    border-radius: 4px;
    padding: 0 4px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager li {
    text-align: center;
    vertical-align: middle;
    padding: 5px 2px
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager li:hover a {
    background: #d7fedc;
    border-radius: 4px;
    color: #162a4cb3
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager li.active a {
    background: #278c3d;
    border-radius: 4px;
    color: #fff
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager li.disabled a {
    color: #162a4c4d
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager li.disabled:hover a {
    background: white;
    border-radius: 0;
    color: #162a4c4d
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager li a {
    width: 32px;
    color: #162a4cb3;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager ul.pager li a i {
    vertical-align: middle;
    display: inline-block
}

.kolay-datatable-wrapper .ngx-datatable .datatable-footer .datatable-footer-inner .datatable-pager .page-count {
    line-height: 36px
}

kolay-datepicker .dateTimeWrapper {
    position: relative;
    display: table;
    width: 100%
}

kolay-datepicker .dateTimeWrapper .datePart {
    display: table-cell
}

kolay-datepicker .dateTimeWrapper .timePart {
    display: table-cell;
    width: 160px;
    padding-left: 10px;
    vertical-align: top
}

kolay-datepicker .dateTimeWrapper .timePart kolay-timepicker .timeInputWrapper {
    display: block
}

kolay-datepicker .dateTimeWrapper .timePart kolay-timepicker {
    width: 100%
}

kolay-datepicker .dateTimeWrapper .timePart kolay-timepicker .inputWrapper {
    display: block
}

kolay-datepicker .dateTimeWrapper .timePart .inputIcon {
    top: 1px !important
}

kolay-datepicker .dateTimeWrapper .timePart .inputIcon[class*=kolayicon-] {
    top: 4px !important
}

kolay-datepicker .dateTimeWrapper .dateInputWrapper {
    position: relative
}

kolay-datepicker .dateTimeWrapper input {
    min-height: 44px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    color: #162a4c;
    background: #f0f2f5;
    border: 0;
    padding-left: 10px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    outline: none;
    transition: all 0ms ease-in-out
}

kolay-datepicker .dateTimeWrapper input:disabled {
    cursor: not-allowed;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    background: transparent
}

kolay-datepicker .dateTimeWrapper input[type=date]::-webkit-calendar-picker-indicator,
kolay-datepicker .dateTimeWrapper input[type=date]::-webkit-inner-spin-button {
    display: none
}

kolay-datepicker .dateTimeWrapper input[type=date]::-webkit-clear-button {
    display: none
}

kolay-datepicker .dateTimeWrapper .calander-icon {
    float: right;
    margin-top: -38px;
    padding: 5px 10px 5px 5px;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3;
    position: relative;
    display: block;
    width: 40px;
    height: 30px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODMzNDIgOS41ODMyNUM0LjgzMzQyIDkuMzUzMTMgNS4wMTk5NiA5LjE2NjU4IDUuMjUwMDggOS4xNjY1OEg2LjA4MzQyQzYuMzEzNTMgOS4xNjY1OCA2LjUwMDA4IDkuMzUzMTMgNi41MDAwOCA5LjU4MzI1VjEwLjQxNjZDNi41MDAwOCAxMC42NDY3IDYuMzEzNTMgMTAuODMzMyA2LjA4MzQyIDEwLjgzMzNINS4yNTAwOEM1LjAxOTk2IDEwLjgzMzMgNC44MzM0MiAxMC42NDY3IDQuODMzNDIgMTAuNDE2NlY5LjU4MzI1WiIgZmlsbD0iIzE2MkE0QyIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPHBhdGggZD0iTTguNTgzNDIgOS4xNjY1OEM4LjM1MzMgOS4xNjY1OCA4LjE2Njc1IDkuMzUzMTMgOC4xNjY3NSA5LjU4MzI1VjEwLjQxNjZDOC4xNjY3NSAxMC42NDY3IDguMzUzMyAxMC44MzMzIDguNTgzNDIgMTAuODMzM0g5LjQxNjc1QzkuNjQ2ODcgMTAuODMzMyA5LjgzMzQyIDEwLjY0NjcgOS44MzM0MiAxMC40MTY2VjkuNTgzMjVDOS44MzM0MiA5LjM1MzEzIDkuNjQ2ODcgOS4xNjY1OCA5LjQxNjc1IDkuMTY2NThIOC41ODM0MloiIGZpbGw9IiMxNjJBNEMiIGZpbGwtb3BhY2l0eT0iMC43Ii8+CjxwYXRoIGQ9Ik0xMS41MDAxIDkuNTgzMjVDMTEuNTAwMSA5LjM1MzEzIDExLjY4NjYgOS4xNjY1OCAxMS45MTY3IDkuMTY2NThIMTIuNzUwMUMxMi45ODAyIDkuMTY2NTggMTMuMTY2NyA5LjM1MzEzIDEzLjE2NjcgOS41ODMyNVYxMC40MTY2QzEzLjE2NjcgMTAuNjQ2NyAxMi45ODAyIDEwLjgzMzMgMTIuNzUwMSAxMC44MzMzSDExLjkxNjdDMTEuNjg2NiAxMC44MzMzIDExLjUwMDEgMTAuNjQ2NyAxMS41MDAxIDEwLjQxNjZWOS41ODMyNVoiIGZpbGw9IiMxNjJBNEMiIGZpbGwtb3BhY2l0eT0iMC43Ii8+CjxwYXRoIGQ9Ik01LjI1MDA4IDEyLjQ5OTlDNS4wMTk5NiAxMi40OTk5IDQuODMzNDIgMTIuNjg2NSA0LjgzMzQyIDEyLjkxNjZWMTMuNzQ5OUM0LjgzMzQyIDEzLjk4IDUuMDE5OTYgMTQuMTY2NiA1LjI1MDA4IDE0LjE2NjZINi4wODM0MkM2LjMxMzUzIDE0LjE2NjYgNi41MDAwOCAxMy45OCA2LjUwMDA4IDEzLjc0OTlWMTIuOTE2NkM2LjUwMDA4IDEyLjY4NjUgNi4zMTM1MyAxMi40OTk5IDYuMDgzNDIgMTIuNDk5OUg1LjI1MDA4WiIgZmlsbD0iIzE2MkE0QyIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPHBhdGggZD0iTTguMTY2NzUgMTIuOTE2NkM4LjE2Njc1IDEyLjY4NjUgOC4zNTMzIDEyLjQ5OTkgOC41ODM0MiAxMi40OTk5SDkuNDE2NzVDOS42NDY4NyAxMi40OTk5IDkuODMzNDIgMTIuNjg2NSA5LjgzMzQyIDEyLjkxNjZWMTMuNzQ5OUM5LjgzMzQyIDEzLjk4IDkuNjQ2ODcgMTQuMTY2NiA5LjQxNjc1IDE0LjE2NjZIOC41ODM0MkM4LjM1MzMgMTQuMTY2NiA4LjE2Njc1IDEzLjk4IDguMTY2NzUgMTMuNzQ5OVYxMi45MTY2WiIgZmlsbD0iIzE2MkE0QyIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPHBhdGggZD0iTTExLjkxNjcgMTIuNDk5OUMxMS42ODY2IDEyLjQ5OTkgMTEuNTAwMSAxMi42ODY1IDExLjUwMDEgMTIuOTE2NlYxMy43NDk5QzExLjUwMDEgMTMuOTggMTEuNjg2NiAxNC4xNjY2IDExLjkxNjcgMTQuMTY2NkgxMi43NTAxQzEyLjk4MDIgMTQuMTY2NiAxMy4xNjY3IDEzLjk4IDEzLjE2NjcgMTMuNzQ5OVYxMi45MTY2QzEzLjE2NjcgMTIuNjg2NSAxMi45ODAyIDEyLjQ5OTkgMTIuNzUwMSAxMi40OTk5SDExLjkxNjdaIiBmaWxsPSIjMTYyQTRDIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjY2NjcgMi40OTk5MkgxNC44MzM0VjEuNjY2NTlDMTQuODMzNCAxLjIwODI1IDE0LjQ1ODQgMC44MzMyNTIgMTQuMDAwMSAwLjgzMzI1MkMxMy41NDE3IDAuODMzMjUyIDEzLjE2NjcgMS4yMDgyNSAxMy4xNjY3IDEuNjY2NTlWMi40OTk5Mkg0LjgzMzQyVjEuNjY2NTlDNC44MzM0MiAxLjIwODI1IDQuNDU4NDIgMC44MzMyNTIgNC4wMDAwOCAwLjgzMzI1MkMzLjU0MTc1IDAuODMzMjUyIDMuMTY2NzUgMS4yMDgyNSAzLjE2Njc1IDEuNjY2NTlWMi40OTk5MkgyLjMzMzQxQzEuNDE2NzUgMi40OTk5MiAwLjY2Njc0OCAzLjI0OTkyIDAuNjY2NzQ4IDQuMTY2NThWMTcuNDk5OUMwLjY2Njc0OCAxOC40MTY2IDEuNDE2NzUgMTkuMTY2NiAyLjMzMzQxIDE5LjE2NjZIMTUuNjY2N0MxNi41ODM0IDE5LjE2NjYgMTcuMzMzNCAxOC40MTY2IDE3LjMzMzQgMTcuNDk5OVY0LjE2NjU4QzE3LjMzMzQgMy4yNDk5MiAxNi41ODM0IDIuNDk5OTIgMTUuNjY2NyAyLjQ5OTkyWk0xNC44MzM0IDE3LjQ5OTlIMy4xNjY3NUMyLjcwODQxIDE3LjQ5OTkgMi4zMzM0MSAxNy4xMjQ5IDIuMzMzNDEgMTYuNjY2NlY2LjY2NjU4SDE1LjY2NjdWMTYuNjY2NkMxNS42NjY3IDE3LjEyNDkgMTUuMjkxNyAxNy40OTk5IDE0LjgzMzQgMTcuNDk5OVoiIGZpbGw9IiMxNjJBNEMiIGZpbGwtb3BhY2l0eT0iMC43Ii8+Cjwvc3ZnPgo=);
    background-position: center center;
    background-repeat: no-repeat
}

kolay-datepicker .dateTimeWrapper .calander-icon.disabled {
    cursor: not-allowed
}

kolay-datepicker .sni-element-wrapper.focused label {
    color: #376bfb
}

kolay-datepicker .sni-element-wrapper.focused input {
    border-bottom-width: 2px;
    border-bottom-color: #376bfb
}

kolay-datepicker .sni-element-wrapper.validationError label {
    color: #ff4c4c
}

kolay-datepicker .sni-element-wrapper.validationError input {
    border-bottom-color: #ff4c4c;
    border-bottom-width: 2px
}

.ng-mydp .myDpSelector {
    border: 0;
    padding: 0;
    box-shadow: 0 4px 6px #162a4c14, 0 2px 16px #162a4c0f, 0 8px 12px #162a4c0a;
    border-radius: 0 0 4px 4px;
    background: white
}

.ng-mydp .myDpSelector:focus {
    box-shadow: 0 4px 6px #162a4c14, 0 2px 16px #162a4c0f, 0 8px 12px #162a4c0a
}

.ng-mydp .myDpSelector .myDpWeekDayTitle {
    background-color: #fff;
    font-weight: 500;
    font-size: 11px;
    color: #162a4cb3
}

.ng-mydp .myDpSelector .myDpNextBtn {
    margin-left: auto;
    margin-right: 16px
}

.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow {
    line-height: 26px;
    height: 25px
}

.ng-mydp .myDpSelector .myDpNextBtn .myDpIconRightArrow:before {
    color: #376bfb;
    font-size: 13px
}

.ng-mydp .myDpSelector .myDpPrevBtn {
    margin-left: 16px
}

.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow {
    line-height: 26px;
    height: 25px
}

.ng-mydp .myDpSelector .myDpPrevBtn .myDpIconLeftArrow:before {
    color: #376bfb;
    font-size: 13px
}

.ng-mydp .myDpSelector .myDpMonthYearSelBar {
    height: 52px;
    padding-top: 10px;
    border: 0
}

.ng-mydp .myDpSelector .myDpMonthYearText button {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #376bfb
}

.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn {
    padding-right: 7px;
    position: relative;
    margin-right: 15px
}

.ng-mydp .myDpSelector .myDpMonthYearText .myDpMonthBtn:after {
    position: absolute;
    content: "";
    height: 14px;
    width: 1px;
    right: -7px;
    top: 6px;
    background: rgba(22, 42, 76, .5)
}

.ng-mydp .myDpSelector .myDpMonthYearText .myDpYearBtn {
    padding-left: 6px
}

.ng-mydp .myDpSelector .myDpCalTable {
    height: calc(100% - 54px);
    width: calc(100% - 20px);
    margin: 0 10px
}

.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue {
    border-radius: 4px;
    background: #f0f2f5;
    display: inline-block;
    box-sizing: border-box;
    width: 32px;
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
    color: #162a4ce6
}

.ng-mydp .myDpSelector table.myDpCalTable td .myDpDayValue.myDpMarkCurrDay {
    border-bottom: 0;
    color: #376bfb
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpSelectedDay .myDpDayValue {
    color: #fff !important;
    background: #6ab72a !important
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled {
    background: unset
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue {
    background: unset !important;
    color: #162a4c80;
    cursor: not-allowed
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpDisabled .myDpDayValue:hover {
    background: unset !important
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor {
    background-color: #fff
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor .myDpDayValue {
    background: #bee39d !important
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpRangeColor.myDpSelectedDay .myDpDayValue {
    color: #fff !important;
    background: #6ab72a !important
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpDaycell:focus {
    box-shadow: unset;
    outline: unset
}

.ng-mydp .myDpSelector table.myDpCalTable td.myDpPrevMonth .myDpDayValue,
.ng-mydp .myDpSelector table.myDpCalTable td.myDpNextMonth .myDpDayValue {
    background: #f6f7f9;
    color: #162a4c80
}

.ng-mydp .myDpSelector table.myDpCalTable td .myDpDimDay {
    opacity: 1
}

.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover {
    background-color: #fff
}

.ng-mydp .myDpSelector table.myDpCalTable .myDpTableSingleDay:hover .myDpDayValue {
    background: #bee39d;
    color: #162a4ce6
}

.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedDay,
.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedMonth,
.ng-mydp .myDpSelector table.myDpCalTable .myDpSelectedYear {
    background-color: #fff;
    border-radius: 0
}

.ng-mydp .myDpSelector .myDpMonthTable {
    height: 128px;
    width: calc(100% - 20px);
    margin: 0 10px
}

.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue {
    display: inline-block;
    height: 28px;
    width: 80px;
    background: #f0f2f5;
    vertical-align: middle;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    font-size: 13px;
    color: #162a4ce6;
    border-radius: 4px
}

.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue.myDpMarkCurrMonth {
    border: 0;
    color: #376bfb
}

.ng-mydp .myDpSelector .myDpMonthTable td .myDpMonthValue:hover {
    background: #bee39d
}

.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled {
    background: unset
}

.ng-mydp .myDpSelector .myDpMonthTable td.myDpDisabled .myDpMonthValue {
    background: unset !important;
    color: #162a4c80 !important;
    cursor: not-allowed
}

.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth {
    background-color: #fff
}

.ng-mydp .myDpSelector .myDpMonthTable td.myDpSelectedMonth .myDpMonthValue {
    background: #6ab72a !important;
    color: #fff !important
}

.ng-mydp .myDpSelector .myDpMonthTable td.myDpTableSingleMonth:hover {
    background-color: #fff
}

.ng-mydp .myDpSelector .myDpYearTable {
    height: 160px;
    width: calc(100% - 20px);
    margin: 0 10px
}

.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue {
    display: inline-block;
    height: 28px;
    width: 46px;
    background: #f0f2f5;
    vertical-align: middle;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    font-size: 13px;
    color: #162a4ce6;
    border-radius: 4px
}

.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue.myDpMarkCurrYear {
    border: 0;
    color: #376bfb
}

.ng-mydp .myDpSelector .myDpYearTable td .myDpYearValue:hover {
    background: #bee39d
}

.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled {
    background: unset
}

.ng-mydp .myDpSelector .myDpYearTable td.myDpDisabled .myDpYearValue {
    background: unset !important;
    color: #162a4c80 !important;
    cursor: not-allowed
}

.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear {
    background-color: #fff
}

.ng-mydp .myDpSelector .myDpYearTable td.myDpSelectedYear .myDpYearValue {
    background: #6ab72a !important;
    color: #fff !important
}

.ng-mydp .myDpSelector .myDpYearTable td.myDpTableSingleYear:hover {
    background-color: #fff
}

.ng-mydp .myDpSelectorArrow {
    height: 272px !important;
    width: 268px !important;
    margin-top: -12px
}

.ng-mydp .myDpSelectorArrow:after {
    display: none
}

.ng-mydp .myDpSelectorArrow:before {
    display: none
}

kolay-radio ul {
    padding: 0;
    margin: 28px 0 0;
    list-style: none
}

kolay-radio ul li {
    cursor: pointer;
    margin-bottom: 15px;
    display: table
}

kolay-radio ul li .radioBox {
    display: table-cell;
    padding: 0 11px 0 7px;
    width: 33px;
    vertical-align: top;
    line-height: 15px
}

kolay-radio ul li .radioBox .radio-btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(22, 42, 76, .5);
    text-align: center;
    line-height: 11px
}

kolay-radio ul li .radioBox .radio-btn:before {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 8px;
    transition: all .1s linear
}

kolay-radio ul li .textBox {
    position: relative;
    display: table-cell;
    vertical-align: top;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6;
    top: -1px
}

kolay-radio ul li .textBox .subText {
    color: #162a4cb3;
    font-size: 13px;
    line-height: 20px
}

kolay-radio ul li.selected .radioBox .radio-btn {
    border-color: #278c3d
}

kolay-radio ul li.selected .radioBox .radio-btn:before {
    content: " ";
    border-radius: 50%;
    background-color: #278c3d
}

kolay-segment ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block
}

kolay-segment ul.full {
    width: 100%;
    display: table
}

kolay-segment ul.full li {
    display: table-cell
}

kolay-segment ul li {
    display: inline-block;
    background: #F0F2F5;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    color: #162a4ce6;
    padding: 12px 25px;
    cursor: pointer;
    border-right: 1px solid rgba(22, 42, 76, .075);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

kolay-segment ul li.selected {
    background: #278c3d;
    color: #fff;
    border-right-color: transparent
}

kolay-segment ul li:last-child {
    border: 0
}

kolay-segment element-wrapper .sni-element-wrapper .kolay-icons {
    line-height: 17px !important;
    vertical-align: middle
}

kolay-select input {
    min-height: 44px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    color: #162a4c;
    background: #f5f5f5;
    border: 0;
    padding-left: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    outline: none
}

kolay-select .sni-element-wrapper.focused input {
    border-bottom-color: #376bfb
}

kolay-select .sni-element-wrapper.disabled .ng-select-container,
kolay-select .sni-element-wrapper.disabled .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input {
    background: transparent !important
}

kolay-select .sni-element-wrapper.validationError label {
    color: #ff4c4c
}

kolay-select .sni-element-wrapper.validationError .ng-select.ng-select-multiple .ng-select-container {
    border-bottom-color: #ff4c4c
}

kolay-select .sni-element-wrapper.validationError input {
    border-bottom-color: #ff4c4c
}

kolay-select .sni-element-wrapper.validationError .ng-select.ng-select-single .ng-select-container {
    border-bottom-color: #ff4c4c;
    border-bottom-width: 2px;
    padding-bottom: 0
}

kolay-select .sni-element-wrapper.validationError .ng-select .ng-arrow-wrapper .ng-arrow:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjc2NjkzIDAuNzQxNzk3TDUuMDAwMjYgMy45NzUxM0w4LjIzMzU5IDAuNzQxNzk3QzguNTU4NTkgMC40MTY3OTcgOS4wODM1OSAwLjQxNjc5NyA5LjQwODU5IDAuNzQxNzk3QzkuNzMzNTkgMS4wNjY4IDkuNzMzNTkgMS41OTE4IDkuNDA4NTkgMS45MTY4TDUuNTgzNTkgNS43NDE4QzUuMjU4NTkgNi4wNjY4IDQuNzMzNTkgNi4wNjY4IDQuNDA4NTkgNS43NDE4TDAuNTgzNTk0IDEuOTE2OEMwLjI1ODU5NCAxLjU5MTggMC4yNTg1OTQgMS4wNjY4IDAuNTgzNTk0IDAuNzQxNzk3QzAuOTA4NTk0IDAuNDI1MTMgMS40NDE5MyAwLjQxNjc5NyAxLjc2NjkzIDAuNzQxNzk3WiIgZmlsbD0iI0ZGNEM0QyIvPgo8L3N2Zz4K);
    opacity: 1
}

kolay-select .sni-element-wrapper.validationError .ng-select.ng-select-multiple .ng-select-container {
    border-bottom-color: #ff4c4c;
    border-bottom-width: 2px
}

kolay-select .sni-element-wrapper.validationError .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-bottom: 4px
}

kolay-select .sni-element-wrapper.validationError .ng-select .ng-clear-wrapper .ng-clear {
    color: #ff4c4c
}

kolay-select .sni-element-wrapper.focused .ng-select.ng-select-single .ng-select-container {
    padding-bottom: 0;
    border-bottom: 2px solid #376bfb
}

kolay-select .sni-element-wrapper.focused .ng-select.ng-select.ng-select-multiple .ng-select-container {
    padding-bottom: 0;
    border-bottom: 2px solid #376bfb
}

kolay-select .sni-element-wrapper.focused .ng-select .ng-arrow-wrapper .ng-arrow:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjIzMzU2IDUuMjU4NEw1LjAwMDIzIDIuMDI1MDZMMS43NjY4OSA1LjI1ODRDMS40NDE4OSA1LjU4MzQgMC45MTY4OTQgNS41ODM0IDAuNTkxODk0IDUuMjU4NEMwLjI2Njg5NSA0LjkzMzQgMC4yNjY4OTUgNC40MDg0IDAuNTkxODk0IDQuMDgzNEw0LjQxNjg5IDAuMjU4Mzk4QzQuNzQxODkgLTAuMDY2NjAxNSA1LjI2Njg5IC0wLjA2NjYwMTUgNS41OTE4OSAwLjI1ODM5OEw5LjQxNjg5IDQuMDgzNEM5Ljc0MTg5IDQuNDA4NCA5Ljc0MTg5IDQuOTMzNCA5LjQxNjg5IDUuMjU4NEM5LjA5MTg5IDUuNTc1MDcgOC41NTg1NiA1LjU4MzQgOC4yMzM1NiA1LjI1ODRaIiBmaWxsPSIjMzc2QkZCIi8+Cjwvc3ZnPgo=);
    opacity: 1;
    transform: rotate(180deg);
    margin-top: 1px
}

kolay-select .sni-element-wrapper.focused .ng-select .ng-clear-wrapper .ng-clear {
    color: #376bfb
}

kolay-select .shape-avatar {
    width: 28px;
    height: 28px;
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar .letter-avatar {
    padding-top: 5px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

kolay-select .shape-avatar.bg-11 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-12 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-13 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-14 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-15 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-16 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-17 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-18 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-19 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-21 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-22 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-23 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-24 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-25 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-26 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-27 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-28 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-29 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-31 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-32 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-33 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-34 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-35 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-36 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-37 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-38 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-39 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-41 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-42 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-43 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-44 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-45 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-46 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-47 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-48 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-49 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-51 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-52 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-53 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-54 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-55 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-56 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-57 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-58 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-59 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-61 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-62 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-63 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-64 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-65 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-66 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-67 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-68 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-69 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-71 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-72 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-73 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-74 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-75 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-76 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-77 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-78 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-79 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-81 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-82 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-83 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-84 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-85 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-86 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-87 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-88 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-89 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .shape-avatar.bg-91 {
    background: #e8b67b linear-gradient(135deg, rgba(255, 255, 255, .4), #e8b67b)
}

kolay-select .shape-avatar.bg-92 {
    background: #53bad9 linear-gradient(135deg, rgba(255, 255, 255, .4), #53bad9)
}

kolay-select .shape-avatar.bg-93 {
    background: #ffa4a4 linear-gradient(135deg, rgba(255, 255, 255, .4), #ffa4a4)
}

kolay-select .shape-avatar.bg-94 {
    background: #f26c73 linear-gradient(135deg, rgba(255, 255, 255, .4), #f26c73)
}

kolay-select .shape-avatar.bg-95 {
    background: #9d8ed4 linear-gradient(135deg, rgba(255, 255, 255, .4), #9d8ed4)
}

kolay-select .shape-avatar.bg-96 {
    background: #acda7e linear-gradient(135deg, rgba(255, 255, 255, .4), #acda7e)
}

kolay-select .shape-avatar.bg-97 {
    background: #7dd5d9 linear-gradient(135deg, rgba(255, 255, 255, .4), #7dd5d9)
}

kolay-select .shape-avatar.bg-98 {
    background: #f1d563 linear-gradient(135deg, rgba(255, 255, 255, .4), #f1d563)
}

kolay-select .shape-avatar.bg-99 {
    background: #80beeb linear-gradient(135deg, rgba(255, 255, 255, .4), #80beeb)
}

kolay-select .ng-select.ng-select-opened>.ng-select-container {
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

kolay-select .ng-select.ng-select-opened>.ng-select-container:hover {
    box-shadow: none
}

kolay-select .ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px
}

kolay-select .ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #333
}

kolay-select .ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

kolay-select .ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

kolay-select .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border-color: #007eff;
    border-width: 2px;
    box-shadow: inset 0 1px 1px #00000013, 0 0 0 3px #007eff1a
}

kolay-select .ng-select.ng-select-disabled>.ng-select-container {
    border-bottom-style: dashed !important;
    cursor: not-allowed !important
}

kolay-select .ng-select.ng-select-disabled>.ng-select-container input {
    cursor: not-allowed !important
}

kolay-select .ng-select.ng-select-disabled>.ng-select-container .ng-arrow-wrapper {
    cursor: not-allowed !important
}

kolay-select .ng-select .ng-has-value .ng-placeholder {
    display: none
}

kolay-select .ng-select .ng-select-container {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

kolay-select .ng-select .ng-select-container:hover {
    box-shadow: 0 1px #0000000f
}

kolay-select .ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 12px
}

kolay-select .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #999
}

kolay-select .ng-select .ng-clear-wrapper {
    color: #999;
    margin-right: 7px
}

kolay-select .ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #d0021b
}

kolay-select .ng-select .ng-spinner-zone {
    padding: 5px 5px 0 0
}

kolay-select .ng-select .ng-arrow-wrapper {
    width: 25px;
    padding-right: 5px
}

kolay-select .ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

kolay-select .ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

kolay-select .ng-select.ng-select-single .ng-select-container {
    box-sizing: border-box;
    height: 36px
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 5px;
    left: 0;
    padding-left: 10px;
    padding-right: 60px
}

kolay-select .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6
}

kolay-select .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0 5px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-left: 12px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    background-color: #ebf5ff;
    border-radius: 2px;
    margin-right: 5px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
    display: inline-block;
    padding: 1px 5px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 1px 5px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    color: #376bfb !important
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #b8dbff
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #b8dbff
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px
}

kolay-select .ng-select {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400
}

kolay-select .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    box-shadow: unset
}

kolay-select .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #162a4c80;
    z-index: 2
}

kolay-select .ng-select .ng-select-container .ng-value-container .shape-avatar .letter-avatar {
    line-height: 22px
}

kolay-select .ng-select.ng-select-single .ng-select-container {
    background: #f0f2f5;
    height: 44px;
    border: 0px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    transition: padding-top .5s ease-out;
    transition: border-width .5s ease-out;
    transition: border-color .5s ease-out;
    overflow: unset;
    padding-bottom: 1px
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container {
    line-height: 15px
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-left: 12px;
    top: 0px
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input {
    border-bottom: 0px;
    padding-left: 0;
    min-height: 40px;
    padding-top: 4px;
    caret-color: #376bfb;
    font-size: 13px;
    box-sizing: border-box
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    overflow: visible !important;
    z-index: 1;
    width: 100%
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .value-wrapper {
    display: table;
    width: 100%
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .value-wrapper .detail {
    display: table-cell;
    vertical-align: bottom;
    direction: rtl;
    padding-right: 8px;
    color: #162a4cb3;
    max-width: 18px;
    text-align: right
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .value-wrapper .detail span {
    direction: ltr;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .value-wrapper .selectedValue {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .value-wrapper .selectedValue:before {
    content: " ";
    visibility: hidden;
    line-height: 22px
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .value-wrapper .selectedValue .wrapper {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 21px
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value img {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 4px
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .avatar-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    color: #fff;
    text-align: center
}

kolay-select .ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    background: #f0f2f5;
    align-items: center
}

kolay-select .ng-select .ng-select-container .ng-value-container .ng-input>input {
    background: #f0f2f5 !important;
    caret-color: #376bfb
}

kolay-select .ng-select .ng-arrow-wrapper .ng-arrow {
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    pointer-events: none;
    border: 0
}

kolay-select .ng-select .ng-arrow-wrapper .ng-arrow:before {
    height: 13px;
    width: 13px;
    position: relative;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjc2NjkzIDAuNzQxNjc1TDUuMDAwMjYgMy45NzUwMUw4LjIzMzU5IDAuNzQxNjc1QzguNTU4NTkgMC40MTY2NzUgOS4wODM1OSAwLjQxNjY3NSA5LjQwODU5IDAuNzQxNjc1QzkuNzMzNTkgMS4wNjY2NyA5LjczMzU5IDEuNTkxNjcgOS40MDg1OSAxLjkxNjY3TDUuNTgzNTkgNS43NDE2N0M1LjI1ODU5IDYuMDY2NjcgNC43MzM1OSA2LjA2NjY3IDQuNDA4NTkgNS43NDE2N0wwLjU4MzU5NCAxLjkxNjY3QzAuMjU4NTk0IDEuNTkxNjcgMC4yNTg1OTQgMS4wNjY2NyAwLjU4MzU5NCAwLjc0MTY3NUMwLjkwODU5NCAwLjQyNTAwOCAxLjQ0MTkzIDAuNDE2Njc1IDEuNzY2OTMgMC43NDE2NzVaIiBmaWxsPSIjMTYyQTRDIi8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    color: #162a4cb3;
    font-size: 20px;
    vertical-align: middle;
    content: "";
    display: inline-block;
    opacity: .7;
    margin-top: 0
}

kolay-select .ng-select .ng-arrow-wrapper {
    padding-right: 30px;
    margin-left: 5px
}

kolay-select .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjIzMzU2IDUuMjU4NEw1LjAwMDIzIDIuMDI1MDZMMS43NjY4OSA1LjI1ODRDMS40NDE4OSA1LjU4MzQgMC45MTY4OTQgNS41ODM0IDAuNTkxODk0IDUuMjU4NEMwLjI2Njg5NSA0LjkzMzQgMC4yNjY4OTUgNC40MDg0IDAuNTkxODk0IDQuMDgzNEw0LjQxNjg5IDAuMjU4Mzk4QzQuNzQxODkgLTAuMDY2NjAxNSA1LjI2Njg5IC0wLjA2NjYwMTUgNS41OTE4OSAwLjI1ODM5OEw5LjQxNjg5IDQuMDgzNEM5Ljc0MTg5IDQuNDA4NCA5Ljc0MTg5IDQuOTMzNCA5LjQxNjg5IDUuMjU4NEM5LjA5MTg5IDUuNTc1MDcgOC41NTg1NiA1LjU4MzQgOC4yMzM1NiA1LjI1ODRaIiBmaWxsPSIjMzc2QkZCIi8+Cjwvc3ZnPgo=) !important;
    opacity: 1;
    transform: rotate(0) !important;
    margin-top: 2px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container {
    background-color: #f0f2f5;
    border-radius: 4px 4px 0 0;
    border: 0px;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    transition: border-width .5s ease-out;
    transition: padding-top .5s ease-out;
    transition: border-color .5s ease-out;
    align-items: baseline
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 11px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    z-index: -1;
    margin-bottom: 5px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input {
    box-sizing: border-box;
    min-height: 22px;
    border-bottom: 0px;
    padding-top: 1px;
    caret-color: #376bfb;
    font-size: 13px;
    padding-left: 0
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    background-color: #fff;
    border-radius: 3px;
    line-height: 22px;
    margin-bottom: 5px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .detail {
    display: none
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .valueText {
    padding-left: 3px
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border: 0px;
    margin-left: 2px;
    font-size: 15px;
    line-height: 17px;
    height: 22px;
    vertical-align: top;
    color: #162a4c80
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value img {
    width: 21px;
    height: 22px;
    border-radius: 3px 0 0 3px;
    display: inline-block;
    vertical-align: top
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .avatar-icon {
    width: 21px;
    height: 23px;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    vertical-align: middle;
    color: #fff;
    text-align: center
}

kolay-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 11px;
    padding-bottom: 5px;
    z-index: 4 !important
}

kolay-select .ng-select.ng-select-multiple.ng-select-focused:not(.ng-select-opened)>.ng-select-container .ng-value-container {
    padding-bottom: 4px
}

kolay-select .ng-select.ng-select-multiple.ng-select-opened .ng-select-container .ng-value-container {
    padding-bottom: 4px !important
}

kolay-select .ng-select.ng-select-multiple.filter.ng-select-opened .filter-value {
    display: none
}

kolay-select .ng-select.ng-select-multiple.filter.ng-select-opened .ng-has-value .ng-placeholder {
    display: block
}

kolay-select .ng-select.ng-select-multiple.filter.ng-select-opened .ng-arrow-wrapper .ng-arrow:before {
    display: none
}

kolay-select .ng-select.ng-select-multiple.filter.ng-select-opened .ng-arrow-wrapper {
    padding-right: 0;
    width: 25px
}

kolay-select .ng-select.ng-select-multiple.filter.ng-select-opened .quantity {
    display: block
}

kolay-select .ng-select.ng-select-multiple.filter.ng-select-filtered .ng-placeholder {
    display: none !important
}

kolay-select .ng-select.ng-select-multiple.filter .filter-value {
    margin-top: -5px
}

kolay-select .ng-select.ng-select-multiple.filter .quantity {
    display: none;
    position: absolute;
    right: 10px;
    top: 11px;
    color: #fff;
    background: #376bfb;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 400;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    z-index: 1
}

kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container,
kolay-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    overflow: unset !important
}

kolay-select .ng-select .ng-clear-wrapper {
    line-height: 14px
}

kolay-select .ng-select .ng-clear-wrapper .ng-clear {
    font-size: 23px !important;
    line-height: 12px;
    vertical-align: top
}

kolay-select .ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #376bfb
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px #0000000f;
    left: 0;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    z-index: 9961 !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden
}

.ng-dropdown-panel.ng-select-bottom {
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e6e6;
    margin-top: -1px
}

.ng-dropdown-panel.ng-select-top {
    bottom: 100%;
    border-radius: 4px 4px 0 0/4px 4px 0px 0px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option.ng-option-selected {
    color: #376bfb
}

.ng-dropdown-panel .ng-option {
    vertical-align: middle
}

.ng-dropdown-panel .ng-option img {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px
}

.ng-dropdown-panel .ng-option .avatar-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    vertical-align: bottom
}

.ng-dropdown-panel .ng-option .optionWrapper {
    display: table;
    width: 100%
}

.ng-dropdown-panel .ng-option .optionWrapper .optionValue {
    display: table-cell;
    white-space: normal
}

.ng-dropdown-panel .ng-option .optionWrapper .detail {
    display: table-cell;
    line-height: 20px;
    color: #162a4cb3;
    direction: rtl;
    vertical-align: middle;
    padding-left: 5px;
    text-align: right
}

.ng-dropdown-panel .ng-option .optionWrapper .detail .info-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjMzMzMzIDE2LjY2NjlDMTIuOTM1NyAxNi42NjY5IDE2LjY2NjcgMTIuOTM2IDE2LjY2NjcgOC4zMzM1OEMxNi42NjY3IDMuNzMxMiAxMi45MzU3IDAuMDAwMjQ0MTQxIDguMzMzMzMgMC4wMDAyNDQxNDFDMy43MzA5NiAwLjAwMDI0NDE0MSAwIDMuNzMxMiAwIDguMzMzNThDMCAxMi45MzYgMy43MzA5NiAxNi42NjY5IDguMzMzMzMgMTYuNjY2OVpNOC4zMzMzMyAxNS4wMDAyQzEyLjAxNTIgMTUuMDAwMiAxNSAxMi4wMTU1IDE1IDguMzMzNThDMTUgNC42NTE2OCAxMi4wMTUyIDEuNjY2OTEgOC4zMzMzMyAxLjY2NjkxQzQuNjUxNDMgMS42NjY5MSAxLjY2NjY3IDQuNjUxNjggMS42NjY2NyA4LjMzMzU4QzEuNjY2NjcgMTIuMDE1NSA0LjY1MTQzIDE1LjAwMDIgOC4zMzMzMyAxNS4wMDAyWk03LjUgNy45MTY5MUM3LjUgNy40NTY2NyA3Ljg3MzEgNy4wODM1OCA4LjMzMzMzIDcuMDgzNThDOC43OTM1NyA3LjA4MzU4IDkuMTY2NjcgNy40NTY2NyA5LjE2NjY3IDcuOTE2OTFWMTEuNjY2OUM5LjE2NjY3IDEyLjEyNzEgOC43OTM1NyAxMi41MDAyIDguMzMzMzMgMTIuNTAwMkM3Ljg3MzEgMTIuNTAwMiA3LjUgMTIuMTI3MSA3LjUgMTEuNjY2OVY3LjkxNjkxWk05LjE2NjY3IDQuMTY2OTFINy41VjUuODMzNThIOS4xNjY2N1Y0LjE2NjkxWiIgZmlsbD0iIzE2MkE0QyIgZmlsbC1vcGFjaXR5PSIwLjciLz4KPC9zdmc+Cg==);
    display: inline-block;
    position: relative;
    direction: ltr;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    vertical-align: top;
    margin-left: 15px;
    text-align: left
}

.ng-dropdown-panel .ng-option .optionWrapper .detail .info-btn:before {
    content: " ";
    display: none;
    width: 100px;
    height: 20px;
    position: absolute;
    bottom: -10px;
    right: 0px
}

.ng-dropdown-panel .ng-option .optionWrapper .detail .info-btn .popup {
    position: absolute;
    display: block;
    top: 26px;
    right: 0px;
    background: #1d3a64;
    color: #fff;
    z-index: 1001;
    padding: 8px 16px;
    white-space: normal;
    width: 250px;
    border-radius: 4px;
    transform: translate(-20px, -50px) scale(0);
    transition: all .1s linear;
    opacity: 0
}

.ng-dropdown-panel .ng-option .optionWrapper .detail .info-btn:hover .popup {
    transform: translate(0) scale(1);
    opacity: 1
}

.ng-dropdown-panel .ng-option .optionWrapper .detail .info-btn:hover:before {
    display: block
}

.ng-dropdown-panel .ng-option .optionWrapper .detail .detailText {
    display: inline-block;
    direction: ltr
}

.ng-dropdown-panel.ng-select-bottom {
    border: 0px;
    border-top: 2px solid #376bfb;
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-top: -2px;
    box-shadow: 0 4px 6px #162a4c0d, 0 2px 16px #162a4c0d, 0 8px 12px #162a4c0d
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option.ng-option-selected {
    color: #376bfb !important
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

@media only screen and (max-height: 500px) {
    .ng-dropdown-panel .ng-dropdown-panel-items {
        max-height: 200px !important
    }
}

@media only screen and (max-height: 400px) {
    .ng-dropdown-panel .ng-dropdown-panel-items {
        max-height: 150px !important
    }
}

@media only screen and (max-height: 300px) {
    .ng-dropdown-panel .ng-dropdown-panel-items {
        max-height: 50vh !important
    }
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 8px 10px;
    font-weight: 500;
    color: #0000008a;
    cursor: pointer
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #f5faff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
    background-color: #ebf5ff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: #000000de;
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    font-size: 80%;
    font-weight: 400;
    padding-right: 5px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    color: #333;
    background: #f0f2f5
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
    background: #f0f2f5;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #ccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

kolay-selectinput .selectinput-wrapper {
    background-color: #f0f2f5;
    border-radius: 4px 4px 0 0
}

kolay-selectinput .selectinput-wrapper .input-part {
    position: relative
}

kolay-selectinput .selectinput-wrapper .input-part sni-input {
    display: block
}

kolay-selectinput .selectinput-wrapper .input-part .select-part {
    position: absolute;
    left: 0;
    top: 0;
    border-color: #162a4c0d;
    border-style: solid;
    border-width: 0;
    border-right-width: 1px
}

kolay-selectinput .selectinput-wrapper .input-part .inputs {
    display: flex
}

kolay-selectinput .selectinput-wrapper .input-part .inputs sni-input {
    flex-grow: 1
}

kolay-selectinput .selectinput-wrapper .range sni-input input {
    border-right: 1px solid rgba(22, 42, 76, .05);
    border-radius: 0
}

kolay-selectinput .right-side .selectinput-wrapper .input-part sni-input {
    margin-left: unset
}

kolay-selectinput .right-side .selectinput-wrapper .input-part .select-part {
    left: unset;
    right: 0;
    border-right-width: 0;
    border-left-width: 1px
}

kolay-selectinput .sni-element-wrapper.focused label {
    color: #376bfb
}

kolay-selectinput .sni-element-wrapper.disabled .selectinput-wrapper {
    background: transparent
}

kolay-selectinput .sni-element-wrapper.validationError .selectinput-wrapper {
    position: relative
}

kolay-selectinput .sni-element-wrapper.validationError .selectinput-wrapper:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: " ";
    height: 2px;
    background: #ff4c4c
}

kolay-textarea textarea {
    background: #f0f2f5;
    border: 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    display: block;
    padding: 10px;
    outline: none;
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6;
    border-top: 1px solid transparent;
    caret-color: #376bfb;
    box-sizing: border-box;
    height: 100px;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol
}

kolay-textarea .sni-element-wrapper .length-wrapper {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    color: #162a4cb3
}

kolay-textarea .sni-element-wrapper.focused label {
    color: #376bfb
}

kolay-textarea .sni-element-wrapper.focused textarea {
    border-top: 0;
    border-bottom-width: 2px;
    border-bottom-color: #376bfb;
    padding-top: 11px
}

kolay-textarea .sni-element-wrapper.disabled textarea {
    background: transparent;
    cursor: not-allowed;
    border-bottom-style: dashed;
    border-bottom-width: 1px
}

kolay-textarea .sni-element-wrapper.validationError label {
    color: #ff4c4c
}

kolay-textarea .sni-element-wrapper.validationError textarea {
    border-bottom-color: #ff4c4c;
    border-bottom-width: 2px
}

kolay-timepicker .timeInputWrapper {
    position: relative;
    display: inline-block;
    z-index: 1
}

kolay-timepicker .timeInputWrapper .timeInputFieldWrapper {
    position: relative;
    z-index: 1
}

kolay-timepicker .timeInputWrapper .descriptions {
    z-index: 1
}

kolay-timepicker .timeInputWrapper .descriptions .closeIcon {
    top: -3px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+CjxyZWN0IHg9Ii0yMDg0IiB5PSItOTA0IiB3aWR0aD0iNDMyMCIgaGVpZ2h0PSIxMDM2Ii8+CjxwYXRoIGQ9Ik0tMjY0IC0xMkMtMjY0IC0xNC4yMDkxIC0yNjIuMjA5IC0xNiAtMjYwIC0xNkg1MkM1NC4yMDkxIC0xNiA1NiAtMTQuMjA5MSA1NiAtMTJWMjhILTI2NFYtMTJaIiAgLz4KPHBhdGggZD0iTTExLjI1MDEgMC43NTgxODdDMTAuOTI1MSAwLjQzMzE4NyAxMC40MDAxIDAuNDMzMTg3IDEwLjA3NTEgMC43NTgxODdMNi4wMDAxIDQuODI0ODVMMS45MjUxIDAuNzQ5ODU0QzEuNjAwMSAwLjQyNDg1NCAxLjA3NTEgMC40MjQ4NTQgMC43NTAwOTggMC43NDk4NTRDMC40MjUwOTggMS4wNzQ4NSAwLjQyNTA5OCAxLjU5OTg1IDAuNzUwMDk4IDEuOTI0ODVMNC44MjUxIDUuOTk5ODVMMC43NTAwOTggMTAuMDc0OUMwLjQyNTA5OCAxMC4zOTk5IDAuNDI1MDk4IDEwLjkyNDkgMC43NTAwOTggMTEuMjQ5OUMxLjA3NTEgMTEuNTc0OSAxLjYwMDEgMTEuNTc0OSAxLjkyNTEgMTEuMjQ5OUw2LjAwMDEgNy4xNzQ4NUwxMC4wNzUxIDExLjI0OTlDMTAuNDAwMSAxMS41NzQ5IDEwLjkyNTEgMTEuNTc0OSAxMS4yNTAxIDExLjI0OTlDMTEuNTc1MSAxMC45MjQ5IDExLjU3NTEgMTAuMzk5OSAxMS4yNTAxIDEwLjA3NDlMNy4xNzUxIDUuOTk5ODVMMTEuMjUwMSAxLjkyNDg1QzExLjU2NjggMS42MDgxOSAxMS41NjY4IDEuMDc0ODUgMTEuMjUwMSAwLjc1ODE4N1oiIGZpbGw9IiMxNjJhNGNiMyIvPgo8L3N2Zz4K);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

kolay-timepicker .timeInputWrapper input {
    min-height: 44px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    color: #162a4c;
    background: #f0f2f5;
    border: 0;
    padding-left: 10px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    outline: none;
    transition: all 0ms ease-in-out;
    caret-color: #376bfb
}

kolay-timepicker .timeInputWrapper input::-moz-placeholder {
    color: #162a4c80
}

kolay-timepicker .timeInputWrapper input::placeholder {
    color: #162a4c80
}

kolay-timepicker .timeInputWrapper input:disabled {
    cursor: not-allowed;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    background: transparent
}

kolay-timepicker .timeInputWrapper input[type=number]::-webkit-inner-spin-button,
kolay-timepicker .timeInputWrapper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

kolay-timepicker .timeInputWrapper.disabled .descriptions {
    background: transparent
}

kolay-timepicker .timeInputWrapper.disabled .closeIcon {
    display: none
}

kolay-timepicker .sni-element-wrapper .inputIcon[class*=kolayicon-] {
    top: 0 !important
}

kolay-timepicker .sni-element-wrapper.focused label {
    color: #376bfb
}

kolay-timepicker .sni-element-wrapper.focused .inputIcon {
    color: #376bfb
}

kolay-timepicker .sni-element-wrapper.focused .closeIcon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+CjxyZWN0IHg9Ii0yMDg0IiB5PSItOTA0IiB3aWR0aD0iNDMyMCIgaGVpZ2h0PSIxMDM2Ii8+CjxwYXRoIGQ9Ik0tMjY0IC0xMkMtMjY0IC0xNC4yMDkxIC0yNjIuMjA5IC0xNiAtMjYwIC0xNkg1MkM1NC4yMDkxIC0xNiA1NiAtMTQuMjA5MSA1NiAtMTJWMjhILTI2NFYtMTJaIiAgLz4KPHBhdGggZD0iTTExLjI1MDEgMC43NTgxODdDMTAuOTI1MSAwLjQzMzE4NyAxMC40MDAxIDAuNDMzMTg3IDEwLjA3NTEgMC43NTgxODdMNi4wMDAxIDQuODI0ODVMMS45MjUxIDAuNzQ5ODU0QzEuNjAwMSAwLjQyNDg1NCAxLjA3NTEgMC40MjQ4NTQgMC43NTAwOTggMC43NDk4NTRDMC40MjUwOTggMS4wNzQ4NSAwLjQyNTA5OCAxLjU5OTg1IDAuNzUwMDk4IDEuOTI0ODVMNC44MjUxIDUuOTk5ODVMMC43NTAwOTggMTAuMDc0OUMwLjQyNTA5OCAxMC4zOTk5IDAuNDI1MDk4IDEwLjkyNDkgMC43NTAwOTggMTEuMjQ5OUMxLjA3NTEgMTEuNTc0OSAxLjYwMDEgMTEuNTc0OSAxLjkyNTEgMTEuMjQ5OUw2LjAwMDEgNy4xNzQ4NUwxMC4wNzUxIDExLjI0OTlDMTAuNDAwMSAxMS41NzQ5IDEwLjkyNTEgMTEuNTc0OSAxMS4yNTAxIDExLjI0OTlDMTEuNTc1MSAxMC45MjQ5IDExLjU3NTEgMTAuMzk5OSAxMS4yNTAxIDEwLjA3NDlMNy4xNzUxIDUuOTk5ODVMMTEuMjUwMSAxLjkyNDg1QzExLjU2NjggMS42MDgxOSAxMS41NjY4IDEuMDc0ODUgMTEuMjUwMSAwLjc1ODE4N1oiIGZpbGw9IiMzNzZiZmIiLz4KPC9zdmc+Cg==);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

kolay-timepicker .sni-element-wrapper.focused .descriptions .counters {
    color: #376bfb
}

kolay-timepicker .sni-element-wrapper.focused input {
    border-bottom-width: 2px;
    border-bottom-color: #376bfb;
    padding-top: 2px
}

kolay-timepicker .sni-element-wrapper.focused .eye-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMy40MTY3M0MxMi4zMDAyIDMuNDE2NzMgMTQuMTY2OCA1LjI4MzQgMTQuMTY2OCA3LjU4MzRDMTQuMTY2OCA4LjAwODQgMTQuMDgzNSA4LjQxNjczIDEzLjk2NjggOC44MDAwN0wxNi41MTY4IDExLjM1MDFDMTcuNjc1MiAxMC4zMjUxIDE4LjU5MTggOS4wNDE3MyAxOS4xNjY4IDcuNTc1MDdDMTcuNzI1MiAzLjkyNTA3IDE0LjE2NjggMS4zMzM0IDEwLjAwMDIgMS4zMzM0QzguOTQxODMgMS4zMzM0IDcuOTI1MTYgMS41MDAwNyA2Ljk2NjgzIDEuODA4NEw4Ljc3NTE2IDMuNjE2NzNDOS4xNjY4MyAzLjUwMDA3IDkuNTc1MTYgMy40MTY3MyAxMC4wMDAyIDMuNDE2NzNaTTIuMjU4NSAwLjYzMzM5OEMxLjkzMzUgMC45NTgzOTggMS45MzM1IDEuNDgzNCAyLjI1ODUgMS44MDg0TDMuOTAwMTYgMy40NTAwN0MyLjU1MDE2IDQuNTI1MDcgMS40NzUxNiA1Ljk0MTczIDAuODMzNDk2IDcuNTgzNEMyLjI3NTE2IDExLjI0MTcgNS44MzM1IDEzLjgzMzQgMTAuMDAwMiAxMy44MzM0QzExLjI2NjggMTMuODMzNCAxMi40NzUyIDEzLjU4MzQgMTMuNTkxOCAxMy4xNTAxTDE1Ljg1ODUgMTUuNDE2N0MxNi4xODM1IDE1Ljc0MTcgMTYuNzA4NSAxNS43NDE3IDE3LjAzMzUgMTUuNDE2N0MxNy4zNTg1IDE1LjA5MTcgMTcuMzU4NSAxNC41NjY3IDE3LjAzMzUgMTQuMjQxN0wzLjQ0MTgzIDAuNjMzMzk4QzMuMTE2ODMgMC4zMDgzOTggMi41ODM1IDAuMzA4Mzk4IDIuMjU4NSAwLjYzMzM5OFpNMTAuMDAwMiAxMS43NTAxQzcuNzAwMTYgMTEuNzUwMSA1LjgzMzUgOS44ODM0IDUuODMzNSA3LjU4MzRDNS44MzM1IDYuOTQxNzMgNS45ODM1IDYuMzMzNCA2LjI0MTgzIDUuODAwMDdMNy41NTAxNiA3LjEwODRDNy41MjUxNiA3LjI1ODQgNy41MDAxNiA3LjQxNjczIDcuNTAwMTYgNy41ODM0QzcuNTAwMTYgOC45NjY3MyA4LjYxNjgzIDEwLjA4MzQgMTAuMDAwMiAxMC4wODM0QzEwLjE2NjggMTAuMDgzNCAxMC4zMTY4IDEwLjA1ODQgMTAuNDc1MiAxMC4wMjUxTDExLjc4MzUgMTEuMzMzNEMxMS4yNDE4IDExLjYwMDEgMTAuNjQxOCAxMS43NTAxIDEwLjAwMDIgMTEuNzUwMVpNMTIuNDc1MiA3LjMwODRDMTIuMzUwMiA2LjE0MTczIDExLjQzMzUgNS4yMzM0IDEwLjI3NTIgNS4xMDg0TDEyLjQ3NTIgNy4zMDg0WiIgZmlsbD0iIzM3NkJGQiIvPgo8L3N2Zz4K)
}

kolay-timepicker .sni-element-wrapper.focused .eye-icon.showPassword {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC4zMzMyNTJDNS44MzM1IDAuMzMzMjUyIDIuMjc1MTYgMi45MjQ5MiAwLjgzMzQ5NiA2LjU4MzI1QzIuMjc1MTYgMTAuMjQxNiA1LjgzMzUgMTIuODMzMyAxMC4wMDAyIDEyLjgzMzNDMTQuMTY2OCAxMi44MzMzIDE3LjcyNTIgMTAuMjQxNiAxOS4xNjY4IDYuNTgzMjVDMTcuNzI1MiAyLjkyNDkyIDE0LjE2NjggMC4zMzMyNTIgMTAuMDAwMiAwLjMzMzI1MlpNMTAuMDAwMiAxMC43NDk5QzcuNzAwMTYgMTAuNzQ5OSA1LjgzMzUgOC44ODMyNSA1LjgzMzUgNi41ODMyNUM1LjgzMzUgNC4yODMyNSA3LjcwMDE2IDIuNDE2NTkgMTAuMDAwMiAyLjQxNjU5QzEyLjMwMDIgMi40MTY1OSAxNC4xNjY4IDQuMjgzMjUgMTQuMTY2OCA2LjU4MzI1QzE0LjE2NjggOC44ODMyNSAxMi4zMDAyIDEwLjc0OTkgMTAuMDAwMiAxMC43NDk5Wk0xMC4wMDAyIDQuMDgzMjVDOC42MTY4MyA0LjA4MzI1IDcuNTAwMTYgNS4xOTk5MiA3LjUwMDE2IDYuNTgzMjVDNy41MDAxNiA3Ljk2NjU5IDguNjE2ODMgOS4wODMyNSAxMC4wMDAyIDkuMDgzMjVDMTEuMzgzNSA5LjA4MzI1IDEyLjUwMDIgNy45NjY1OSAxMi41MDAyIDYuNTgzMjVDMTIuNTAwMiA1LjE5OTkyIDExLjM4MzUgNC4wODMyNSAxMC4wMDAyIDQuMDgzMjVaIiBmaWxsPSIjMzc2QkZCIi8+Cjwvc3ZnPgo=)
}

kolay-timepicker .sni-element-wrapper.validationError label {
    color: #ff4c4c
}

kolay-timepicker .sni-element-wrapper.validationError .descriptions .counters {
    color: #ff4c4c
}

kolay-timepicker .sni-element-wrapper.validationError input {
    border-bottom-color: #ff4c4c;
    border-bottom-width: 2px;
    padding-top: 2px
}

kolay-timepicker .sni-element-wrapper.validationError .eye-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMy40MTY3M0MxMi4zMDAyIDMuNDE2NzMgMTQuMTY2OCA1LjI4MzQgMTQuMTY2OCA3LjU4MzRDMTQuMTY2OCA4LjAwODQgMTQuMDgzNSA4LjQxNjczIDEzLjk2NjggOC44MDAwN0wxNi41MTY4IDExLjM1MDFDMTcuNjc1MiAxMC4zMjUxIDE4LjU5MTggOS4wNDE3MyAxOS4xNjY4IDcuNTc1MDdDMTcuNzI1MiAzLjkyNTA3IDE0LjE2NjggMS4zMzM0IDEwLjAwMDIgMS4zMzM0QzguOTQxODMgMS4zMzM0IDcuOTI1MTYgMS41MDAwNyA2Ljk2NjgzIDEuODA4NEw4Ljc3NTE2IDMuNjE2NzNDOS4xNjY4MyAzLjUwMDA3IDkuNTc1MTYgMy40MTY3MyAxMC4wMDAyIDMuNDE2NzNaTTIuMjU4NSAwLjYzMzM5OEMxLjkzMzUgMC45NTgzOTggMS45MzM1IDEuNDgzNCAyLjI1ODUgMS44MDg0TDMuOTAwMTYgMy40NTAwN0MyLjU1MDE2IDQuNTI1MDcgMS40NzUxNiA1Ljk0MTczIDAuODMzNDk2IDcuNTgzNEMyLjI3NTE2IDExLjI0MTcgNS44MzM1IDEzLjgzMzQgMTAuMDAwMiAxMy44MzM0QzExLjI2NjggMTMuODMzNCAxMi40NzUyIDEzLjU4MzQgMTMuNTkxOCAxMy4xNTAxTDE1Ljg1ODUgMTUuNDE2N0MxNi4xODM1IDE1Ljc0MTcgMTYuNzA4NSAxNS43NDE3IDE3LjAzMzUgMTUuNDE2N0MxNy4zNTg1IDE1LjA5MTcgMTcuMzU4NSAxNC41NjY3IDE3LjAzMzUgMTQuMjQxN0wzLjQ0MTgzIDAuNjMzMzk4QzMuMTE2ODMgMC4zMDgzOTggMi41ODM1IDAuMzA4Mzk4IDIuMjU4NSAwLjYzMzM5OFpNMTAuMDAwMiAxMS43NTAxQzcuNzAwMTYgMTEuNzUwMSA1LjgzMzUgOS44ODM0IDUuODMzNSA3LjU4MzRDNS44MzM1IDYuOTQxNzMgNS45ODM1IDYuMzMzNCA2LjI0MTgzIDUuODAwMDdMNy41NTAxNiA3LjEwODRDNy41MjUxNiA3LjI1ODQgNy41MDAxNiA3LjQxNjczIDcuNTAwMTYgNy41ODM0QzcuNTAwMTYgOC45NjY3MyA4LjYxNjgzIDEwLjA4MzQgMTAuMDAwMiAxMC4wODM0QzEwLjE2NjggMTAuMDgzNCAxMC4zMTY4IDEwLjA1ODQgMTAuNDc1MiAxMC4wMjUxTDExLjc4MzUgMTEuMzMzNEMxMS4yNDE4IDExLjYwMDEgMTAuNjQxOCAxMS43NTAxIDEwLjAwMDIgMTEuNzUwMVpNMTIuNDc1MiA3LjMwODRDMTIuMzUwMiA2LjE0MTczIDExLjQzMzUgNS4yMzM0IDEwLjI3NTIgNS4xMDg0TDEyLjQ3NTIgNy4zMDg0WiIgZmlsbD0iI0ZGNEM0QyIvPgo8L3N2Zz4K)
}

.kolay-time-list {
    z-index: 9998;
    display: inline-block;
    position: absolute
}

.kolay-time-list .list {
    background-color: #fff;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 4px 6px #162a4c14, 0 2px 16px #162a4c0f, 0 8px 12px #162a4c0a;
    border-radius: 0 0 4px 4px;
    height: 224px;
    overflow: hidden
}

.kolay-time-list .list .inner-scroll {
    width: 100%;
    height: 100%;
    overflow: auto
}

.kolay-time-list .list .inner-scroll .inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block
}

.kolay-time-list .list .inner-scroll .inner ul li {
    display: block;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #162a4ce6;
    cursor: pointer
}

.kolay-time-list .list .inner-scroll .inner ul li:last-child {
    border-color: transparent
}

.kolay-time-list .list .inner-scroll .inner ul li.active {
    color: #376bfb
}

.kolay-time-list .list .inner-scroll .inner ul li.hovered {
    background: rgba(22, 42, 76, .075)
}

body.noscroll {
    overflow: hidden
}

.modalWrapper {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    line-height: 100vh;
    text-align: center;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 9960
}

.modalWrapper .kolay-modal {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    z-index: 9970;
    box-shadow: 0 8px 12px #162a4c0a, 0 4px 32px #162a4c08, 0 16px 24px #162a4c05;
    background: white;
    width: 640px;
    max-height: calc(100vh - 96px);
    line-height: 20px;
    border-radius: 8px
}

.modalWrapper .kolay-modal.small {
    width: 448px
}

.modalWrapper .kolay-modal.medium {
    width: 560px
}

.modalWrapper .kolay-modal.large {
    width: 640px
}

.modalWrapper .kolay-modal.xlarge {
    width: 960px
}

.modalWrapper .kolay-modal.full-size {
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    vertical-align: top
}

.modalWrapper .kolay-modal.full-size .close {
    display: none
}

.modalWrapper .kolay-modal .close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -15px;
    right: -15px;
    border-radius: 50%;
    z-index: 9970;
    background: #234471;
    box-sizing: border-box;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.modalWrapper .kolay-modal .close:before {
    content: "x";
    color: #fff;
    font-size: 23px;
    line-height: 29px
}

.modalWrapper .kolay-modal .header {
    box-sizing: border-box;
    height: 64px;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(22, 42, 76, .15);
    color: #162a4ce6
}

.modalWrapper .kolay-modal .header i {
    font-size: 20px;
    vertical-align: middle
}

.modalWrapper .kolay-modal .header .title {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.024em;
    vertical-align: middle
}

.modalWrapper .kolay-modal .body {
    max-height: calc(100vh - 224px);
    padding: 10px 24px;
    overflow-y: auto
}

.modalWrapper .kolay-modal .body .simple-body {
    font-size: 13px;
    line-height: 20px;
    color: #162a4ce6
}

.modalWrapper .kolay-modal .footer {
    height: 64px;
    padding: 10px;
    border-top: 1px solid rgba(22, 42, 76, .15)
}

.modalWrapper .kolay-modal .footer .buttonsList {
    float: right;
    direction: rtl;
    text-align: center
}

.modalWrapper .kolay-modal .footer .buttonsList button {
    margin-left: 5px
}

.modalWrapper .kolay-modal .footer .desc {
    float: left
}

.modalWrapper .modalShadow {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 9960;
    height: 100vh;
    background-color: #162a4c66
}

@media (max-width: 767px) {
    .modalWrapper .kolay-modal {
        position: fixed;
        left: 0px;
        top: 0px;
        height: 100vh;
        box-shadow: unset;
        width: 100%;
        max-height: 100%;
        line-height: 20px;
        border-radius: 0
    }

    .modalWrapper .kolay-modal.small {
        width: 100%
    }

    .modalWrapper .kolay-modal .close {
        position: relative;
        width: 32px;
        height: 32px;
        top: 0;
        right: 0;
        border-radius: 0;
        z-index: 9970;
        background: white;
        box-sizing: border-box;
        text-align: center;
        line-height: unset;
        cursor: pointer;
        float: left;
        margin-left: 5px;
        margin-top: 14px
    }

    .modalWrapper .kolay-modal .close:before {
        content: "<";
        color: #00f;
        font-size: 23px;
        line-height: 29px
    }

    .modalWrapper .kolay-modal .header {
        height: 64px;
        padding: 20px 24px 20px 38px;
        border-bottom: 1px solid rgba(22, 42, 76, .15);
        color: #162a4ce6
    }

    .modalWrapper .kolay-modal .header i {
        font-size: 20px
    }

    .modalWrapper .kolay-modal .header .title {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.024em
    }

    .modalWrapper .kolay-modal .body {
        height: calc(100vh - 128px);
        max-height: calc(100vh - 128px);
        padding: 10px 24px;
        overflow-y: auto
    }

    .modalWrapper .kolay-modal .footer {
        position: fixed;
        box-sizing: border-box;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 64px;
        padding: 10px 24px;
        border-top: 1px solid rgba(22, 42, 76, .15)
    }

    .modalWrapper .kolay-modal .footer .buttonsList {
        float: right;
        direction: rtl;
        text-align: center
    }

    .modalWrapper .kolay-modal .footer .buttonsList button {
        margin-left: 5px
    }

    .modalWrapper .kolay-modal .footer .desc {
        float: left
    }

    .modalWrapper .modalShadow {
        position: fixed;
        right: 0px;
        left: 0px;
        top: 0px;
        z-index: 9960;
        height: 100vh;
        background-color: #162a4c66
    }
}

.kolay-tooltip {
    position: absolute;
    max-width: 250px;
    font-size: 13px;
    text-align: left;
    font-weight: 400;
    color: #fff;
    padding: 8px 16px;
    background: #293f66;
    border-radius: 4px;
    z-index: 9999;
    opacity: 0;
    -webkit-animation: tooltipFadeIn .15s ease-in-out;
    animation: tooltipFadeIn .15s ease-in-out;
    pointer-events: none
}

.kolay-tooltip.tooltip-text-left {
    text-align: left
}

.kolay-tooltip.tooltip-text-center {
    text-align: center
}

.kolay-tooltip.tooltip-text-right {
    text-align: right
}

@-webkit-keyframes tooltipFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tooltipFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.kolay-tooltip:after {
    content: "";
    position: absolute;
    border-style: solid
}

.kolay-tooltip-top:after {
    top: 100%;
    margin-left: -5px;
    border-width: 5px;
    border-color: #293f66 transparent transparent transparent
}

.kolay-tooltip-top.center:after {
    left: 50%
}

.kolay-tooltip-top.right:after {
    right: 20px
}

.kolay-tooltip-top.left:after {
    left: 20px
}

.hide-arrow:after {
    display: none
}

.kolay-tooltip-bottom:after {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: transparent transparent #293f66 transparent
}

.kolay-tooltip-left:after {
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent transparent transparent #293f66
}

.kolay-tooltip-right:after {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent #293f66 transparent transparent
}

.kolay-tooltip-show {
    opacity: 1
}

.kolay-dropdown-menu,
.kolay-dropdown-menu .dropdown-menu-btn {
    display: inline-block
}

.kolayMenuOverlay {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 100vh;
    width: 100vw;
    bottom: 0px;
    z-index: 9998
}

.kolay-dropdown-menu-list {
    position: relative;
    z-index: 9999;
    display: inline-block;
    display: none;
    position: fixed
}

.kolay-dropdown-menu-list.dark ul {
    display: block;
    list-style: none;
    margin: 0;
    background: #1d3a64;
    box-shadow: 0 4px 6px #162a4c29, 0 2px 16px #162a4c1f, 0 8px 12px #162a4c14;
    border-radius: 4px;
    padding: 4px 0
}

.kolay-dropdown-menu-list.dark ul>li {
    display: block;
    cursor: pointer
}

.kolay-dropdown-menu-list.dark ul>li:hover {
    color: #fff;
    background: rgba(255, 255, 255, .1)
}

.kolay-dropdown-menu-list.dark ul>li>a {
    color: #fff;
    padding: 10px 11px;
    font-size: 13px;
    line-height: 16px;
    display: block
}

.kolay-dropdown-menu-list.light {
    background: white;
    box-shadow: 0 4px 6px #162a4c29, 0 2px 16px #162a4c1f, 0 8px 12px #162a4c14;
    border-radius: 4px;
    padding: 4px 0
}

.kolay-dropdown-menu-list.light ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.kolay-dropdown-menu-list.light ul>li {
    display: block;
    cursor: pointer
}

.kolay-dropdown-menu-list.light ul>li:hover {
    color: #162a4c;
    background: rgba(196, 203, 253, .4)
}

.kolay-dropdown-menu-list.light ul>li>a {
    color: #162a4c;
    padding: 10px 11px;
    font-size: 13px;
    line-height: 16px;
    display: block
}

kolay-filter {
    min-height: 43px;
    line-height: 43px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    color: #162a4c;
    background: #f0f2f5;
    border: 0;
    padding-left: 10px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    outline: none;
    transition: all 0ms ease-in-out;
    caret-color: #376bfb;
    cursor: pointer
}

kolay-filter .kolay-filter {
    position: relative
}

kolay-filter .filter-placeholder {
    color: #162a4c80
}

kolay-filter .filter-text {
    max-width: 62%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top
}

kolay-filter:disabled {
    cursor: not-allowed;
    border-bottom-style: dashed;
    border-bottom-width: 1px
}

kolay-filter .icon {
    top: 7px;
    right: 0;
    padding: 5px 10px 5px 5px;
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3;
    position: absolute;
    width: 40px;
    height: 30px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDA2IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDciPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTAwOCIgdHJhbnNmb3JtPSJtYXRyaXgoMC45MTY3LDAsMCwwLjkxNjcsMTEuOTk1MjExMTIxNzQ5ODksMTEuOTk1MjAwMDAwMDAwMDExKSI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODgiIGhlaWdodD0iMjg4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij48cGF0aCBkPSJNNDY5LjMzMyA3NjhoODUuMzMzYzIzLjQ2NyAwIDQyLjY2Ny0xOS4yIDQyLjY2Ny00Mi42NjdzLTE5LjItNDIuNjY3LTQyLjY2Ny00Mi42NjdoLTg1LjMzM2MtMjMuNDY3IDAtNDIuNjY3IDE5LjItNDIuNjY3IDQyLjY2N3MxOS4yIDQyLjY2NyA0Mi42NjcgNDIuNjY3ek0xMjggMjk4LjY2N2MwIDIzLjQ2NyAxOS4yIDQyLjY2NyA0Mi42NjcgNDIuNjY3aDY4Mi42NjdjMjMuNDY3IDAgNDIuNjY3LTE5LjIgNDIuNjY3LTQyLjY2N3MtMTkuMi00Mi42NjctNDIuNjY3LTQyLjY2N2gtNjgyLjY2N2MtMjMuNDY3IDAtNDIuNjY3IDE5LjItNDIuNjY3IDQyLjY2N3pNMjk4LjY2NyA1NTQuNjY3aDQyNi42NjdjMjMuNDY3IDAgNDIuNjY3LTE5LjIgNDIuNjY3LTQyLjY2N3MtMTkuMi00Mi42NjctNDIuNjY3LTQyLjY2N2gtNDI2LjY2N2MtMjMuNDY3IDAtNDIuNjY3IDE5LjItNDIuNjY3IDQyLjY2N3MxOS4yIDQyLjY2NyA0Mi42NjcgNDIuNjY3eiIgZmlsbD0iIzU4Njg3ZiIgY2xhc3M9ImNvbG9yMDAwIHN2Z1NoYXBlIj48L3BhdGg+PC9zdmc+PC9nPjwvc3ZnPg==);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px
}

kolay-filter .icon-remove {
    top: 7px;
    right: 30px;
    padding: 5px 10px 5px 5px;
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #162a4cb3;
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI0OTYgMC43NTgxODdDMTAuOTI0NiAwLjQzMzE4NyAxMC4zOTk2IDAuNDMzMTg3IDEwLjA3NDYgMC43NTgxODdMNS45OTk2MSA0LjgyNDg1TDEuOTI0NjEgMC43NDk4NTRDMS41OTk2MSAwLjQyNDg1NCAxLjA3NDYxIDAuNDI0ODU0IDAuNzQ5NjA5IDAuNzQ5ODU0QzAuNDI0NjA5IDEuMDc0ODUgMC40MjQ2MDkgMS41OTk4NSAwLjc0OTYwOSAxLjkyNDg1TDQuODI0NjEgNS45OTk4NUwwLjc0OTYwOSAxMC4wNzQ5QzAuNDI0NjA5IDEwLjM5OTkgMC40MjQ2MDkgMTAuOTI0OSAwLjc0OTYwOSAxMS4yNDk5QzEuMDc0NjEgMTEuNTc0OSAxLjU5OTYxIDExLjU3NDkgMS45MjQ2MSAxMS4yNDk5TDUuOTk5NjEgNy4xNzQ4NUwxMC4wNzQ2IDExLjI0OTlDMTAuMzk5NiAxMS41NzQ5IDEwLjkyNDYgMTEuNTc0OSAxMS4yNDk2IDExLjI0OTlDMTEuNTc0NiAxMC45MjQ5IDExLjU3NDYgMTAuMzk5OSAxMS4yNDk2IDEwLjA3NDlMNy4xNzQ2MSA1Ljk5OTg1TDExLjI0OTYgMS45MjQ4NUMxMS41NjYzIDEuNjA4MTkgMTEuNTY2MyAxLjA3NDg1IDExLjI0OTYgMC43NTgxODdaIiBmaWxsPSIjMTYyQTRDIiBmaWxsLW9wYWNpdHk9IjAuNyIvPgo8L3N2Zz4K);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px
}

kolay-chips {
    position: relative;
    display: inline-block;
    vertical-align: top
}

kolay-chips .kolay-chips {
    position: relative;
    min-height: 18px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 11px;
    text-align: center;
    padding: 1px 5px;
    font-weight: 500;
    border-radius: 10px;
    color: #fff;
    background: #376bfb;
    border: 1px solid #376bfb
}

kolay-chips .kolay-chips.dark-primary {
    color: #fff;
    background: #485d89;
    border: 1px solid #485d89
}

kolay-chips .kolay-chips.secondary {
    color: #162a4c80;
    background: rgba(22, 42, 76, .1);
    border: 1px solid transparent
}

kolay-chips .kolay-chips.success {
    color: #fff;
    background: #278c3d;
    border: 1px solid #278c3d
}

kolay-chips .kolay-chips.warning {
    color: #fff;
    background: #f9a623;
    border: 1px solid #f9a623
}

kolay-chips .kolay-chips.alert {
    color: #fff;
    background: #e62729;
    border: 1px solid #e62729
}

kolay-chips .kolay-chips.gray {
    color: #162a4c80;
    background: white;
    border: 1px solid rgba(22, 42, 76, .5)
}

kolay-chips .kolay-chips.grayRevert {
    color: #162a4c80;
    background: rgba(22, 42, 76, .15);
    border: 1px solid rgba(22, 42, 76, .5)
}
.sni-button2 {
    position: relative;
    min-width: 96px;
    height: 44px;
    /*line-height: 44px;*/
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    padding: 0 12px;
    font-weight: 400;
    border-radius: 4px;
    color: #fff;
    border: 0;
    outline: none;
    cursor: pointer;
    transition: .2s all ease-in-out;
    background: transparent
}
.sni-button {
    position: relative;
    min-width: 96px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    padding: 0 12px;
    font-weight: 400;
    border-radius: 4px;
    color: #fff;
    border: 0;
    outline: none;
    cursor: pointer;
    transition: .2s all ease-in-out;
    background: transparent
}

.sni-button[sni-button-small],
.sni-button[kolay-icon-button-small] {
    height: 28px;
    line-height: 28px;
    font-size: 12px
}

.sni-button[kolay-icon-button],
.sni-button[kolay-icon-button-small] {
    min-width: auto
}

.sni-button[kolay-icon-button] .kolay-icons,
.sni-button[kolay-icon-button-small] .kolay-icons {
    vertical-align: middle;
    position: relative;
    top: -1px
}

.sni-button[kolay-icon-button-small] .kolay-icons {
    font-size: 18px
}

.sni-button.primary {
    background: #376bfb
}

.sni-button.primary:hover,
.sni-button.primary.active,
.sni-button.primary.loading-button {
    background: #305ed8
}

.sni-button.primary.disabled,
.sni-button.primary[disabled] {
    background: rgba(22, 42, 76, .15);
    color: #162a4c80
}

.sni-button.primary-outlined {
    background: transparent;
    box-shadow: inset 0 0 0 1.5px #376bfb;
    color: #376bfb
}

.sni-button.primary-outlined:hover,
.sni-button.primary-outlined.active,
.sni-button.primary-outlined.loading-button {
    background: rgba(22, 42, 76, .06);
    box-shadow: inset 0 0 0 1.5px #305ed8;
    color: #305ed8
}

.sni-button.primary-outlined.disabled,
.sni-button.primary-outlined[disabled] {
    box-shadow: inset 0 0 0 1.5px #162a4c26;
    color: #162a4c80
}

.sni-button.primary-outlined.disabled:hover,
.sni-button.primary-outlined[disabled]:hover {
    background: transparent
}

.sni-button.primary-outlined.loading-button .spinner>div {
    background-color: #376bfb
}

.sni-button.primary-text {
    background: transparent;
    color: #376bfb
}

.sni-button.primary-text:hover,
.sni-button.primary-text.active,
.sni-button.primary-text.loading-button {
    background: rgba(22, 42, 76, .06);
    color: #305ed8
}

.sni-button.primary-text.disabled,
.sni-button.primary-text[disabled] {
    color: #162a4c80
}

.sni-button.primary-text.disabled:hover,
.sni-button.primary-text[disabled]:hover {
    background: transparent
}

.sni-button.primary-text.loading-button .spinner>div {
    background-color: #376bfb
}

.sni-button.dark {
    background: rgba(22, 42, 76, .9)
}

.sni-button.dark:hover,
.sni-button.dark.active,
.sni-button.dark.loading-button {
    background: rgba(22, 42, 76, .8)
}

.sni-button.dark.disabled,
.sni-button.dark[disabled] {
    background: rgba(22, 42, 76, .15);
    color: #162a4c80
}

.sni-button.dark-outlined {
    background: transparent;
    box-shadow: inset 0 0 0 1.5px #162a4ce6;
    color: #162a4ce6
}

.sni-button.dark-outlined:hover,
.sni-button.dark-outlined.active,
.sni-button.dark-outlined.loading-button {
    background: rgba(22, 42, 76, .06)
}

.sni-button.dark-outlined.disabled,
.sni-button.dark-outlined[disabled] {
    box-shadow: inset 0 0 0 1.5px #162a4c26;
    color: #162a4c80
}

.sni-button.dark-outlined.disabled:hover,
.sni-button.dark-outlined[disabled]:hover {
    background: transparent
}

.sni-button.dark-outlined.loading-button .spinner>div {
    background-color: #162a4ccc
}

.sni-button.dark-text {
    background: transparent;
    color: #162a4ce6
}

.sni-button.dark-text:hover,
.sni-button.dark-text.active,
.sni-button.dark-text.loading-button {
    background: rgba(22, 42, 76, .06)
}

.sni-button.dark-text.disabled,
.sni-button.dark-text[disabled] {
    color: #162a4c80
}

.sni-button.dark-text.disabled:hover,
.sni-button.dark-text[disabled]:hover {
    background: transparent
}

.sni-button.dark-text.loading-button .spinner>div {
    background-color: #162a4ccc
}

.sni-button.light {
    background: white;
    color: #376bfb
}

.sni-button.light:hover,
.sni-button.light.active,
.sni-button.light.loading-button {
    background: rgba(255, 255, 255, .95)
}

.sni-button.light.disabled,
.sni-button.light[disabled] {
    background: rgba(255, 255, 255, .6);
    color: #162a4ce6
}

.sni-button.light.loading-button .spinner>div {
    background-color: #376bfb
}

.sni-button.light-outlined {
    background: rgba(22, 42, 76, .9);
    box-shadow: inset 0 0 0 1.5px #fff
}

.sni-button.light-outlined:hover,
.sni-button.light-outlined.active,
.sni-button.light-outlined.loading-button {
    background: rgba(255, 255, 255, .1)
}

.sni-button.light-outlined.disabled,
.sni-button.light-outlined[disabled] {
    box-shadow: inset 0 0 0 1.5px #fff9;
    background: rgba(22, 42, 76, .9);
    color: #fff9
}

.sni-button.light-text {
    background: transparent
}

.sni-button.light-text:hover,
.sni-button.light-text.active,
.sni-button.light-text.loading-button {
    background: rgba(255, 255, 255, .1)
}

.sni-button.light-text.disabled,
.sni-button.light-text[disabled] {
    background: rgba(22, 42, 76, .9);
    color: #fff9
}

.sni-button.cheer {
    background: #278c3d
}

.sni-button.cheer:hover,
.sni-button.cheer.active,
.sni-button.cheer.loading-button {
    background: #247840
}

.sni-button.cheer.disabled,
.sni-button.cheer[disabled] {
    background: rgba(22, 42, 76, .15);
    color: #162a4c80
}

.sni-button.warn {
    background: #f9a623
}

.sni-button.warn:hover,
.sni-button.warn.active,
.sni-button.warn.loading-button {
    background: #cc8d2b
}

.sni-button.warn.disabled,
.sni-button.warn[disabled] {
    background: rgba(22, 42, 76, .15);
    color: #162a4c80
}

.sni-button.alert {
    background: #e62729
}

.sni-button.alert:hover,
.sni-button.alert.active,
.sni-button.alert.loading-button {
    background: #bc2830
}

.sni-button.alert.disabled,
.sni-button.alert[disabled] {
    background: rgba(22, 42, 76, .15);
    color: #162a4c80
}

.sni-button.disabled,
.sni-button[disabled] {
    cursor: not-allowed
}

.sni-button.disabled span,
.sni-button[disabled] span,
.sni-button.disabled:active,
.sni-button[disabled]:active,
.sni-button.loading-button {
    pointer-events: none
}

.sni-button.loading-button .spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center
}

.sni-button.loading-button .spinner>div {
    width: 6px;
    height: 6px;
    background-color: #fff;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.sni-button.loading-button .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.sni-button.loading-button .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

kolay-card {
    position: relative;
    display: inline-block;
    width: 100%
}

kolay-card .kolay-card {
    position: relative;
    width: 100%;
    border: 1px solid rgba(22, 42, 76, .15);
    border-radius: 4px;
    background: white;
    min-height: 56px;
    display: inline-table;
    z-index: 0;
    outline: none
}

kolay-card .kolay-card .link-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer
}

kolay-card .kolay-card.no-border {
    border: 0
}

kolay-card .kolay-card .kolay-icons {
    vertical-align: middle
}

kolay-card .kolay-card.with-image.image-direction-left {
    direction: rtl
}

kolay-card .kolay-card.with-image.image-direction-left .content {
    direction: ltr
}

kolay-card .kolay-card.with-image.image-direction-left .content .heading,
kolay-card .kolay-card.with-image.image-direction-left .content .body,
kolay-card .kolay-card.with-image.image-direction-left .content .footer {
    padding-left: 0
}

kolay-card .kolay-card .content {
    display: table-cell;
    vertical-align: middle
}

kolay-card .kolay-card .content .heading {
    display: inline-table;
    width: 100%;
    padding: 16px 20px;
    min-height: 56px
}

kolay-card .kolay-card .content .heading>div {
    display: table-cell;
    vertical-align: middle;
    color: #162a4ce6
}

kolay-card .kolay-card .content .heading>div.headingText {
    font-size: 16px;
    font-weight: 500
}

kolay-card .kolay-card .content .heading>div.headingText .kolay-icons {
    font-size: 15px;
    margin-left: 5px
}

kolay-card .kolay-card .content .heading>div.icon {
    width: 20px;
    height: 20px;
    padding-right: 10px;
    color: #162a4cb3
}

kolay-card .kolay-card .content .body {
    color: #162a4cb3;
    font-size: 13px;
    padding: 11px 20px
}

kolay-card .kolay-card .content .body.medium {
    font-size: 26px;
    line-height: 26px;
    color: #162a4ce6
}

kolay-card .kolay-card .content .body.large {
    font-size: 38px;
    line-height: 38px;
    color: #162a4ce6
}

kolay-card .kolay-card .content .body kolay-progress {
    margin-top: 5px
}

kolay-card .kolay-card .content .body kolay-progress .kolay-progress {
    padding: 0
}

kolay-card .kolay-card .content .footer {
    display: inline-table;
    width: 100%;
    min-height: 56px;
    padding: 16px 20px
}

kolay-card .kolay-card .content .footer>a {
    display: table-cell;
    vertical-align: middle;
    color: #376bfb
}

kolay-card .kolay-card .content .footer>a:hover {
    color: #305ed8
}

kolay-card .kolay-card .content .footer>a.footerText {
    font-size: 12px
}

kolay-card .kolay-card .content .footer>a.footerText span {
    line-height: 23px
}

kolay-card .kolay-card .content .footer.left .actions {
    text-align: left
}

kolay-card .kolay-card .content .footer.left .actions>div>* {
    margin-left: 0;
    margin-right: 18px
}

kolay-card .kolay-card .content .footer.left .footerText,
kolay-card .kolay-card .content .footer.left .actions {
    display: inline-block;
    position: relative;
    top: 1px
}

kolay-card .kolay-card .content .footer.text-direction-right {
    text-align: right
}

kolay-card .kolay-card .content .footer.text-direction-right .actions>div>*:first-child {
    margin-left: 0;
    margin-right: 0
}

kolay-card .kolay-card .content .footer.text-direction-right .footerText,
kolay-card .kolay-card .content .footer.text-direction-right .actions {
    display: inline-block
}

kolay-card .kolay-card .content .heading>div.actions,
kolay-card .kolay-card .content .footer>div.actions {
    position: relative;
    top: 1px;
    display: inline;
    text-align: right;
    color: #376bfb
}

kolay-card .kolay-card .content .heading>div.actions a,
kolay-card .kolay-card .content .footer>div.actions a {
    color: #376bfb
}

kolay-card .kolay-card .content .heading>div.actions a:hover,
kolay-card .kolay-card .content .footer>div.actions a:hover {
    color: #305ed8
}

kolay-card .kolay-card .content .heading>div.actions a:hover .kolay-icons,
kolay-card .kolay-card .content .footer>div.actions a:hover .kolay-icons {
    color: #305ed8
}

kolay-card .kolay-card .content .heading>div.actions>div>*,
kolay-card .kolay-card .content .footer>div.actions>div>* {
    margin-left: 18px;
    vertical-align: middle
}

kolay-card .kolay-card .image {
    display: table-cell;
    vertical-align: middle;
    width: 112px;
    height: 112px;
    font-size: 0;
    line-height: 0;
    padding: 20px
}

kolay-card .kolay-card .image span {
    display: inline-block;
    width: 112px;
    height: 112px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

kolay-progress {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 16px
}

kolay-progress .kolay-progress {
    position: relative;
    width: 100%;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 11px;
    text-align: left;
    padding: 0 5px;
    font-weight: 500
}

kolay-progress .kolay-progress .progress {
    position: absolute;
    width: 50px;
    line-height: 16px;
    font-size: 13px;
    color: #162a4ce6
}

kolay-progress .kolay-progress .progress-wrapper {
    padding-left: 0
}

kolay-progress .kolay-progress .progress-wrapper .progress-bar {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 6px;
    border-radius: 10px;
    background: #E6EAEF;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: top;
    top: 5px
}

kolay-progress .kolay-progress .progress-wrapper .progress-bar .bar {
    width: 0;
    height: 6px;
    display: block;
    background: #376bfb;
    transition: 1.4s ease-in-out all
}

kolay-progress .kolay-progress.progress-text .progress-wrapper {
    padding-left: 50px
}

kolay-progress .kolay-progress.secondary .progress-bar .bar {
    background: #9aa4bb
}

kolay-progress .kolay-progress.success .progress-bar .bar {
    background: #278c3d
}

kolay-progress .kolay-progress.warning .progress-bar .bar {
    background: #f9a623
}

kolay-progress .kolay-progress.alert .progress-bar .bar {
    background: #e62729
}

kolay-progress .kolay-progress.gray .progress-bar .bar {
    background: white
}

kolay-progress .kolay-progress.grayRevert .progress-bar .bar {
    background: rgba(22, 42, 76, .15)
}

kolay-tab {
    position: relative;
    display: block
}

kolay-tab .kolay-tab {
    position: relative;
    width: 100%;
    line-height: 48px;
    text-align: left;
    padding: 0 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    box-sizing: border-box;
    z-index: 1
}

kolay-tab .kolay-tab.bordered {
    border-bottom: 1px solid rgba(22, 42, 76, .15)
}

kolay-tab .kolay-tab ul {
    padding: 0;
    margin: 0
}

kolay-tab .kolay-tab ul li>a:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDEyIiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyI+PGRlZnMgaWQ9IlN2Z2pzRGVmczEwMTMiPjwvZGVmcz48ZyBpZD0iU3ZnanNHMTAxNCIgdHJhbnNmb3JtPSJtYXRyaXgoMC45MTY3LDAsMCwwLjkxNjcsMTEuOTkwMTk3MTE5MTQwNjE4LDEyLjI4NTA3NjMzNTUyNTUzMSkiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+PHBhdGggZD0iTTM0Ni40NTIgMzk2LjM3M2wxNjUuNTQ4IDE2NS41NDcgMTY1LjU0Ny0xNjUuNTQ3YzE2LjY0LTE2LjY0IDQzLjUyLTE2LjY0IDYwLjE2IDBzMTYuNjQgNDMuNTIgMCA2MC4xNmwtMTk1Ljg0IDE5NS44NGMtMTYuNjQgMTYuNjQtNDMuNTIgMTYuNjQtNjAuMTYgMGwtMTk1Ljg0MS0xOTUuODRjLTE2LjY0LTE2LjY0LTE2LjY0LTQzLjUyIDAtNjAuMTYgMTYuNjQtMTYuMjEzIDQzLjk0Ny0xNi42NCA2MC41ODcgMHoiIGZpbGw9IiM1YzZiODIiIGNsYXNzPSJjb2xvcjAwMCBzdmdTaGFwZSI+PC9wYXRoPjwvc3ZnPjwvZz48L3N2Zz4);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: right -1px top -1px;
    padding-right: 20px;
    width: 20px;
    height: 20px;
    content: "";
    z-index: 1;
    top: -1px;
    position: relative;
    left: 2px
}

kolay-tab .kolay-tab ul li>a:only-child:after {
    position: absolute;
    background: none;
    content: ""
}

kolay-tab .kolay-tab ul li {
    position: relative;
    display: inline-block;
    padding-right: 32px;
    padding-top: 0;
    padding-bottom: 0;
    transition: color ease-in-out 0s
}

kolay-tab .kolay-tab ul li a {
    color: #162a4cb3;
    font-style: normal;
    transition: color ease-in-out 0s;
    display: inline-block;
    height: 49px;
    text-decoration: none
}

kolay-tab .kolay-tab ul li a.disabled {
    color: #162a4c4d !important;
    pointer-events: none;
    cursor: default
}

kolay-tab .kolay-tab ul li a.active {
    color: #305ed8;
    border-bottom: 2px solid #305ed8
}

kolay-tab .kolay-tab ul li ul {
    position: absolute;
    width: 240px;
    top: 44px;
    left: -10px;
    background: white;
    box-shadow: 0 8px 12px #162a4c0a, 0 2px 16px #162a4c0f, 0 4px 6px #162a4c14;
    border-radius: 4px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

kolay-tab .kolay-tab ul li ul li {
    display: block;
    font-size: 13px;
    margin: 0;
    height: auto;
    line-height: normal;
    padding-right: 0
}

kolay-tab .kolay-tab ul li ul li a {
    height: auto;
    padding: 10px;
    display: inline-block;
    width: 100%
}

kolay-tab .kolay-tab ul li ul li a.disabled {
    color: #162a4c4d !important;
    pointer-events: none;
    cursor: default
}

kolay-tab .kolay-tab ul li ul li:hover {
    background: rgba(22, 42, 76, .075);
    left: auto
}

kolay-tab .kolay-tab ul li ul li:hover:first-child {
    border-radius: 4px 4px 0 0
}

kolay-tab .kolay-tab ul li ul li:hover:last-child {
    border-radius: 0 0 4px 4px
}

kolay-tab .kolay-tab ul li:hover a {
    color: #162a4ce6
}

kolay-tab .kolay-tab ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transition: visibility ease-in-out .3s, opacity ease-in-out .3s
}

kolay-tab .kolay-tab.secondary ul li a.active {
    color: #9aa4bb;
    border-bottom: 2px solid #9aa4bb
}

kolay-tab .kolay-tab.success ul li a.active {
    color: #278c3d;
    border-bottom: 2px solid #278c3d
}

kolay-tab .kolay-tab.warning ul li a.active {
    color: #f9a623;
    border-bottom: 2px solid #f9a623
}

kolay-tab .kolay-tab.alert ul li a.active {
    color: #e62729;
    border-bottom: 2px solid #e62729
}

kolay-tab .kolay-tab.gray ul li a.active {
    color: #fff;
    border-bottom: 2px solid white
}

kolay-tab .kolay-tab.grayRevert ul li a.active {
    color: #162a4c26;
    border-bottom: 2px solid rgba(22, 42, 76, .15)
}

.kolay-speech ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block
}

.kolay-speech ul li {
    display: table;
    width: 100%;
    direction: ltr;
    text-align: left;
    margin-bottom: 8px
}

.kolay-speech ul li .avatar {
    display: table-cell;
    width: 48px;
    max-width: 48px;
    vertical-align: top
}

.kolay-speech ul li .avatar img,
.kolay-speech ul li .avatar span {
    vertical-align: top;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 4px
}

.kolay-speech ul li .avatar span {
    background-color: #9acd32;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.kolay-speech ul li .message {
    display: table-cell;
    vertical-align: top
}

.kolay-speech ul li .message .bubble {
    direction: ltr;
    padding: 8px 12px;
    border-radius: 0 8px 8px;
    background: #F0F2F5;
    color: #162a4ce6;
    font-size: 13px;
    max-width: 300px;
    line-height: 20px;
    text-align: left;
    overflow: hidden
}

.kolay-speech ul li .message .bubble .name {
    font-weight: 500;
    font-size: 13px
}

.kolay-speech ul li.myMessage {
    direction: rtl;
    text-align: right
}

.kolay-speech ul li.myMessage .message .bubble {
    border-radius: 8px 0 8px 8px;
    background: #E8EAFF
}

.kolay-speech ul li.alert {
    text-align: center
}

.kolay-speech ul li.alert .message {
    width: 100%
}

.kolay-speech ul li.alert .message .bubble {
    display: inline-block;
    background: #F0F2F5;
    border-radius: 16px;
    padding: 6px 15px;
    font-size: 13px
}

.kolay-speech ul li.alert .message .bubble .icon {
    display: inline-block;
    vertical-align: top;
    margin-left: -6px;
    margin-right: 6px
}

.kolay-process-steps ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block
}

.kolay-process-steps ul li {
    display: table;
    width: 100%;
    padding-left: 5px
}

.kolay-process-steps ul li:last-child .avatar:before {
    display: none
}

.kolay-process-steps ul li .avatar {
    position: relative;
    display: table-cell;
    height: 100%;
    width: 48px;
    max-width: 48px;
    vertical-align: top
}

.kolay-process-steps ul li .avatar:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0px;
    bottom: 0px;
    background-color: #162a4c33;
    width: 2px;
    left: 19px
}

.kolay-process-steps ul li .avatar .step-counter {
    position: absolute;
    font-size: 12px;
    line-height: 19px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    top: -8px;
    left: -8px;
    z-index: 3
}

.kolay-process-steps ul li .avatar img,
.kolay-process-steps ul li .avatar .nameAvatar {
    vertical-align: top;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 4px;
    z-index: 2;
    position: relative
}

.kolay-process-steps ul li .avatar .nameAvatar {
    background-color: #9acd32;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.kolay-process-steps ul li .texts {
    display: table-cell;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 24px
}

.kolay-process-steps ul li .texts .title {
    color: #162a4ce6;
    font-weight: 500
}

.kolay-process-steps ul li .texts .sub-title,
.kolay-process-steps ul li .texts .description {
    color: #162a4cb3
}

.kolay-process-steps ul li .status {
    display: table-cell;
    text-align: right
}

.kolay-process-steps ul li:last-child .avatar {
    padding-bottom: 0
}

.kolay-process-steps ul li:last-child .texts {
    padding-bottom: 0
}

kolay-avatar .avatar-holder {
    display: inline-block;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    border-radius: 10px
}

kolay-avatar .avatar-holder.no-radius {
    border-radius: 0 !important
}

kolay-avatar .avatar-holder img {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: top
}

kolay-avatar .avatar-holder .avatar-text {
    display: inline-block;
    color: #fff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: 500
}

kolay-avatar .avatar-holder.x-large {
    border-radius: 10px
}

kolay-avatar .avatar-holder.x-large img {
    width: 128px;
    height: 128px
}

kolay-avatar .avatar-holder.x-large .avatar-text {
    width: 128px;
    height: 128px;
    line-height: 128px;
    font-size: 35px;
    font-weight: 200
}

kolay-avatar .avatar-holder.large {
    border-radius: 10px
}

kolay-avatar .avatar-holder.large img {
    width: 88px;
    height: 88px
}

kolay-avatar .avatar-holder.large .avatar-text {
    width: 88px;
    height: 88px;
    line-height: 88px;
    font-size: 30px;
    font-weight: 200
}

kolay-avatar .avatar-holder.default {
    border-radius: 10px
}

kolay-avatar .avatar-holder.default img {
    width: 64px;
    height: 64px
}

kolay-avatar .avatar-holder.default .avatar-text {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 30px;
    font-weight: 200
}

kolay-avatar .avatar-holder.small {
    border-radius: 6px
}

kolay-avatar .avatar-holder.small img {
    width: 28px;
    height: 28px
}

kolay-avatar .avatar-holder.small .avatar-text {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 10px;
    font-weight: 500
}

kolay-avatar .avatar-holder.s-medium {
    border-radius: 10px
}

kolay-avatar .avatar-holder.s-medium img {
    width: 40px;
    height: 40px
}

kolay-avatar .avatar-holder.s-medium .avatar-text {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500
}

kolay-avatar .avatar-holder.x-small {
    border-radius: 6px
}

kolay-avatar .avatar-holder.x-small img {
    width: 32px;
    height: 32px
}

kolay-avatar .avatar-holder.x-small .avatar-text {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 10px;
    font-weight: 500
}

kolay-avatar .avatar-holder.tiny {
    border-radius: 4px
}

kolay-avatar .avatar-holder.tiny img {
    width: 22px;
    height: 22px
}

kolay-avatar .avatar-holder.tiny .avatar-text {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
    font-weight: 500
}

kolay-breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none
}

kolay-breadcrumb ul li {
    display: inline-block;
    padding: 0 10px 0 7px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #162a4cb3
}

kolay-breadcrumb ul li:after {
    content: "/";
    position: absolute;
    right: 0px
}

kolay-breadcrumb ul li:last-child:after {
    display: none
}

kolay-breadcrumb ul li:first-child {
    padding-left: 0
}

kolay-breadcrumb ul li .linked {
    cursor: pointer
}

kolay-navigation-bar .navigation-bar-wrapper {
    display: table;
    width: 100%;
    padding: 14px 16px 14px 24px;
    min-height: 72px;
    box-sizing: border-box;
    background-color: #fff
}

kolay-navigation-bar .navigation-bar-wrapper.bordered {
    border-bottom: 1px solid rgba(22, 42, 76, .15)
}

kolay-navigation-bar .navigation-bar-wrapper .left-side {
    display: table-cell;
    vertical-align: middle
}

kolay-navigation-bar .navigation-bar-wrapper .left-side .back-btn {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    padding-right: 12px
}

kolay-navigation-bar .navigation-bar-wrapper .left-side .back-btn:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDYuOTk5OTdIMy44Mjk5OEw4LjcwOTk4IDIuMTE5OTdDOS4wOTk5OCAxLjcyOTk3IDkuMDk5OTggMS4wODk5NyA4LjcwOTk4IDAuNjk5OTcxQzguMzE5OTggMC4zMDk5NzEgNy42ODk5OCAwLjMwOTk3MSA3LjI5OTk4IDAuNjk5OTcxTDAuNzA5OTggNy4yODk5N0MwLjMxOTk4IDcuNjc5OTcgMC4zMTk5OCA4LjMwOTk3IDAuNzA5OTggOC42OTk5N0w3LjI5OTk4IDE1LjI5QzcuNjg5OTggMTUuNjggOC4zMTk5OCAxNS42OCA4LjcwOTk4IDE1LjI5QzkuMDk5OTggMTQuOSA5LjA5OTk4IDE0LjI3IDguNzA5OTggMTMuODhMMy44Mjk5OCA4Ljk5OTk3SDE1QzE1LjU1IDguOTk5OTcgMTYgOC41NDk5NyAxNiA3Ljk5OTk3QzE2IDcuNDQ5OTcgMTUuNTUgNi45OTk5NyAxNSA2Ljk5OTk3WiIgZmlsbD0iIzM3NkJGQiIvPgo8L3N2Zz4K)
}

kolay-navigation-bar .navigation-bar-wrapper .left-side kolay-avatar {
    display: table-cell;
    vertical-align: middle;
    padding-right: 12px
}

kolay-navigation-bar .navigation-bar-wrapper .left-side .texts-holder {
    display: table-cell;
    vertical-align: middle
}

kolay-navigation-bar .navigation-bar-wrapper .left-side .texts-holder .navigation-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .02em;
    color: #162a4ce6
}

kolay-navigation-bar .navigation-bar-wrapper .left-side .texts-holder .navigation-title kolay-chips {
    position: relative;
    margin-left: 10px;
    margin-top: 4px;
    display: inline-block;
    height: 18px
}

kolay-navigation-bar .navigation-bar-wrapper .left-side .texts-holder .navigation-caption {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.012em;
    color: #162a4cb3
}

kolay-navigation-bar .navigation-bar-wrapper .right-side {
    display: table-cell;
    direction: rtl;
    vertical-align: middle;
    white-space: nowrap
}

kolay-navigation-bar .navigation-bar-wrapper .right-side>* {
    direction: ltr;
    vertical-align: middle
}

kolay-navigation-bar .navigation-bar-wrapper .right-side kolay-dropdown-menu {
    margin-left: 15px
}

kolay-navigation-bar .navigation-bar-wrapper .right-side kolay-dropdown-menu .drop-down-btn {
    display: inline-block
}

kolay-navigation-bar .navigation-bar-wrapper .right-side kolay-dropdown-menu .drop-down-btn:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yIDRDMy4xIDQgNCAzLjEgNCAyQzQgMC45IDMuMSAwIDIgMEMwLjkgMCAwIDAuOSAwIDJDMCAzLjEgMC45IDQgMiA0Wk0yIDZDMC45IDYgMCA2LjkgMCA4QzAgOS4xIDAuOSAxMCAyIDEwQzMuMSAxMCA0IDkuMSA0IDhDNCA2LjkgMy4xIDYgMiA2Wk0yIDEyQzAuOSAxMiAwIDEyLjkgMCAxNEMwIDE1LjEgMC45IDE2IDIgMTZDMy4xIDE2IDQgMTUuMSA0IDE0QzQgMTIuOSAzLjEgMTIgMiAxMloiIGZpbGw9IiMzNzZCRkIiLz4KPC9zdmc+Cg==)
}

kolay-navigation-bar .navigation-bar-wrapper .right-side kolay-dropdown-menu li[hidden] {
    display: none
}

kolay-navigation-bar .navigation-bar-wrapper .right-side .button-list {
    direction: rtl;
    display: inline-block
}

kolay-navigation-bar .navigation-bar-wrapper .right-side .button-list>* {
    direction: ltr;
    margin-left: 16px
}

.stepper-wrapper.bordered {
    border-bottom: 1px solid rgba(22, 42, 76, .15)
}

.stepper-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: item
}

.stepper-wrapper ul li {
    display: inline-block;
    padding: 14px 24px 14px 14px;
    vertical-align: middle
}

.stepper-wrapper ul li .number {
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    background: #f0f2f5;
    color: #162a4cb3;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle
}

.stepper-wrapper ul li .text {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    color: #162a4cb3;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.stepper-wrapper ul li.active .number {
    background: #376bfb;
    color: #fff
}

.stepper-wrapper ul li.active .number:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: -4px;
    top: -4px;
    border: 2px solid #376bfb;
    border-radius: 50%;
    width: 28px;
    height: 28px
}

.stepper-wrapper ul li.active.viewed .number {
    background: #376bfb
}

.stepper-wrapper ul li.active.error .number {
    background: #FF4C4C
}

.stepper-wrapper ul li.active.error .number:after {
    border: 2px solid #FF4C4C
}

.stepper-wrapper ul li.viewed .number {
    background: rgba(22, 42, 76, .7);
    color: #fff
}

.stepper-wrapper ul li.viewed.disabled {
    pointer-events: none
}

.stepper-wrapper ul li.viewed.disabled .number {
    background: #f0f2f5;
    color: #162a4cb3
}

.stepper-wrapper ul li.error .number {
    background: #FF4C4C;
    color: #fff
}

.stepper-wrapper ul li.error.disabled {
    pointer-events: none
}

.stepper-wrapper ul li.error.disabled .number {
    background: #f8d6d6;
    color: #162a4cb3
}

.stepper-wrapper.kolay-tab>ul>li:before {
    color: #162a4cb3;
    content: counter(item);
    counter-increment: item;
    position: absolute;
    z-index: 1;
    left: 14px;
    top: 2px;
    font-size: 11px;
    width: 20px;
    text-align: center;
    line-height: 48px
}

.stepper-wrapper.kolay-tab>ul>li.active:before,
.stepper-wrapper.kolay-tab>ul>li.viewed:before {
    color: #fff
}

.stepper-wrapper.kolay-tab>ul>li.disabled:before {
    color: #162a4cb3
}

.kolay-loading-area {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    opacity: 0;
    transition: opacity .1s linear
}

.kolay-loading-area.global {
    position: fixed
}

.kolay-loading-area.fixHeight .indicator {
    position: absolute;
    top: 50vh;
    left: 0px;
    right: 0px;
    margin: 0 auto
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.kolay-loading-area .spin .kolay-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    border: 2px solid rgba(22, 42, 76, .7);
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.kolay-accordion-wrapper {
    border: 1px solid rgba(22, 42, 76, .15);
    border-radius: 4px;
    margin-bottom: 16px
}

.kolay-accordion-wrapper .accordion-title {
    height: 46px;
    padding: 0 8px;
    position: relative;
    vertical-align: middle
}

.kolay-accordion-wrapper .accordion-title .left-side {
    line-height: 46px;
    padding-right: 26px
}

.kolay-accordion-wrapper .accordion-title .right-side {
    position: absolute;
    right: 8px;
    top: 12px
}

.kolay-accordion-wrapper .accordion-title .right-side:before {
    font-family: kolayik !important;
    content: "\e91e";
    color: #135cf0;
    font-size: 22px;
    display: inline-block;
    transition: all .2s linear
}

.kolay-accordion-wrapper .accordion-content {
    overflow: hidden;
    border-top: 1px solid rgba(22, 42, 76, .15)
}

.kolay-accordion-wrapper.isOpen .accordion-title .right-side:before {
    transform: rotate(180deg)
}

kolay-file-uploader .file-container-box {
    position: relative;
    height: 44px;
    box-sizing: border-box;
    background-color: #f0f2f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    font-size: 13px;
    border-radius: 4px
}

kolay-file-uploader .file-container-box .clickable-area {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    cursor: pointer
}

kolay-file-uploader .file-container-box .left-side {
    line-height: 44px;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

kolay-file-uploader .file-container-box .left-side .placeholder {
    margin-left: 12px;
    color: #162a4c80;
    font-weight: 400;
    display: none
}

kolay-file-uploader .file-container-box .left-side .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 12px;
    color: #162a4ce6;
    font-weight: 400
}

kolay-file-uploader .file-container-box .left-side .name.image {
    cursor: pointer
}

kolay-file-uploader .file-container-box .left-side .image-holder {
    white-space: nowrap;
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: top;
    background-position: center;
    background-size: cover;
    line-height: 43px;
    text-align: center
}

kolay-file-uploader .file-container-box .left-side .image-holder.file {
    background-image: unset !important;
    background-color: #162a4c0d;
    display: flex;
    align-items: center;
    justify-content: center
}

kolay-file-uploader .file-container-box .left-side .image-holder.file .kolay-icons {
    display: block;
    color: #536994
}

kolay-file-uploader .file-container-box .right-side {
    white-space: nowrap
}

kolay-file-uploader .file-container-box .right-side .kolay-icons {
    position: relative;
    margin-right: 12px;
    color: #162a4cb3;
    cursor: pointer;
    vertical-align: middle;
    z-index: 2
}

kolay-file-uploader .file-container-box .right-side .size {
    vertical-align: middle;
    font-size: 13px;
    color: #162a4ce6;
    font-weight: 400;
    margin-right: 12px
}

kolay-file-uploader .file-container-box.empty {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(22, 42, 76, .5);
    cursor: pointer
}

kolay-file-uploader .file-container-box.empty .placeholder {
    display: inline-block
}

kolay-file-uploader .file-container-box.empty .image-holder {
    display: none
}

kolay-file-uploader .file-container-box.full {
    border-radius: 4px;
    border-bottom: unset
}

kolay-file-uploader .file-container-box.loading-file .image-holder:before {
    position: absolute;
    display: block;
    z-index: 1;
    content: " ";
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0;
    background-color: #0000004d
}

kolay-file-uploader .file-container-box .fileInput {
    display: none
}

kolay-file-uploader .file-container-box .loading-bar {
    display: block;
    height: 2px;
    background-color: #376bfb;
    position: absolute;
    bottom: 0px;
    left: 0px
}

kolay-file-uploader .sni-element-wrapper.focused input {
    border-bottom-width: 2px;
    border-bottom-color: #376bfb;
    padding-top: 2px
}

kolay-file-uploader .sni-element-wrapper.validationError .file-container-box.empty {
    border-bottom-color: #ff4c4c;
    border-bottom-width: 2px
}

kolay-file-uploader .sni-element-wrapper.validationError .file-container-box .right-side .kolay-icons {
    color: #ff4c4c
}

.approve-process-status {
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    padding: 3px;
    font-size: 14px
}

.approve-process-status.kolayicon-check {
    background-color: #2fa348
}

.approve-process-status.kolayicon-close {
    background-color: #485d89
}

.approve-process-status.kolayicon-edit {
    background-color: #f9a623
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

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

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

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

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

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)
}

.toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)
}

.toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)
}

.toast-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.toast-container .ngx-toastr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 64px;
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 -2px 20px #162a4c29;
    transition: box-shadow .3s linear;
    background-image: none
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 -2px 20px #162a4c52
}

.toast-container .ngx-toastr:before {
    font-family: kolayik;
    font-size: 20px;
    position: absolute;
    left: 12px;
    top: calc(50% - 10px)
}

.toast-container .ngx-toastr .toast-message {
    padding-right: 10px
}

.toast-container .ngx-toastr .toast-close-button {
    position: absolute;
    top: 5px;
    right: 7px;
    text-shadow: none
}

.toast-container .ngx-toastr .toast-close-button:before {
    font-family: kolayik;
    content: "\e918";
    font-size: 16px;
    color: #fff9;
    transition: color .2s linear
}

.toast-container .ngx-toastr .toast-close-button:hover {
    opacity: 1
}

.toast-container .ngx-toastr .toast-close-button:hover:before {
    color: #fff
}

.toast-container .ngx-toastr .toast-close-button span {
    display: none
}

.toast-container .ngx-toastr.toast-info {
    background-color: #293f66
}

.toast-container .ngx-toastr.toast-info:before {
    content: "\e916"
}

.toast-container .ngx-toastr.toast-info .toast-progress {
    background-color: #fff6
}

.toast-container .ngx-toastr.toast-success {
    background-color: #278c3d
}

.toast-container .ngx-toastr.toast-success:before {
    content: "\e945"
}

.toast-container .ngx-toastr.toast-success .toast-progress {
    background-color: #162a4c4d
}

.toast-container .ngx-toastr.toast-error {
    background-color: #e62729
}

.toast-container .ngx-toastr.toast-error:before {
    content: "\e97a"
}

.toast-container .ngx-toastr.toast-error .toast-progress {
    background-color: #162a4c4d
}

.toast-container .ngx-toastr.toast-warning {
    background-color: #f9a623;
    color: #162a4ce6
}

.toast-container .ngx-toastr.toast-warning:before {
    content: "\e978"
}

.toast-container .ngx-toastr.toast-warning .toast-close-button:before {
    color: #162a4c4d !important
}

.toast-container .ngx-toastr.toast-warning .toast-close-button:hover {
    opacity: 1
}

.toast-container .ngx-toastr.toast-warning .toast-close-button:hover:before {
    color: #162a4cb3 !important
}

.toast-container .ngx-toastr.toast-warning .toast-progress {
    background-color: #162a4c4d
}

.kolay-pagination-wrapper ul {
    display: inline-block;
    padding: 5px 9px;
    margin: 0;
    background-color: #fff;
    color: #162a4cb3;
    border: 1px solid rgba(22, 42, 76, .15);
    border-radius: 4px
}

.kolay-pagination-wrapper ul li {
    display: inline-block;
    width: 32px;
    height: 24px;
    vertical-align: top;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.kolay-pagination-wrapper ul li .kolay-icons {
    line-height: 24px
}

.kolay-pagination-wrapper ul li.active {
    background: #278c3d !important;
    color: #fff;
    cursor: default
}

.kolay-pagination-wrapper ul li.separator {
    background: inherit !important;
    cursor: unset;
    cursor: default;
    pointer-events: none
}

.kolay-pagination-wrapper ul li:hover {
    background: #d7fedc
}

.kolay-pagination-wrapper ul li:last-child {
    margin-right: 0
}

.kolay-pagination-wrapper ul li.disabled {
    background: inherit !important;
    color: #162a4c4d;
    cursor: not-allowed
}

.ng-dropdown-panel {
    z-index: 9999 !important;
    text-align: left
}

kolay-select .sni-element-wrapper .ng-select.ng-select .valueText {
    color: #162a4ce6
}

kolay-select .ng-select.filter.ng-select-multiple .ng-select-container {
    height: 44px !important
}

kolay-dropdown-menu .dropdown-menu-btn .kolayicon-more-horizontal,
kolay-dropdown-menu .dropdown-menu-btn .kolayicon-more-vertical {
    font-size: 24px;
    color: #162a4c;
    cursor: pointer
}

kolay-dropdown-menu .dropdown-menu-btn .kolayicon-more-horizontal:hover,
kolay-dropdown-menu .dropdown-menu-btn .kolayicon-more-vertical:hover {
    color: #376bfb
}

kolay-dropdown-menu .dropdown-menu-btn .kolayicon-more-vertical {
    position: relative;
    color: #376bfb;
    top: 6px
}

kolay-dropdown-menu .dropdown-menu-btn .kolayicon-more-vertical:hover {
    color: #6080fc
}

kolay-dropdown-menu .kolay-dropdown-menu li a {
    color: #fff !important;
    transition: unset !important;
    white-space: nowrap
}

kolay-dropdown-menu .kolay-dropdown-menu li .table-row {
    display: table;
    width: 100%
}

kolay-dropdown-menu .kolay-dropdown-menu li .table-row .row-text {
    display: table-cell
}

kolay-dropdown-menu .kolay-dropdown-menu li .table-row .row-icon {
    display: table-cell;
    text-align: right
}

kolay-dropdown-menu .kolay-dropdown-menu li .table-row .row-icon .kolayicon-check {
    font-size: 16px;
    color: #79c732
}

kolay-dropdown-menu .kolay-dropdown-menu li.delete a {
    color: #f68282 !important
}

kolay-dropdown-menu .kolayMenuOverlay {
    cursor: auto
}

ngx-payment-card .container {
    width: unset !important
}

kolay-tab .kolay-tab {
    background-color: #fff
}

kolay-tab .kolay-tab .ui.menu .ui.dropdown .menu>.item {
    z-index: 99
}

kolay-card .kolay-card {
    z-index: unset
}

kolay-card .kolay-card .kolay-icons.tooltip {
    vertical-align: top
}

.primary-color {
    color: #376bfb !important
}

.primary-color-alt {
    color: #376bfb
}

.primary-color-hover {
    color: #004ff8
}

.primary-bg {
    background: #376bfb
}

.primary-bg-alt {
    background: #1ca0f5
}

.primary-bg-hover {
    background: #004ff8
}

.secondary-color {
    color: #162a4c
}

.secondary-color-alt {
    color: #234471
}

.secondary-color-hover {
    color: #1d3a64
}

.secondary-bg {
    background: #162a4c
}

.secondary-bg-alt {
    background: #234471
}

.secondary-bg-hover {
    background: #1d3a64
}

.title-color {
    color: #1d3a64
}

.title-color-alt {
    color: #234471
}

.title-color-hover {
    color: #162a4c #2b2f35
}

.title-bg {
    background: #1d3a64
}

.title-bg-alt {
    background: #234471
}

.title-bg-hover {
    background: #162a4c #2b2f35
}

.alert-color {
    color: #ff4c4c
}

.alert-color-alt {
    color: #f37071
}

.alert-color-hover {
    color: #d71121
}

.alert-bg {
    background: #ff4c4c
}

.alert-bg-alt {
    background: #f37071
}

.alert-bg-hover {
    background: #d71121
}

.dark-blue-color {
    color: #526d94
}

.dark-blue-color-alt {
    color: #2b4d7c
}

.dark-blue-color-hover {
    color: #1d3a64
}

.dark-blue-bg {
    background: #526d94
}

.dark-blue-bg-alt {
    background: #325585
}

.dark-blue-bg-hover {
    background: #2b4d7c
}

.warning-color {
    color: #fec639
}

.warning-color-alt {
    color: #fdf179
}

.warning-color-hover {
    color: #fcae31
}

.warning-bg {
    background: #fec639
}

.warning-bg-alt {
    background: #fdf179
}

.warning-bg-hover {
    background: #fcae31
}

.success-color {
    color: #79c732
}

.success-color-alt {
    color: #b0e57c
}

.success-color-hover {
    color: #1b7c01
}

.success-bg {
    background: #79c732
}

.success-bg-alt {
    background: #b0e57c
}

.success-bg-hover {
    background: #1b7c01
}

.purple-color {
    color: #a461fb
}

.purple-color-alt {
    color: #ad71fb
}

.purple-color-hover {
    color: #9357e1
}

.purple-bg {
    background: #a461fb
}

.purple-bg-alt {
    background: #ad71fb
}

.purple-bg-hover {
    background: #9357e1
}

.grey-color {
    color: #d2d2d2
}

.grey-color-alt {
    color: #ededed
}

.grey-color-hover {
    color: #162a4cb3
}

.grey-bg {
    background: #d2d2d2
}

.grey-bg-alt {
    background: #ededed
}

.grey-bg-alt2 {
    background: #f5f5f5
}

.grey-bg-light {
    background: #f9fafc
}

.grey-bg-hover {
    background: rgba(22, 42, 76, .7)
}

.black-color {
    color: #162a4c
}

.black-bg {
    background: #162a4c
}

.white-color {
    color: #fff
}

.white-bg {
    background: #ffffff !important
}

.menu-item-color {
    color: #162a4c
}

.menu-item-bg {
    background: #162a4c
}

.avatar-name-container {
    display: flex;
    align-items: center
}

.avatar-name-container .avatar-name {
    flex-grow: 1;
    padding-left: 8px;
    color: #162a4ce6
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
*:before,
*:after {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.row2 {
    display: flex;

    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 50% !important;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        /* max-width: 33.3333333333% */
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: #00000080 !important
}

.text-white-50 {
    color: #ffffff80 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

button:disabled,
button[disabled] {
    background-color: #708cd7 !important;
    color: white !important;
}

.separator {
    position: relative;
    text-align: center;
    color: #376bfb;
}

.separator label {
    background-color: #fff;
    padding: 0 0.4em;
    position: relative;
}

.separator:before {
    content: '';
    border-style: solid;
    border-width: 0 0 1px 0;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    border-color: #376bfb;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

* {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

.column {
    float: left;
    width: 50%;
    margin: 5px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.samlButton {
    background-color: #ffff;
    color: #757575;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height:40px;
    padding: 4px 4px;
    transition: background-color .3s, box-shadow .3s;   
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 25%);
    font-size: 14px;
    font-weight: 500;
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;

}

.samlButton:hover {
    border-color: #376bfb !important;
}

.imgsaml {
    width: 20px;
    height: 20px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.spansaml {    
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    background-color: white;
    text-align: center;
    width: 100%;
}

.spansamlApple >div { 
    max-width: 1250px !important;
}

.fxsaml {
    display: flex;
    flex-direction: column;
}
.samlcenter{
    display: flex;justify-content: center;
}