/* #region .ui.button  */
.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: var(--color-btn-bg) none;
    color: var(--color-btn-text);
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0em 0.25em 0em 0em;
    padding: 0.78571429em 1.5em 0.78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429rem;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}
.ui.button:hover {
    background-color: #CACBCD;
    background-image: none;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
    color: rgba(0, 0, 0, 0.8);
}
.ui.button:hover .icon {
    opacity: 0.85;
}
.ui.button:focus {
    background-color: #CACBCD;
    color: rgba(0, 0, 0, 0.8);
    background-image: '' !important;
    box-shadow: '' !important;
}
.ui.button:focus .icon {
    opacity: 0.85;
}
.ui.button:active,
.ui.active.button:active {
    background-color: #BABBBC;
    background-image: '';
    color: rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 0px 1px transparent inset, none;
}
.ui.active.button {
    background-color: #C0C1C2;
    background-image: none;
    box-shadow: 0px 0px 0px 1px transparent inset;
    color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:hover {
    background-color: #C0C1C2;
    background-image: none;
    color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:active {
    background-color: #C0C1C2;
    background-image: none;
}
.ui.loading.loading.loading.loading.loading.loading.button {
    position: relative;
    cursor: default;
    text-shadow: none !important;
    color: transparent !important;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0s linear, opacity 0.2s ease;
    transition: all 0s linear, opacity 0.2s ease;
}
.ui.loading.button:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.15);
}
.ui.loading.button:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #FFFFFF transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0px 0px 0px 1px transparent;
}
.ui.labeled.icon.loading.button .icon {
    background-color: transparent;
    box-shadow: none;
}
@-webkit-keyframes button-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes button-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ui.basic.loading.button:not(.inverted):before {
    border-color: rgba(0, 0, 0, 0.1);
}
.ui.basic.loading.button:not(.inverted):after {
    border-top-color: #767676;
}
.ui.basic.button, .ui.basic.buttons .button {
    background: transparent none!important;
    color: rgba(0,0,0,.6)!important;
    font-weight: 400;
    border-radius: .28571429rem;
    text-transform: none;
    text-shadow: none!important;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
}
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
    cursor: default;
    opacity: 0.45 !important;
    background-image: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

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

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

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

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

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

.ui.buttons .button,
.ui.buttons .or,
.ui.button {
    font-size: 14px;
}

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

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

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

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

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

.ui.button > .icon:not(.button) {
    height: 0.85714286em;
    opacity: 0.8;
    margin: 0em 0.42857143em 0em -0.21428571em;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    vertical-align: '';
    color: '';
}
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
    margin: 0em 0.42857143em 0em -0.21428571em;
}
.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
    margin: 0em -0.21428571em 0em 0.42857143em;
}

.ui.buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0em;
    vertical-align: baseline;
    margin: 0em 0.25em 0em 0em;
}
.ui.buttons:not(.basic):not(.inverted) {
    box-shadow: none;
}
.ui.buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui.buttons .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0em;
    border-radius: 0em;
    margin: 0px 0px 0px 0px;
}
.ui.buttons > .ui.button:not(.basic):not(.inverted),
.ui.buttons:not(.basic):not(.inverted) > .button {
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0em;
    border-top-left-radius: 0.28571429rem;
    border-bottom-left-radius: 0.28571429rem;
}
.ui.buttons .button:last-child {
    border-top-right-radius: 0.28571429rem;
    border-bottom-right-radius: 0.28571429rem;
}

.ui.buttons .or {
    position: relative;
    width: 0.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: var(--color-message-or-bg);
    text-shadow: none;
    margin-top: -0.89285714em;
    margin-left: -0.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: var(--color-message-or-text);
    font-style: normal;
    font-weight: bold;
    box-shadow: 0px 0px 0px 1px transparent inset;
}
.ui.buttons .or[data-text]:before {
    content: attr(data-text);
}
/* #endregion */
/* #region .ui.button colors  */
.ui.red.button {
    background-color: #DB2828;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.red.button:hover {
    background-color: #d01919;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.red.button:focus {
    background-color: #ca1010;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.red.button:active {
    background-color: #b21e1e;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.red.active.button,
.ui.red.button .active.button:active {
    background-color: #d41515;
    color: #FFFFFF;
    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.green.button {
    background-color: #21BA45;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.green.button:hover {
    background-color: #16ab39;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.green.button:focus {
    background-color: #0ea432;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.green.button:active {
    background-color: #198f35;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.green.active.button,
.ui.green.button .active.button:active {
    background-color: #13ae38;
    color: #FFFFFF;
    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.blue.button {
    background-color: #2185D0;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.blue.button:hover {
    background-color: #1678c2;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.blue.button:focus {
    background-color: #0d71bb;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.blue.button:active {
    background-color: #1a69a4;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.blue.active.button,
.ui.blue.button .active.button:active {
    background-color: #1279c6;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.teal.button {
    background-color: #00B5AD;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
}
.ui.teal.button {
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.teal.button:hover {
    background-color: #009c95;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.teal.button:focus {
    background-color: #008c86;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.teal.button:active {
    background-color: #00827c;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.teal.active.button,
.ui.teal.button .active.button:active {
    background-color: #009c95;
    color: #FFFFFF;
    text-shadow: none;
}
/* #endregion */
/* #region .ui.button fpcustom */
.ui.fpred.button,
.ui.fpred.button:active,
.ui.fpred.button:link,
.ui.fpred.button:focus {
    /* background-color: #DB2828; */
    background: linear-gradient(to bottom, #ff3019 0%,var(--color-red) 100%);
    color: #FFFFFF;
    text-shadow: none;
    /* background-image: none;*/
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; 
}
.ui.fpred.button:hover {
    background: linear-gradient(to bottom, var(--color-red) 0%,#ff3019 100%);
    /* background-color: #d01919; */
    color: #FFFFFF;
    text-shadow: none;
}

.ui.fpgreen.button,
.ui.fpgreen.button:active,
.ui.fpgreen.button:link,
.ui.fpgreen.button:focus {
    /* background-color: #21BA45; */
    background: linear-gradient(to bottom, #25bc48 0%,#10a533 100%); 
    color: #FFFFFF;
    text-shadow: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.fpgreen.button:hover {
    background: linear-gradient(to bottom, #10a533 0%,#25bc48 100%); 
    /* background-color: #16ab39; */
    color: #FFFFFF;
    text-shadow: none;
}

.ui.fpblue.button,
.ui.fpblue.button:active,
.ui.fpblue.button:link,
.ui.fpblue.button:focus {
    background-color: #2185D0;
    background: linear-gradient(to bottom, #2a8dd3 0%,#1578bf 100%);
    color: #FFFFFF;
    text-shadow: none;
    /* background-image: none; */
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.fpblue.button:hover {
    background: linear-gradient(to bottom, #1578bf 0%,#2a8dd3 100%);
    /* background-color: #1678c2; */
    color: #FFFFFF;
    text-shadow: none;
}

.ui.fporange.button,
.ui.fporange.button:active,
.ui.fporange.button:link,
.ui.fporange.button:focus {
    /* background-color: #DB2828; */
  /* background-color: #F2711C; */
    background: linear-gradient(to bottom, #F2711C 0%,#D26015 100%);
    color: #FFFFFF;
    text-shadow: none;
    /* background-image: none;*/
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; 
}
.ui.fporange.button:hover {
    background: linear-gradient(to bottom, #bc510b 0%,#f26202 100%);
    /* background-color: #d01919; */
    color: #FFFFFF;
    text-shadow: none;
}
/* #endregion */
/* #region .ui.button inverted colors  */
.ui.inverted.button {
    -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
    box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
    background: transparent none;
    color: #FFFFFF;
    text-shadow: none !important;
}
.ui.inverted.button:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
    box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
    color: rgba(0, 0, 0, 0.8);
}
.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px 2px #F2711C inset !important;
  box-shadow: 0px 0px 0px 2px #F2711C inset !important;
  color: #F2711C;
}

.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
  background-color: #F2711C;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #FFFFFF;
}

.ui.inverted.fishblue.buttons .button,
.ui.inverted.fishblue.button {
  background-color: transparent;
  /* -webkit-box-shadow: 0px 0px 0px 2px #2185D0 inset !important;
  box-shadow: 0px 0px 0px 2px #2185D0 inset !important;
  color: #2185D0; */
  -webkit-box-shadow: 0px 0px 0px 2px var(--color-primary) inset !important;
  box-shadow: 0px 0px 0px 2px var(--color-primary) inset !important;
  color: var(--color-primary);
}

.ui.inverted.fishblue.buttons .button:hover,
.ui.inverted.fishblue.button:hover {
  /* background-color: #2185D0; */
  background-color: var(--color-primary);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: var(--color-text-action);
}

.ui.inverted.blue.button {
    background-color: transparent;
    box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
    color: #54C8FF;
}
.ui.inverted.blue.button:hover {
    background-color: #3ac0ff;
    box-shadow: none !important;
    color: #FFFFFF;
}
/* .ui.inverted.blue.button:focus {
    background-color: #2bbbff;
}
.ui.inverted.blue.active.button {
    background-color: #3ac0ff;
}
.ui.inverted.blue.button:active {
    background-color: #21b8ff;
} */

.ui.inverted.green.button {
    background-color: transparent;
    box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
    color: #2ECC40;
}
.ui.inverted.green.button:hover {
    box-shadow: none !important;
    color: #FFFFFF;
    background-color: #22be34;
}

.ui.inverted.red.button {
    background-color: transparent;
    box-shadow: 0px 0px 0px 2px var(--color-red) inset !important;
    color: var(--color-red);
}
.ui.inverted.red.button:hover {
    background-color: var(--color-red);
    box-shadow: none !important;
    color: #FFFFFF;
}
/* .ui.inverted.red.button:focus {
    background-color: var(--color-red);
}
.ui.inverted.red.active.button {
    background-color: var(--color-red);
}
.ui.inverted.red.button:active {
    background-color: var(--color-red);
} */

/* #endregion */
/* #region .ui.button social colors  */
.ui.facebook.button {
    background-color: #3B5998;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.facebook.button:hover {
    background-color: #304d8a;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.facebook.button:active {
    background-color: #2d4373;
    color: #FFFFFF;
    text-shadow: none;
}

.ui.twitter.button {
    background-color: #55ACEE;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.twitter.button:hover {
    background-color: #35a2f4;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.twitter.button:active {
    background-color: #2795e9;
    color: #FFFFFF;
    text-shadow: none;
}

.ui.linkedin.button {
    background-color: #1F88BE;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.linkedin.button:hover {
    background-color: #147baf;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.linkedin.button:active {
    background-color: #186992;
    color: #FFFFFF;
    text-shadow: none;
}

.ui.youtube.button {
    background-color: #CC181E;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.youtube.button:hover {
    background-color: #bd0d13;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.youtube.button:active {
    background-color: #9e1317;
    color: #FFFFFF;
    text-shadow: none;
}

.ui.instagram.button {
    background-color: #49769C;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.instagram.button:hover {
    background-color: #3d698e;
    color: #FFFFFF;
    text-shadow: none;
}
.ui.instagram.button:active {
    background-color: #395c79;
    color: #FFFFFF;
    text-shadow: none;
}
/* #endregion */
/* #region .ui.segment  */
.ui.segment {
    position: relative;
    background: var(--color-segment-bg);
    box-shadow: 0px 1px 2px 0 var(--color-segment-border);
    margin: 1rem 0em;
    padding: 1em 1em;
    border-radius: 0.28571429rem;
    border: 1px solid var(--color-segment-border);
}
.ui.segment:first-child {
    margin-top: 0em;
}
.ui.segment:last-child {
    margin-bottom: 0em;
}
/* #endregion */
/* #region .ui.tab */
.ui.tab {
    display: none;
}
.ui.tab.active,
.ui.tab.open {
    display: block;
}
/* #endregion */
/* #region .ui.grid */
.ui.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0em;
}
.ui.grid {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: -1rem;
    margin-right: -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 > .column:not(.row) {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.ui[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row) {
    width: 33.33333333%;
}

.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
    width: 25% !important;
}
.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
    width: 37.5% !important;
}

.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
    width: 50% !important;
}

.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column {
    width: 62.5% !important;
}

.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
    width: 75% !important;
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        width: auto;
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    .ui.stackable.grid > .row > .wide.column,
    .ui.stackable.grid > .wide.column,
    .ui.stackable.grid > .column.grid > .column,
    .ui.stackable.grid > .column.row > .column,
    .ui.stackable.grid > .row > .column,
    .ui.stackable.grid > .column:not(.row),
    .ui.grid > .stackable.stackable.row > .column {
        width: 100% !important;
        margin: 0em 0em !important;
        box-shadow: none !important;
        padding: 1rem 1rem !important;
    }

    .ui.stackable.grid:not(.vertically) > .row {
        margin: 0em;
        padding: 0em;
    }

    /* Coupling */

    .ui.container > .ui.stackable.grid > .column,
    .ui.container > .ui.stackable.grid > .row > .column {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }

    /* Don't pad inside segment or nested grid */

    .ui.grid .ui.stackable.grid,
    .ui.segment:not(.vertical) .ui.stackable.page.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    /* Divided Stackable */

    .ui.stackable.divided.grid > .row:first-child > .column:first-child,
    .ui.stackable.celled.grid > .row:first-child > .column:first-child,
    .ui.stackable.divided.grid > .column:not(.row):first-child,
    .ui.stackable.celled.grid > .column:not(.row):first-child {
        border-top: none !important;
    }

    .ui.inverted.stackable.celled.grid > .column:not(.row),
    .ui.inverted.stackable.divided.grid > .column:not(.row),
    .ui.inverted.stackable.celled.grid > .row > .column,
    .ui.inverted.stackable.divided.grid > .row > .column {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ui.stackable.celled.grid > .column:not(.row),
    .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
    .ui.stackable.celled.grid > .row > .column,
    .ui.stackable.divided:not(.vertically).grid > .row > .column {
        border-top: 1px solid rgba(34, 36, 38, 0.15);
        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: 0em !important;
        padding-right: 0em !important;
    }
}

.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}

.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.stretched.grid > .row > .column,
.ui.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
.ui.grid > .row > .stretched.column {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ui.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
.ui.grid > .row > .stretched.column > * {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
/* #endregion */
/* #region .ui.menu */
.ui.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0em;
    font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: var(--color-leftmenu-bg);
    font-weight: normal;
    border: 1px solid var(--color-leftmenu-border);
    box-shadow: 0px 1px 2px 0 var(--color-leftmenu-border);
    border-radius: 0.28571429rem;
    min-height: 2.85714286em;
}
.ui.menu:after {
    content: '';
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.ui.menu:first-child {
    margin-top: 0rem;
}
.ui.menu:last-child {
    margin-bottom: 0rem;
}
.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    padding: 0.92857143em 1.14285714em;
    text-transform: none;
    color: var(--color-leftmenu-text);
    font-weight: normal;
    -webkit-transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.ui.menu > .item:first-child {
    border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
/* Border */
.ui.menu .item:before {
    position: absolute;
    content: '';
    top: 0%;
    right: 0px;
    height: 100%;
    width: 1px;
    background: var(--color-tabmenu-border);
}
.ui.menu .item > p:first-child {
    margin-top: 0;
}
.ui.menu .item > p:last-child {
    margin-bottom: 0;
}
.ui.menu .item > i.icon {
    opacity: 0.9;
    float: none;
    margin: 0em 0.35714286em 0em 0em;
}
.ui.menu:not(.vertical) .item > .button {
    position: relative;
    top: 0em;
    margin: -0.5em 0em;
    padding-bottom: 0.78571429em;
    padding-top: 0.78571429em;
    font-size: 1em;
}

.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    color: var(--color-tabmenu-text-hover);
}
.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
    background: rgba(0, 0, 0, 0.03);
    color: var(--color-tabmenu-text-hover);
}
.ui.menu .active.item {
    background: rgba(0, 0, 0, 0.05);
    color: var(--color-tabmenu-text-hover);
    font-weight: normal;
    box-shadow: none;
}
.ui.menu .active.item > i.icon {
    opacity: 1;
}
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--color-tabmenu-text-hover);
}
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
    cursor: default;
    background-color: transparent !important;
    color: rgba(40, 40, 40, 0.3);
}
.ui.vertical.menu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--color-leftmenu-bg);
    box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui.vertical.menu .item {
    display: block;
    background: none;
    border-top: none;
    border-right: none;
}
.ui.vertical.menu > .item:first-child {
    border-radius: 0.28571429rem 0.28571429rem 0px 0px;
}
.ui.vertical.menu > .item:last-child {
    border-radius: 0px 0px 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu .item > i.icon {
    width: 1.18em;
    float: right;
    margin: 0em 0em 0em 0.5em;
}
.ui.vertical.menu .item:before {
    position: absolute;
    content: '';
    top: 0%;
    left: 0px;
    width: 100%;
    height: 1px;
    background: rgba(34, 36, 38, 0.1);
}
.ui.vertical.menu .item:first-child:before {
    display: none !important;
}
.ui.vertical.menu .active.item {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0em;
    box-shadow: none;
}
.ui.vertical.menu > .active.item:first-child {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.vertical.menu > .active.item:last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu > .active.item:only-child {
    border-radius: 0.28571429rem;
}


.ui.tabular.menu {
    border-radius: 0em;
    box-shadow: none !important;
    border: none;
    background: none transparent;
    border-bottom: 1px solid var(--color-table-border);
}
.ui.tabular.fluid.menu {
    width: calc(100% +  2px ) !important;
}
.ui.tabular.menu .item {
    background: transparent;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    padding: 0.92857143em 1.42857143em;
    color: var(--color-dropdown-text);
}
.ui.tabular.menu .item:before {
    display: none;
}
.ui.tabular.menu .item:hover {
    background-color: transparent;
    color: var(--color-tabmenu-text-hover);
}
.ui.tabular.menu .active.item {
    background: none var(--color-checkbox-bg);
    color: var(--color-tabmenu-text-hover);
    border-top-width: 1px;
    border-color: var(--color-table-border);
    font-weight: bold;
    margin-bottom: -1px;
    box-shadow: none;
    border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;
}

.ui.vertical.tabular.menu {
    background: none transparent;
    border-radius: 0em;
    box-shadow: none !important;
    border-bottom: none;
    border-right: 1px solid #D4D4D5;
}
.ui.vertical.tabular.menu .item {
    background: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: none;
}
.ui.vertical.tabular.menu .active.item {
    background: none #FFFFFF;
    color: rgba(0, 0, 0, 0.95);
    border-color: #D4D4D5;
    margin: 0px -1px 0px 0px;
    border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
}

.ui.secondary.menu {
    background: none;
    margin-left: -0.35714286em;
    margin-right: -0.35714286em;
    border-radius: 0em;
    border: none;
    box-shadow: none;
}
.ui.secondary.menu .item {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    box-shadow: none;
    border: none;
    padding: 0.78571429em 0.92857143em;
    margin: 0em 0.35714286em;
    background: none;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    border-radius: 0.28571429rem;
}
.ui.secondary.menu .item:before {
    display: none !important;
}

.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
    background: var(--color-tabmenu-secondary-bg-hover);
    color: var(--color-input-text-hover);
}
.ui.secondary.menu .active.item {
    box-shadow: none;
    background: var(--color-tabmenu-secondary-bg-hover);
    color: var(--color-input-text-hover);
    border-radius: 0.28571429rem;
}
.ui.secondary.menu .active.item:hover {
    box-shadow: none;
    background: var(--color-tabmenu-secondary-bg-hover);
    color: var(--color-input-text-hover);
}

.ui.menu.fluid,
.ui.vertical.menu.fluid {
    width: 100% !important;
}
/* #endregion */