.ui.list > .item{

    padding-bottom:15px;
}




@media only screen and (max-width:768px) {
    div#slider{
        overflow: hidden;
        padding: 0px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        margin-top: 0px;
    }
}

@media only screen and (min-width:767px) {
    div#slider {
        overflow: hidden;
        padding: 0px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        margin-top: 15px;

    }
    .inline-field {
        display: block;
    }

        .inline-field div {
            display: block;
            margin-bottom: 5px;
            min-width: unset;
        }
}

            div#slider figure img {
                width: 20%;
                float: left;
            }

            div#slider figure {
                position: relative;
                width: 500%;
                margin: 0;
                left: 0;
                text-align: left;
                font-size: 0;
                animation: 30s slidy infinite;
            }
   

    @keyframes slidy {
        0% {
            left: 0%;
        }

        20% {
            left: 0%;
        }

        25% {
            left: -100%;
        }

        45% {
            left: -100%;
        }

        50% {
            left: -200%;
        }

        70% {
            left: -200%;
        }

        75% {
            left: -300%;
        }

        95% {
            left: -300%;
        }

        100% {
            left: 0%;
        }
    }



    @media only screen and (max-width:768px) {
        .footer-content {
            padding: 30px 30px;
            background: #2b2b2b;
            position: relative;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin-top: 30px;
            display: inline-block;
            -webkit-border-radius: 2px 2px 0 0;
            -moz-border-radius: 2px 2px 0 0;
            border-radius: 2px 2px 0 0;
            width: 100% !important;
            color:#fff;
        }

            .footer-content:after {
                display: none;
            }

            .footer-content:before {
                display: none;
            }
        .inline-field {
            display: block;
        }

            .inline-field label {
                display: block;
                margin-bottom: 5px;
                min-width: unset;
            }
    }


    body, body.pushable, body.pushable > .pusher {
        background: #fff url(/Images/DBN/bg.gif) !important;
    }

    a:hover {
        color: #bb8d48;
    }

.ftn {
    /*border-top: 4px solid #bb8d48 !important;*/
    padding: 2rem 0 !important;
    background: #bb8d48;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    min-width: 100%;
}

    .footer-content {
        padding: 30px 30px ;
        display: inline-block;
        width: 102.7%;
        color:#fff;
    }

        .footer-content:after {
            content: ' ';
            position: absolute;
            left: 1px;
            width: 0;
            height: 0;
            top: auto;
            bottom: -10px;
            border-width: 5px 7.5px;
           /* border-style: solid;
            border-color: #616161 #616161 transparent transparent;*/
        }

        .footer-content:before {
            content: ' ';
            position: absolute;
            right: 1px;
            width: 0;
            height: 0;
            top: auto;
            bottom: -10px;
            border-width: 5px 7.5px;
           /* border-style: solid;
            border-color: #616161 transparent transparent #616161;*/
        }
    /*mMobile*/

@media only screen and (max-width: 844px) {
    label {
        text-align: start;
        display: block;
        width: 100%;
        color: #8c8c8c !important; 
        font-family: Georgia;
        vertical-align: middle;
    }

    .dataTables_length label,
    .dataTables_filter label {
        display: inline-block;
        vertical-align: middle;
        align-items: center;
        gap: 6px; /* space between label text and input/select */
    }

    .dataTables_length select,
    .dataTables_filter input[type="search"] {
        -webkit-appearance: none; /* remove iOS default UI quirks */
        height: 32px;
        padding: 4px 8px;
        font-size: 14px;
        line-height: normal;
        vertical-align: middle;
    }
    .removeMargin {
        margin: 0 !important;
    }
    .regDesign {
        margin-right: 10px !important;
        padding-right: 10px !important;
        margin-left: 10px !important;
        padding-left: 10px !important;
    }

    #desktop-header {
        display: none;
    }

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

    #mobile-header {
        background: #fff;
    }

    #desk-calc-card {
        display: none;
    }

    #desktop-withdrawal {
        display: none;
    }

    /*#table-open_wrapper{
            display:block;
        }*/

    #table-open_wrapper.dataTables_wrapper.dt-semanticUI.no-footer {
        display: block !important;
    }


    #balances-details-desktop_wrapper {
        display: none;
    }

    #desk-step-content {
        display: none
    }

    #desktop-statements {
        display: none;
    }

    #desk-steps i {
        font-size: 2em;
    }

    #desktop-message-bar {
        display: none;
    }

    #foot-address-div {
        display: none;
    }

    #footer-social-btn {
        font-size: 12px;
    }

    #table-open {
        display: block !important;
    }

    #table-open_wrapper {
        display: none;
    }

    #table-closed_wrapper {
        display: none;
    }

    #message-desktop-div-card {
        width: 90%;
        margin: auto;
    }
    .ui.grid > .column {
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px;
    }

    .profile-icon {
        max-width: 120px;
        height: 120px;
    }

    .icon-container {
        margin-top: 5px;
    }


    .profile-dropdown {
        position: relative;
        text-align: center;
        background-color: #F4E9DD !important;
    }

    .profile-icon {
        max-width: 120px;
        height: 120px;
    }

    .icon-container {
        margin-top: 5px;
    }

    /*.menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 10;
        min-width: 300px;
        background-color: #bb8d48;
        border-radius: 12px;
        overflow: hidden;
        padding: 8px 0;
        color: #fff;
        text-align: left;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    }

    /* When the checkbox is checked, show the menu */
    /*.dropdown-checkbox:checked + .dropdown-trigger + .menu {
        display: block;
    }*/

    /*.menu .item {
        display: block;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
    }

        .menu .item:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }*/

    #ibdemo-header_dash {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
        
    }

        #ibdemo-header_dash .logo-column,
        #ibdemo-header_dash .header-text-column,
        #ibdemo-header_dash .header-bell-column {
            justify-content: center !important;
            margin: 5px 0;
        }

        #ibdemo-header_dash h1 {
            font-size: 1.8em !important;
        }

   /* #img-logo {
        max-width: 150px !important;
        margin-right: 0 !important;
    }*/
    .mbcontainer
    {
        margin-right:10px !important;
    }
}
@media only screen and (max-width:1000px) {
    #table-open {
        display: block !important;
    }

    #table-open_wrapper.dataTables_wrapper.dt-semanticUI.no-footer {
        display: block !important;
    }
}

@media only screen and (max-width:2000px) {
    .ui.modal {
        width: 45% !important;
        margin-left: -250px !important;
    }
}

@media only screen and (max-width:765px) {
    .ui.modal {
        width: 45% !important;
        margin-left: -90px !important;
    }
}



@media only screen and (max-width:625px) {
    .containers {
        margin-left: 110px !important;
        width: 250px !important;
    }
    .darker {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width:450px) {
    .containers {
        margin-left: 120px !important;
        width: 200px !important;
    }
    .darker {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width:400px) {
    .containers {
        margin-left: 80px !important;
        width: 200px !important;
    }

    .darker {
        margin-left: 0px !important;
    }
}


    /*Desktop*/
    @media only screen and (min-width: 700px) {
        label {
            color: #8c8c8c !important; /* Light black with override */
            font-family: Georgia;
        }
        #mobile-header {
            display: none;
        }

        #balances-details-mobile_wrapper {
            display: none;
        }

        #mobile-statements {
            display: none;
        }

        #mobile-withdrawal {
            display: none;
        }

        #mob-message-bar {
            display: none;
        }

        #table-open-mob_wrapper {
            display: none;
        }

        #table-closed-mob_wrapper {
            display: none;
        }

        #mob-calc-card {
            display: none;
        }
        .profile-dropdown {
            background-color: #F4E9DD !important
        }
        .dashhead
        {
            width:50px !important;
        }
    }


    #main {
    }

#app {
    padding: 2rem;
    min-height: 509px;
    /*width: 1155px !important;*/
    width: 100% !important;
    background: #fff;
}


#ibdemo-header {
    padding: 1rem 0;
    background: #F4E9DD !important;
    background-position: center;
}

    nav {
        background-color: transparent;
    }

        nav .ui.inverted.menu {
            background-color: #bb8d48;
            border-bottom: 4px solid #bb8d48 !important;
        }

            nav .ui.inverted.menu .item {
                font-size: 1.1em;
                border-radius: 0;
            }

    #hero {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("hero.jpg");
        height: 700px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    #hero-text {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        #hero-text h1 {
            font-size: 3em;
        }

        #hero-text .sub.header {
            margin-top: 1rem;
            font-size: 0.6em;
        }

        #hero-text a {
            margin-top: 1rem;
        }

    .ui.vertical.stripe {
        padding: 6em 0em;
    }

        .ui.vertical.stripe.inverted.green {
            background-color: #00815D !important;
            border-top: 0;
        }

        .ui.vertical.stripe.gradient {
            background: rgb(242,245,246); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
        }

        .ui.vertical.stripe h3 {
            font-size: 2em;
        }

        .ui.vertical.stripe .button + h3,
        .ui.vertical.stripe p + h3 {
            margin-top: 3em;
        }

        .ui.vertical.stripe .floated.image {
            clear: both;
        }

        .ui.vertical.stripe p {
            font-size: 1.33em;
        }

        .ui.vertical.stripe .medium.image {
            padding: 1rem 0;
        }

        .ui.vertical.stripe .rounded.image {
            border-radius: 1.5em;
        }

    .quote.stripe.segment {
        padding: 0em;
    }

        .quote.stripe.segment .grid .column {
            padding-top: 5em;
            padding-bottom: 5em;
        }

        .quote.stripe.segment .avatar.image {
            width: 4em;
            height: 4em;
        }

    footer {
        margin: 0 !important;
        border-radius: 0 !important;
        /*border-bottom: 4px solid #bb8d48 !important;*/
    }

        footer a {
            color: white;
        }

            footer a:hover {
                color: #c7a147 !important;
            }

    #footer-cright {
        margin-top: 0.5em;
    }

#banner {
    background-color: #bb8d48 !important;
    border-bottom: 4px solid #bb8d48 !important;
    width: 100%;
}

        #banner a {
            color: #e5e5e5;
        }

            #banner a:hover {
                color: #FFF;
            }


    .ui.green.button, #sendbtnmsg {
        background: #bb8d48 !important;
        border-bottom: 2px solid #0000004d;
    }

        .ui.green.button:active, .ui.green.button:focus, .ui.button:active, .ui.button:focus, sendbtnmsg:active, #sendbtnmsg:focus {
            color: #fff !important;
            background-color: #8C6E4C !important;
        }

        .ui.green.button:hover, .ui.button:hover, #sendbtnmsg:hover {
            color: #fff !important;
            background-color: #8C6E4C !important;
            border: 1px solid #bb8d48;
        }



    .ui.green.label {
        background-color: #bb8d48 !important;
    }

    #details-segment {
        padding: 1.5em 0.5em 1.5em 0.5em;
    }

    #head-desk-err {
        padding: 0.5em;
        width: 176px;
        float: right;
        font-size: 13px;
    }

#side-bar {
    border-radius: 0;
    background-color: #bb8d48;
    margin-bottom: 0;
    border-bottom: 4px solid #bb8d48;
    border-top-width: 0px;
    border-left-width: 0px;
}

    #form-login .three.fields {
        margin-bottom: 0.25em;
    }

    .ui.steps .step.active .title {
        color: #bb8d48;
    }
    /* Calculator */
    #calculator-header {
        background-color: white;
        padding: 2rem 5rem 2rem 4rem;
    }

        #calculator-header.header-alt {
            background-color: #bb8d48;
        }

        #calculator-header .category-button {
            position: relative;
            padding: 1rem;
            margin: auto;
            text-align: center;
            max-width: 200px;
            max-height: 250px;
            background-color: #cacbcd;
            border: 4px solid #bb8d48;
            border-radius: 8px;
            margin-bottom: 0.75rem;
            cursor: pointer;          
            justify-content: center; /* Centers horizontally */
            align-items: center; /* Centers vertically */
        }


            #calculator-header .category-button:hover {
                background-color: #ffffff;
                border-color: #bb8d48;
                transition: background-color .6s ease-out, border-color .6s ease-out;
            }

            #calculator-header .category-button.button-alt {
                background-color: #cacbcd;
                border: 4px solid #009dad;
            }

                #calculator-header .category-button.button-alt:hover {
                    background-color: #ffffff;
                    border-color: #009dad;
                }

            #calculator-header .category-button.active {
                background-color: #cacbcd;
            }

            #calculator-header .category-button.button-alt.active:hover {
                background-color: #ffffff;
            }

        #calculator-header .category-text.text-alt {
            color: #000;
        }

#calculator-body {
    padding: 56px 0 56px 0;
    /*border-left: 4px solid #C5E8EC;
    border-right: 4px solid #C5E8EC;
    border-bottom: 4px solid #C5E8EC;*/
    background-color: #bb8d48;
    font-family: 'geo-lite', sans-serif !important;
}

        #calculator-body h4 {
            font-weight: 100;
            font-size: 1.1em;
            color: #fff;
        }

        #calculator-body .borrow-label {
            font-weight: lighter;
            font-size: 2em;
            color: #fff;
        }

        #calculator-body .borrow-value {
            font-size: 2em;
            font-weight: bolder;
            color: #fff;
        }

        #calculator-body .range-container {
            padding-left: 5rem;
            padding-right: 5rem;
        }

    #calculator-sidebar {
        padding: 0 1rem 1rem 1rem;
    }

        #calculator-sidebar .sidebar-item {
            border: 4px solid #4ca68d;
            border-radius: 8px;
            margin-bottom: 1rem;
        }

            #calculator-sidebar .sidebar-item .header {
                text-align: center;
                background-color: #4ca68d;
                color: #e5f2ee;
                font-family: 'geo-lite', sans-serif !important;
                font-size: 1.1em;
                padding: 0.5rem;
            }

            #calculator-sidebar .sidebar-item .content {
                padding: 1rem 0;
                text-align: center;
                color: #00674a;
                font-weight: bolder;
                font-family: 'geo-lite', sans-serif !important;
                font-size: 1.6em;
            }

        #calculator-sidebar .sidebar-button {
            margin-bottom: 1rem;
            border-radius: 8px !important;
            background-color: #128E96;
            color: #fff;
            font-weight: normal;
            font-family: 'geo-lite', sans-serif !important;
            font-size: 1.2em;
        }

            #calculator-sidebar .sidebar-button:last-child {
                margin-bottom: 0;
            }

            #calculator-sidebar .sidebar-button:hover {
                background-color: #16aab6;
            }

            #calculator-sidebar .sidebar-button.sidebar-button-secondary {
                background-color: #5bb0b7 !important;
            }

                #calculator-sidebar .sidebar-button.sidebar-button-secondary:hover {
                    background-color: #6EB8BF !important;
                }


        #calculator-sidebar .ui.label {
            background: #00815d;
            color: #e5f2ee;
        }

        #calculator-sidebar label {
            color: #00815d;
        }

        #calculator-sidebar input {
            border-color: #00815d;
            color: #00674a;
        }

        #calculator-sidebar p {
            color: #00815d;
        }


    .ui.range .inner .track-fill {
        background-color: #ffad00 !important;
    }

    .ui.range .inner .track {
        background-color: rgba(0,0,0,.15) !important;
    }

    .ui.range .inner .thumb {
        background-color: #D3D3D3 !important;
    }

        .ui.range .inner .thumb:hover, .ui.range .inner .thumb:active {
            background-color: #ffffff !important;
        }

    #calculator-header .category-text {
        text-align: center;
        color: #00674a;
        font-weight: 400;
        font-family: 'geo-lite', sans-serif !important;
        font-size: 18px;
    }

    .ui.divider {
        width: 95%;
        margin: auto;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    #thread-cancel-btn {
        border-radius: .28571429rem 0 0 .28571429rem;
    }

    #thread-input-body {
        border-radius: 0;
    }

    .ui.bottom.attached.segment {
        background-color: #f7f7f7
    }

#footer-social-btn:hover {
    background: #bb8d48 !important;
    color: #1b1c1d
}

    #table-open-mob_filter input {
        max-width: 160px;
    }

    #LoanCalculator .ui.form {
        margin-top: 1em;
    }

    #desk-calc-card .ui.message, #mob-calc-card .ui.message {
        border: 1px solid #c7c8c8;
    }

    #LoanCalculator #calculator-body {
        border: 1px solid #00674a;
        border-radius: .28571429rem;
    }

    #LoanCalculator .value {
        color: #000;
    }

    #mob-calc-card .value {
        font-size: 17px !important;
    }

    #mob-calc-card .ui.green.label {
        font-size: 11px !important;
    }

    #mob-calc-card .statistic {
        padding: 0;
    }

    #mob-calc-card .ui.message {
        padding: 1em 0.8em !important;
    }

    /*Placeholder not uppercase*/
    ::-webkit-input-placeholder {
        text-transform: initial;
    }

    :-moz-placeholder {
        text-transform: initial;
    }

    ::-moz-placeholder {
        text-transform: initial;
    }

    :-ms-input-placeholder {
        text-transform: initial;
    }

.ui.form select:focus {
    outline-color: #bb8d48;
}


    .ui.button {
        cursor: pointer;
        display: inline-block;
        min-height: 1em;
        outline: 0;
        border: none;
        vertical-align: baseline;
        background: #bb8d48;
        color: #fff;
        font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
        margin: 0 .25em 0 0;
        padding: .78571429em 1.5em .78571429em;
        text-transform: none;
        text-shadow: none;
        font-weight: 700;
        line-height: 1em;
        font-style: normal;
        text-align: center;
        text-decoration: none;
        border-radius: .28571429rem;
        box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
        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;
        border-bottom: 2px solid #0000004d;
    }

        .ui.button:hover {
            background-color: #cacbcd;
            background-image: none;
            box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
            color: rgba(0,0,0,.8)
        }

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

        .ui.button:focus {
            background-color: #cacbcd;
            color: rgba(0,0,0,.8);
            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: rgba(0,0,0,.9);
            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: rgba(0,0,0,.95)
    }

        .ui.active.button:hover {
            background-color: #c0c1c2;
            background-image: none;
            color: rgba(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 .1s ease;
        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 {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

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

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

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

    .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: rgba(34,36,38,.5)
    }

    .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 {
            -webkit-transition: right .3s ease 0s;
            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 {
        -webkit-transition: top .3s ease,-webkit-transform .3s ease;
        transition: top .3s ease,-webkit-transform .3s ease;
        transition: top .3s ease,transform .3s ease;
        transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease
    }

    .ui.vertical.animated.button .visible.content {
        -webkit-transform: translateY(0);
        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 {
        -webkit-transform: translateY(200%);
        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 {
        -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
        transition: opacity .3s ease,-webkit-transform .3s ease;
        transition: opacity .3s ease,transform .3s ease;
        transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
    }

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

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

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

    .ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content {
        left: 0;
        right: auto;
        opacity: 1;
        -webkit-transform: scale(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 0
    }

        .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: rgba(0,0,0,.8)
    }

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

        .ui.inverted.button.active:focus {
            background: #dcddde;
            box-shadow: 0 0 0 2px #dcddde inset !important;
            color: rgba(0,0,0,.8)
        }

    .ui.labeled.button:not(.icon) {
        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;
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 0 -1px !important;
        padding: '';
        font-size: 1em;
        border-color: rgba(34,36,38,.15)
    }

    .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 0 0 rgba(34,36,38,.15) 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 0 0 rgba(34,36,38,.15) 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 0 0 rgba(34,36,38,.15) 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: #cc181e;
        color: #fff;
        text-shadow: none;
        background-image: none;
        box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
    }

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

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

    .ui.instagram.button {
        background-color: #49769c;
        color: #fff;
        text-shadow: none;
        background-image: none;
        box-shadow: 0 0 0 0 rgba(34,36,38,.15) 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 0 0 rgba(34,36,38,.15) 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 0 0 rgba(34,36,38,.15) 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;
        -webkit-transition: opacity .1s ease;
        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 .58928571em
    }

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

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

    .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 .78571429em .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: 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.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: rgba(0,0,0,.8) !important;
                box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset
            }

            .ui.basic.button:focus, .ui.basic.buttons .button:focus {
                background: #fff !important;
                color: rgba(0,0,0,.8) !important;
                box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset
            }

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

        .ui.basic.active.button, .ui.basic.buttons .active.button {
            background: rgba(0,0,0,.05) !important;
            box-shadow: '' !important;
            color: rgba(0,0,0,.95)
        }

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

        .ui.basic.buttons .button:hover {
            box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset
        }

        .ui.basic.buttons .button:active {
            box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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: rgba(255,255,255,.08) !important;
            color: #fff !important;
            box-shadow: 0 0 0 2px rgba(255,255,255,.9) inset !important
        }

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

        .ui.basic.inverted.active.button:hover, .ui.basic.inverted.buttons .active.button:hover {
            background-color: rgba(255,255,255,.15);
            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: absolute;
    /*padding-left: 4.07142857em !important;
    padding-right: 1.5em !important;*/
    text-align: center;
    width: 210px;
    float: left;
}

        .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: rgba(0,0,0,.05);
            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;
        -webkit-transform: translateY(-50%);
        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: rgba(0,0,0,.4);
            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 rgba(34,36,38,.15) !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: -webkit-box;
        display: -ms-flexbox;
        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 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 0
        }

    .ui[class*="left attached"].buttons {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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 0
        }

    .ui[class*="right attached"].buttons {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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 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: -webkit-box;
        display: -ms-flexbox;
        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 0 0 rgba(34,36,38,.15) 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 {
        background-color: #000
    }

    .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 rgba(255,255,255,.5) 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 {
        box-shadow: 0 0 0 2px #000 inset !important;
        color: #fff !important
    }

    .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 0 0 rgba(34,36,38,.15) 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: rgba(0,0,0,.6)
        }

        .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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 ;
    border-radius: 20px !important;
}

.ui.green.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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: rgba(0,0,0,.6)
        }

        .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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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: rgba(0,0,0,.6)
        }

        .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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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: rgba(0,0,0,.6)
        }

        .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 rgba(255,255,255,.5) 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 0 0 rgba(34,36,38,.15) 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.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
        margin-left: -1px
    }

    .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 0 0 rgba(34,36,38,.15) 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.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
        margin-left: -1px
    }

    .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 0 0 rgba(34,36,38,.15) 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.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
        margin-left: -1px
    }

    .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 0 0 rgba(34,36,38,.15) 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: -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: 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 {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            margin: 0;
            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 0 0 rgba(34,36,38,.15) 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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        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
            }


    @font-face {
        font-family: Icons;
        src: url(themes/default/assets/fonts/icons.eot);
        src: url(themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'),url(themes/default/assets/fonts/icons.woff2) format('woff2'),url(themes/default/assets/fonts/icons.woff) format('woff'),url(themes/default/assets/fonts/icons.ttf) format('truetype'),url(themes/default/assets/fonts/icons.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 {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes icon-loading {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    i.icon.hover {
        opacity: 1 !important
    }

    i.icon.active {
        opacity: 1 !important
    }

    i.emphasized.icon {
        opacity: 1 !important
    }

    i.disabled.icon {
        opacity: .45 !important
    }

    i.fitted.icon {
        width: auto;
        margin: 0
    }

    i.link.icon, i.link.icons {
        cursor: pointer;
        opacity: .8;
        -webkit-transition: opacity .1s ease;
        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 .5em !important;
        box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
        width: 2em !important;
        height: 2em !important
    }

    i.circular.inverted.icon {
        border: none;
        box-shadow: none
    }

    i.flipped.icon, i.horizontally.flipped.icon {
        -webkit-transform: scale(-1,1);
        transform: scale(-1,1)
    }

    i.vertically.flipped.icon {
        -webkit-transform: scale(1,-1);
        transform: scale(1,-1)
    }

    i.clockwise.rotated.icon, i.right.rotated.icon, i.rotated.icon {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    i.counterclockwise.rotated.icon, i.left.rotated.icon {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    i.bordered.icon {
        line-height: 1;
        vertical-align: baseline;
        width: 2em;
        height: 2em;
        padding: .5em .41em !important;
        box-shadow: 0 0 0 .1em rgba(0,0,0,.1) 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: #bb8d48 !important
    }

    i.inverted.green.icon {
        color: #bb8d48 !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: #bb8d48 !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%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            margin: 0;
            margin: 0
        }

            i.icons .icon:first-child {
                position: static;
                width: auto;
                height: auto;
                vertical-align: top;
                -webkit-transform: none;
                transform: none;
                margin-right: .25rem
            }

        i.icons .corner.icon {
            top: auto;
            left: auto;
            right: 0;
            bottom: 0;
            -webkit-transform: none;
            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.search:before {
        content: "\f002"
    }

    i.icon.mail.outline:before {
        content: "\f003"
    }

    i.icon.signal:before {
        content: "\f012"
    }

    i.icon.setting:before {
        content: "\f013"
    }

    i.icon.home:before {
        content: "\f015"
    }

    i.icon.inbox:before {
        content: "\f01c"
    }

    i.icon.browser:before {
        content: "\f022"
    }

    i.icon.tag:before {
        content: "\f02b"
    }

    i.icon.tags:before {
        content: "\f02c"
    }

    i.icon.image:before {
        content: "\f03e"
    }

    i.icon.calendar:before {
        content: "\f073"
    }

    i.icon.comment:before {
        content: "\f075"
    }

    i.icon.shop:before {
        content: "\f07a"
    }

    i.icon.comments:before {
        content: "\f086"
    }

    i.icon.external:before {
        content: "\f08e"
    }

    i.icon.privacy:before {
        content: "\f084"
    }

    i.icon.settings:before {
        content: "\f085"
    }

    i.icon.comments:before {
        content: "\f086"
    }

    i.icon.external:before {
        content: "\f08e"
    }

    i.icon.trophy:before {
        content: "\f091"
    }

    i.icon.payment:before {
        content: "\f09d"
    }

    i.icon.feed:before {
        content: "\f09e"
    }

    i.icon.alarm.outline:before {
        content: "\f0a2"
    }

    i.icon.tasks:before {
        content: "\f0ae"
    }

    i.icon.cloud:before {
        content: "\f0c2"
    }

    i.icon.lab:before {
        content: "\f0c3"
    }

    i.icon.mail:before {
        content: "\f0e0"
    }

    i.icon.dashboard:before {
        content: "\f0e4"
    }

    i.icon.comment.outline:before {
        content: "\f0e5"
    }

    i.icon.comments.outline:before {
        content: "\f0e6"
    }

    i.icon.sitemap:before {
        content: "\f0e8"
    }

    i.icon.idea:before {
        content: "\f0eb"
    }

    i.icon.alarm:before {
        content: "\f0f3"
    }

    i.icon.terminal:before {
        content: "\f120"
    }

    i.icon.code:before {
        content: "\f121"
    }

    i.icon.protect:before {
        content: "\f132"
    }

    i.icon.calendar.outline:before {
        content: "\f133"
    }

    i.icon.ticket:before {
        content: "\f145"
    }

    i.icon.external.square:before {
        content: "\f14c"
    }

    i.icon.bug:before {
        content: "\f188"
    }

    i.icon.mail.square:before {
        content: "\f199"
    }

    i.icon.history:before {
        content: "\f1da"
    }

    i.icon.options:before {
        content: "\f1de"
    }

    i.icon.text.telephone:before {
        content: "\f1e4"
    }

    i.icon.find:before {
        content: "\f1e5"
    }

    i.icon.alarm.mute:before {
        content: "\f1f6"
    }

    i.icon.alarm.mute.outline:before {
        content: "\f1f7"
    }

    i.icon.copyright:before {
        content: "\f1f9"
    }

    i.icon.at:before {
        content: "\f1fa"
    }

    i.icon.eyedropper:before {
        content: "\f1fb"
    }

    i.icon.paint.brush:before {
        content: "\f1fc"
    }

    i.icon.heartbeat:before {
        content: "\f21e"
    }

    i.icon.mouse.pointer:before {
        content: "\f245"
    }

    i.icon.hourglass.empty:before {
        content: "\f250"
    }

    i.icon.hourglass.start:before {
        content: "\f251"
    }

    i.icon.hourglass.half:before {
        content: "\f252"
    }

    i.icon.hourglass.end:before {
        content: "\f253"
    }

    i.icon.hourglass.full:before {
        content: "\f254"
    }

    i.icon.hand.pointer:before {
        content: "\f25a"
    }

    i.icon.trademark:before {
        content: "\f25c"
    }

    i.icon.registered:before {
        content: "\f25d"
    }

    i.icon.creative.commons:before {
        content: "\f25e"
    }

    i.icon.add.to.calendar:before {
        content: "\f271"
    }

    i.icon.remove.from.calendar:before {
        content: "\f272"
    }

    i.icon.delete.calendar:before {
        content: "\f273"
    }

    i.icon.checked.calendar:before {
        content: "\f274"
    }

    i.icon.industry:before {
        content: "\f275"
    }

    i.icon.shopping.bag:before {
        content: "\f290"
    }

    i.icon.shopping.basket:before {
        content: "\f291"
    }

    i.icon.hashtag:before {
        content: "\f292"
    }

    i.icon.percent:before {
        content: "\f295"
    }

    i.icon.handshake:before {
        content: "\f2b5"
    }

    i.icon.open.envelope:before {
        content: "\f2b6"
    }

    i.icon.open.envelope.outline:before {
        content: "\f2b7"
    }

    i.icon.address.book:before {
        content: "\f2b9"
    }

    i.icon.address.book.outline:before {
        content: "\f2ba"
    }

    i.icon.address.card:before {
        content: "\f2bb"
    }

    i.icon.address.card.outline:before {
        content: "\f2bc"
    }

    i.icon.id.badge:before {
        content: "\f2c1"
    }

    i.icon.id.card:before {
        content: "\f2c2"
    }

    i.icon.id.card.outline:before {
        content: "\f2c3"
    }

    i.icon.podcast:before {
        content: "\f2ce"
    }

    i.icon.window.maximize:before {
        content: "\f2d0"
    }

    i.icon.window.minimize:before {
        content: "\f2d1"
    }

    i.icon.window.restore:before {
        content: "\f2d2"
    }

    i.icon.window.close:before {
        content: "\f2d3"
    }

    i.icon.window.close.outline:before {
        content: "\f2d4"
    }

    i.icon.wait:before {
        content: "\f017"
    }

    i.icon.download:before {
        content: "\f019"
    }

    i.icon.repeat:before {
        content: "\f01e"
    }

    i.icon.refresh:before {
        content: "\f021"
    }

    i.icon.lock:before {
        content: "\f023"
    }

    i.icon.bookmark:before {
        content: "\f02e"
    }

    i.icon.print:before {
        content: "\f02f"
    }

    i.icon.write:before {
        content: "\f040"
    }

    i.icon.adjust:before {
        content: "\f042"
    }

    i.icon.theme:before {
        content: "\f043"
    }

    i.icon.edit:before {
        content: "\f044"
    }

    i.icon.external.share:before {
        content: "\f045"
    }

    i.icon.ban:before {
        content: "\f05e"
    }

    i.icon.mail.forward:before {
        content: "\f064"
    }

    i.icon.share:before {
        content: "\f064"
    }

    i.icon.expand:before {
        content: "\f065"
    }

    i.icon.compress:before {
        content: "\f066"
    }

    i.icon.unhide:before {
        content: "\f06e"
    }

    i.icon.hide:before {
        content: "\f070"
    }

    i.icon.random:before {
        content: "\f074"
    }

    i.icon.retweet:before {
        content: "\f079"
    }

    i.icon.sign.out:before {
        content: "\f08b"
    }

    i.icon.pin:before {
        content: "\f08d"
    }

    i.icon.sign.in:before {
        content: "\f090"
    }

    i.icon.upload:before {
        content: "\f093"
    }

    i.icon.call:before {
        content: "\f095"
    }

    i.icon.remove.bookmark:before {
        content: "\f097"
    }

    i.icon.call.square:before {
        content: "\f098"
    }

    i.icon.unlock:before {
        content: "\f09c"
    }

    i.icon.configure:before {
        content: "\f0ad"
    }

    i.icon.filter:before {
        content: "\f0b0"
    }

    i.icon.wizard:before {
        content: "\f0d0"
    }

    i.icon.undo:before {
        content: "\f0e2"
    }

    i.icon.exchange:before {
        content: "\f0ec"
    }

    i.icon.cloud.download:before {
        content: "\f0ed"
    }

    i.icon.cloud.upload:before {
        content: "\f0ee"
    }

    i.icon.reply:before {
        content: "\f112"
    }

    i.icon.reply.all:before {
        content: "\f122"
    }

    i.icon.erase:before {
        content: "\f12d"
    }

    i.icon.unlock.alternate:before {
        content: "\f13e"
    }

    i.icon.write.square:before {
        content: "\f14b"
    }

    i.icon.share.square:before {
        content: "\f14d"
    }

    i.icon.archive:before {
        content: "\f187"
    }

    i.icon.translate:before {
        content: "\f1ab"
    }

    i.icon.recycle:before {
        content: "\f1b8"
    }

    i.icon.send:before {
        content: "\f1d8"
    }

    i.icon.send.outline:before {
        content: "\f1d9"
    }

    i.icon.share.alternate:before {
        content: "\f1e0"
    }

    i.icon.share.alternate.square:before {
        content: "\f1e1"
    }

    i.icon.add.to.cart:before {
        content: "\f217"
    }

    i.icon.in.cart:before {
        content: "\f218"
    }

    i.icon.add.user:before {
        content: "\f234"
    }

    i.icon.remove.user:before {
        content: "\f235"
    }

    i.icon.object.group:before {
        content: "\f247"
    }

    i.icon.object.ungroup:before {
        content: "\f248"
    }

    i.icon.clone:before {
        content: "\f24d"
    }

    i.icon.talk:before {
        content: "\f27a"
    }

    i.icon.talk.outline:before {
        content: "\f27b"
    }

    i.icon.help.circle:before {
        content: "\f059"
    }

    i.icon.info.circle:before {
        content: "\f05a"
    }

    i.icon.warning.circle:before {
        content: "\f06a"
    }

    i.icon.warning.sign:before {
        content: "\f071"
    }

    i.icon.announcement:before {
        content: "\f0a1"
    }

    i.icon.help:before {
        content: "\f128"
    }

    i.icon.info:before {
        content: "\f129"
    }

    i.icon.warning:before {
        content: "\f12a"
    }

    i.icon.birthday:before {
        content: "\f1fd"
    }

    i.icon.help.circle.outline:before {
        content: "\f29c"
    }

    i.icon.user:before {
        content: "\f007"
    }

    i.icon.users:before {
        content: "\f0c0"
    }

    i.icon.doctor:before {
        content: "\f0f0"
    }

    i.icon.handicap:before {
        content: "\f193"
    }

    i.icon.student:before {
        content: "\f19d"
    }

    i.icon.child:before {
        content: "\f1ae"
    }

    i.icon.spy:before {
        content: "\f21b"
    }

    i.icon.user.circle:before {
        content: "\f2bd"
    }

    i.icon.user.circle.outline:before {
        content: "\f2be"
    }

    i.icon.user.outline:before {
        content: "\f2c0"
    }

    i.icon.female:before {
        content: "\f182"
    }

    i.icon.male:before {
        content: "\f183"
    }

    i.icon.woman:before {
        content: "\f221"
    }

    i.icon.man:before {
        content: "\f222"
    }

    i.icon.non.binary.transgender:before {
        content: "\f223"
    }

    i.icon.intergender:before {
        content: "\f224"
    }

    i.icon.transgender:before {
        content: "\f225"
    }

    i.icon.lesbian:before {
        content: "\f226"
    }

    i.icon.gay:before {
        content: "\f227"
    }

    i.icon.heterosexual:before {
        content: "\f228"
    }

    i.icon.other.gender:before {
        content: "\f229"
    }

    i.icon.other.gender.vertical:before {
        content: "\f22a"
    }

    i.icon.other.gender.horizontal:before {
        content: "\f22b"
    }

    i.icon.neuter:before {
        content: "\f22c"
    }

    i.icon.genderless:before {
        content: "\f22d"
    }

    i.icon.universal.access:before {
        content: "\f29a"
    }

    i.icon.wheelchair:before {
        content: "\f29b"
    }

    i.icon.blind:before {
        content: "\f29d"
    }

    i.icon.audio.description:before {
        content: "\f29e"
    }

    i.icon.volume.control.phone:before {
        content: "\f2a0"
    }

    i.icon.braille:before {
        content: "\f2a1"
    }

    i.icon.asl:before {
        content: "\f2a3"
    }

    i.icon.assistive.listening.systems:before {
        content: "\f2a2"
    }

    i.icon.deafness:before {
        content: "\f2a4"
    }

    i.icon.sign.language:before {
        content: "\f2a7"
    }

    i.icon.low.vision:before {
        content: "\f2a8"
    }

    i.icon.block.layout:before {
        content: "\f009"
    }

    i.icon.grid.layout:before {
        content: "\f00a"
    }

    i.icon.list.layout:before {
        content: "\f00b"
    }

    i.icon.zoom:before {
        content: "\f00e"
    }

    i.icon.zoom.out:before {
        content: "\f010"
    }

    i.icon.resize.vertical:before {
        content: "\f07d"
    }

    i.icon.resize.horizontal:before {
        content: "\f07e"
    }

    i.icon.maximize:before {
        content: "\f0b2"
    }

    i.icon.crop:before {
        content: "\f125"
    }

    i.icon.cocktail:before {
        content: "\f000"
    }

    i.icon.road:before {
        content: "\f018"
    }

    i.icon.flag:before {
        content: "\f024"
    }

    i.icon.book:before {
        content: "\f02d"
    }

    i.icon.gift:before {
        content: "\f06b"
    }

    i.icon.leaf:before {
        content: "\f06c"
    }

    i.icon.fire:before {
        content: "\f06d"
    }

    i.icon.plane:before {
        content: "\f072"
    }

    i.icon.magnet:before {
        content: "\f076"
    }

    i.icon.lemon:before {
        content: "\f094"
    }

    i.icon.world:before {
        content: "\f0ac"
    }

    i.icon.travel:before {
        content: "\f0b1"
    }

    i.icon.shipping:before {
        content: "\f0d1"
    }

    i.icon.money:before {
        content: "\f0d6"
    }

    i.icon.legal:before {
        content: "\f0e3"
    }

    i.icon.lightning:before {
        content: "\f0e7"
    }

    i.icon.umbrella:before {
        content: "\f0e9"
    }

    i.icon.treatment:before {
        content: "\f0f1"
    }

    i.icon.suitcase:before {
        content: "\f0f2"
    }

    i.icon.bar:before {
        content: "\f0fc"
    }

    i.icon.flag.outline:before {
        content: "\f11d"
    }

    i.icon.flag.checkered:before {
        content: "\f11e"
    }

    i.icon.puzzle:before {
        content: "\f12e"
    }

    i.icon.fire.extinguisher:before {
        content: "\f134"
    }

    i.icon.rocket:before {
        content: "\f135"
    }

    i.icon.anchor:before {
        content: "\f13d"
    }

    i.icon.bullseye:before {
        content: "\f140"
    }

    i.icon.sun:before {
        content: "\f185"
    }

    i.icon.moon:before {
        content: "\f186"
    }

    i.icon.fax:before {
        content: "\f1ac"
    }

    i.icon.life.ring:before {
        content: "\f1cd"
    }

    i.icon.bomb:before {
        content: "\f1e2"
    }

    i.icon.soccer:before {
        content: "\f1e3"
    }

    i.icon.calculator:before {
        content: "\f1ec"
    }

    i.icon.diamond:before {
        content: "\f219"
    }

    i.icon.sticky.note:before {
        content: "\f249"
    }

    i.icon.sticky.note.outline:before {
        content: "\f24a"
    }

    i.icon.law:before {
        content: "\f24e"
    }

    i.icon.hand.peace:before {
        content: "\f25b"
    }

    i.icon.hand.rock:before {
        content: "\f255"
    }

    i.icon.hand.paper:before {
        content: "\f256"
    }

    i.icon.hand.scissors:before {
        content: "\f257"
    }

    i.icon.hand.lizard:before {
        content: "\f258"
    }

    i.icon.hand.spock:before {
        content: "\f259"
    }

    i.icon.tv:before {
        content: "\f26c"
    }

    i.icon.thermometer.full:before {
        content: "\f2c7"
    }

    i.icon.thermometer.three.quarters:before {
        content: "\f2c8"
    }

    i.icon.thermometer.half:before {
        content: "\f2c9"
    }

    i.icon.thermometer.quarter:before {
        content: "\f2ca"
    }

    i.icon.thermometer.empty:before {
        content: "\f2cb"
    }

    i.icon.shower:before {
        content: "\f2cc"
    }

    i.icon.bathtub:before {
        content: "\f2cd"
    }

    i.icon.snowflake:before {
        content: "\f2dc"
    }

    i.icon.crosshairs:before {
        content: "\f05b"
    }

    i.icon.asterisk:before {
        content: "\f069"
    }

    i.icon.square.outline:before {
        content: "\f096"
    }

    i.icon.certificate:before {
        content: "\f0a3"
    }

    i.icon.square:before {
        content: "\f0c8"
    }

    i.icon.quote.left:before {
        content: "\f10d"
    }

    i.icon.quote.right:before {
        content: "\f10e"
    }

    i.icon.spinner:before {
        content: "\f110"
    }

    i.icon.circle:before {
        content: "\f111"
    }

    i.icon.ellipsis.horizontal:before {
        content: "\f141"
    }

    i.icon.ellipsis.vertical:before {
        content: "\f142"
    }

    i.icon.cube:before {
        content: "\f1b2"
    }

    i.icon.cubes:before {
        content: "\f1b3"
    }

    i.icon.circle.notched:before {
        content: "\f1ce"
    }

    i.icon.circle.thin:before {
        content: "\f1db"
    }

    i.icon.checkmark:before {
        content: "\f00c"
    }

    i.icon.remove:before {
        content: "\f00d"
    }

    i.icon.checkmark.box:before {
        content: "\f046"
    }

    i.icon.move:before {
        content: "\f047"
    }

    i.icon.add.circle:before {
        content: "\f055"
    }

    i.icon.minus.circle:before {
        content: "\f056"
    }

    i.icon.remove.circle:before {
        content: "\f057"
    }

    i.icon.check.circle:before {
        content: "\f058"
    }

    i.icon.remove.circle.outline:before {
        content: "\f05c"
    }

    i.icon.check.circle.outline:before {
        content: "\f05d"
    }

    i.icon.plus:before {
        content: "\f067"
    }

    i.icon.minus:before {
        content: "\f068"
    }

    i.icon.add.square:before {
        content: "\f0fe"
    }

    i.icon.radio:before {
        content: "\f10c"
    }

    i.icon.minus.square:before {
        content: "\f146"
    }

    i.icon.minus.square.outline:before {
        content: "\f147"
    }

    i.icon.check.square:before {
        content: "\f14a"
    }

    i.icon.selected.radio:before {
        content: "\f192"
    }

    i.icon.plus.square.outline:before {
        content: "\f196"
    }

    i.icon.toggle.off:before {
        content: "\f204"
    }

    i.icon.toggle.on:before {
        content: "\f205"
    }

    i.icon.film:before {
        content: "\f008"
    }

    i.icon.sound:before {
        content: "\f025"
    }

    i.icon.photo:before {
        content: "\f030"
    }

    i.icon.bar.chart:before {
        content: "\f080"
    }

    i.icon.camera.retro:before {
        content: "\f083"
    }

    i.icon.newspaper:before {
        content: "\f1ea"
    }

    i.icon.area.chart:before {
        content: "\f1fe"
    }

    i.icon.pie.chart:before {
        content: "\f200"
    }

    i.icon.line.chart:before {
        content: "\f201"
    }

    i.icon.arrow.circle.outline.down:before {
        content: "\f01a"
    }

    i.icon.arrow.circle.outline.up:before {
        content: "\f01b"
    }

    i.icon.chevron.left:before {
        content: "\f053"
    }

    i.icon.chevron.right:before {
        content: "\f054"
    }

    i.icon.arrow.left:before {
        content: "\f060"
    }

    i.icon.arrow.right:before {
        content: "\f061"
    }

    i.icon.arrow.up:before {
        content: "\f062"
    }

    i.icon.arrow.down:before {
        content: "\f063"
    }

    i.icon.chevron.up:before {
        content: "\f077"
    }

    i.icon.chevron.down:before {
        content: "\f078"
    }

    i.icon.pointing.right:before {
        content: "\f0a4"
    }

    i.icon.pointing.left:before {
        content: "\f0a5"
    }

    i.icon.pointing.up:before {
        content: "\f0a6"
    }

    i.icon.pointing.down:before {
        content: "\f0a7"
    }

    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.circle.down:before {
        content: "\f0ab"
    }

    i.icon.caret.down:before {
        content: "\f0d7"
    }

    i.icon.caret.up:before {
        content: "\f0d8"
    }

    i.icon.caret.left:before {
        content: "\f0d9"
    }

    i.icon.caret.right:before {
        content: "\f0da"
    }

    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.double.down:before {
        content: "\f103"
    }

    i.icon.angle.left:before {
        content: "\f104"
    }

    i.icon.angle.right:before {
        content: "\f105"
    }

    i.icon.angle.up:before {
        content: "\f106"
    }

    i.icon.angle.down:before {
        content: "\f107"
    }

    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.circle.down:before {
        content: "\f13a"
    }

    i.icon.toggle.down:before {
        content: "\f150"
    }

    i.icon.toggle.up:before {
        content: "\f151"
    }

    i.icon.toggle.right:before {
        content: "\f152"
    }

    i.icon.long.arrow.down:before {
        content: "\f175"
    }

    i.icon.long.arrow.up:before {
        content: "\f176"
    }

    i.icon.long.arrow.left:before {
        content: "\f177"
    }

    i.icon.long.arrow.right:before {
        content: "\f178"
    }

    i.icon.arrow.circle.outline.right:before {
        content: "\f18e"
    }

    i.icon.arrow.circle.outline.left:before {
        content: "\f190"
    }

    i.icon.toggle.left:before {
        content: "\f191"
    }

    i.icon.tablet:before {
        content: "\f10a"
    }

    i.icon.mobile:before {
        content: "\f10b"
    }

    i.icon.battery.full:before {
        content: "\f240"
    }

    i.icon.battery.high:before {
        content: "\f241"
    }

    i.icon.battery.medium:before {
        content: "\f242"
    }

    i.icon.battery.low:before {
        content: "\f243"
    }

    i.icon.battery.empty:before {
        content: "\f244"
    }

    i.icon.power:before {
        content: "\f011"
    }

    i.icon.trash.outline:before {
        content: "\f014"
    }

    i.icon.disk.outline:before {
        content: "\f0a0"
    }

    i.icon.desktop:before {
        content: "\f108"
    }

    i.icon.laptop:before {
        content: "\f109"
    }

    i.icon.game:before {
        content: "\f11b"
    }

    i.icon.keyboard:before {
        content: "\f11c"
    }

    i.icon.plug:before {
        content: "\f1e6"
    }

    i.icon.trash:before {
        content: "\f1f8"
    }

    i.icon.file.outline:before {
        content: "\f016"
    }

    i.icon.folder:before {
        content: "\f07b"
    }

    i.icon.folder.open:before {
        content: "\f07c"
    }

    i.icon.file.text.outline:before {
        content: "\f0f6"
    }

    i.icon.folder.outline:before {
        content: "\f114"
    }

    i.icon.folder.open.outline:before {
        content: "\f115"
    }

    i.icon.level.up:before {
        content: "\f148"
    }

    i.icon.level.down:before {
        content: "\f149"
    }

    i.icon.file:before {
        content: "\f15b"
    }

    i.icon.file.text:before {
        content: "\f15c"
    }

    i.icon.file.pdf.outline:before {
        content: "\f1c1"
    }

    i.icon.file.word.outline:before {
        content: "\f1c2"
    }

    i.icon.file.excel.outline:before {
        content: "\f1c3"
    }

    i.icon.file.powerpoint.outline:before {
        content: "\f1c4"
    }

    i.icon.file.image.outline:before {
        content: "\f1c5"
    }

    i.icon.file.archive.outline:before {
        content: "\f1c6"
    }

    i.icon.file.audio.outline:before {
        content: "\f1c7"
    }

    i.icon.file.video.outline:before {
        content: "\f1c8"
    }

    i.icon.file.code.outline:before {
        content: "\f1c9"
    }

    i.icon.qrcode:before {
        content: "\f029"
    }

    i.icon.barcode:before {
        content: "\f02a"
    }

    i.icon.rss:before {
        content: "\f09e"
    }

    i.icon.fork:before {
        content: "\f126"
    }

    i.icon.html5:before {
        content: "\f13b"
    }

    i.icon.css3:before {
        content: "\f13c"
    }

    i.icon.rss.square:before {
        content: "\f143"
    }

    i.icon.openid:before {
        content: "\f19b"
    }

    i.icon.database:before {
        content: "\f1c0"
    }

    i.icon.wifi:before {
        content: "\f1eb"
    }

    i.icon.server:before {
        content: "\f233"
    }

    i.icon.usb:before {
        content: "\f287"
    }

    i.icon.bluetooth:before {
        content: "\f293"
    }

    i.icon.bluetooth.alternative:before {
        content: "\f294"
    }

    i.icon.microchip:before {
        content: "\f2db"
    }

    i.icon.heart:before {
        content: "\f004"
    }

    i.icon.star:before {
        content: "\f005"
    }

    i.icon.empty.star:before {
        content: "\f006"
    }

    i.icon.thumbs.outline.up:before {
        content: "\f087"
    }

    i.icon.thumbs.outline.down:before {
        content: "\f088"
    }

    i.icon.star.half:before {
        content: "\f089"
    }

    i.icon.empty.heart:before {
        content: "\f08a"
    }

    i.icon.smile:before {
        content: "\f118"
    }

    i.icon.frown:before {
        content: "\f119"
    }

    i.icon.meh:before {
        content: "\f11a"
    }

    i.icon.star.half.empty:before {
        content: "\f123"
    }

    i.icon.thumbs.up:before {
        content: "\f164"
    }

    i.icon.thumbs.down:before {
        content: "\f165"
    }

    i.icon.music:before {
        content: "\f001"
    }

    i.icon.video.play.outline:before {
        content: "\f01d"
    }

    i.icon.volume.off:before {
        content: "\f026"
    }

    i.icon.volume.down:before {
        content: "\f027"
    }

    i.icon.volume.up:before {
        content: "\f028"
    }

    i.icon.record:before {
        content: "\f03d"
    }

    i.icon.step.backward:before {
        content: "\f048"
    }

    i.icon.fast.backward:before {
        content: "\f049"
    }

    i.icon.backward:before {
        content: "\f04a"
    }

    i.icon.play:before {
        content: "\f04b"
    }

    i.icon.pause:before {
        content: "\f04c"
    }

    i.icon.stop:before {
        content: "\f04d"
    }

    i.icon.forward:before {
        content: "\f04e"
    }

    i.icon.fast.forward:before {
        content: "\f050"
    }

    i.icon.step.forward:before {
        content: "\f051"
    }

    i.icon.eject:before {
        content: "\f052"
    }

    i.icon.unmute:before {
        content: "\f130"
    }

    i.icon.mute:before {
        content: "\f131"
    }

    i.icon.video.play:before {
        content: "\f144"
    }

    i.icon.closed.captioning:before {
        content: "\f20a"
    }

    i.icon.pause.circle:before {
        content: "\f28b"
    }

    i.icon.pause.circle.outline:before {
        content: "\f28c"
    }

    i.icon.stop.circle:before {
        content: "\f28d"
    }

    i.icon.stop.circle.outline:before {
        content: "\f28e"
    }

    i.icon.marker:before {
        content: "\f041"
    }

    i.icon.coffee:before {
        content: "\f0f4"
    }

    i.icon.food:before {
        content: "\f0f5"
    }

    i.icon.building.outline:before {
        content: "\f0f7"
    }

    i.icon.hospital:before {
        content: "\f0f8"
    }

    i.icon.emergency:before {
        content: "\f0f9"
    }

    i.icon.first.aid:before {
        content: "\f0fa"
    }

    i.icon.military:before {
        content: "\f0fb"
    }

    i.icon.h:before {
        content: "\f0fd"
    }

    i.icon.location.arrow:before {
        content: "\f124"
    }

    i.icon.compass:before {
        content: "\f14e"
    }

    i.icon.space.shuttle:before {
        content: "\f197"
    }

    i.icon.university:before {
        content: "\f19c"
    }

    i.icon.building:before {
        content: "\f1ad"
    }

    i.icon.paw:before {
        content: "\f1b0"
    }

    i.icon.spoon:before {
        content: "\f1b1"
    }

    i.icon.car:before {
        content: "\f1b9"
    }

    i.icon.taxi:before {
        content: "\f1ba"
    }

    i.icon.tree:before {
        content: "\f1bb"
    }

    i.icon.bicycle:before {
        content: "\f206"
    }

    i.icon.bus:before {
        content: "\f207"
    }

    i.icon.ship:before {
        content: "\f21a"
    }

    i.icon.motorcycle:before {
        content: "\f21c"
    }

    i.icon.street.view:before {
        content: "\f21d"
    }

    i.icon.hotel:before {
        content: "\f236"
    }

    i.icon.train:before {
        content: "\f238"
    }

    i.icon.subway:before {
        content: "\f239"
    }

    i.icon.map.pin:before {
        content: "\f276"
    }

    i.icon.map.signs:before {
        content: "\f277"
    }

    i.icon.map.outline:before {
        content: "\f278"
    }

    i.icon.map:before {
        content: "\f279"
    }

    i.icon.table:before {
        content: "\f0ce"
    }

    i.icon.columns:before {
        content: "\f0db"
    }

    i.icon.sort:before {
        content: "\f0dc"
    }

    i.icon.sort.descending:before {
        content: "\f0dd"
    }

    i.icon.sort.ascending:before {
        content: "\f0de"
    }

    i.icon.sort.alphabet.ascending:before {
        content: "\f15d"
    }

    i.icon.sort.alphabet.descending:before {
        content: "\f15e"
    }

    i.icon.sort.content.ascending:before {
        content: "\f160"
    }

    i.icon.sort.content.descending:before {
        content: "\f161"
    }

    i.icon.sort.numeric.ascending:before {
        content: "\f162"
    }

    i.icon.sort.numeric.descending:before {
        content: "\f163"
    }

    i.icon.font:before {
        content: "\f031"
    }

    i.icon.bold:before {
        content: "\f032"
    }

    i.icon.italic:before {
        content: "\f033"
    }

    i.icon.text.height:before {
        content: "\f034"
    }

    i.icon.text.width:before {
        content: "\f035"
    }

    i.icon.align.left:before {
        content: "\f036"
    }

    i.icon.align.center:before {
        content: "\f037"
    }

    i.icon.align.right:before {
        content: "\f038"
    }

    i.icon.align.justify:before {
        content: "\f039"
    }

    i.icon.list:before {
        content: "\f03a"
    }

    i.icon.outdent:before {
        content: "\f03b"
    }

    i.icon.indent:before {
        content: "\f03c"
    }

    i.icon.linkify:before {
        content: "\f0c1"
    }

    i.icon.cut:before {
        content: "\f0c4"
    }

    i.icon.copy:before {
        content: "\f0c5"
    }

    i.icon.attach:before {
        content: "\f0c6"
    }

    i.icon.save:before {
        content: "\f0c7"
    }

    i.icon.content:before {
        content: "\f0c9"
    }

    i.icon.unordered.list:before {
        content: "\f0ca"
    }

    i.icon.ordered.list:before {
        content: "\f0cb"
    }

    i.icon.strikethrough:before {
        content: "\f0cc"
    }

    i.icon.underline:before {
        content: "\f0cd"
    }

    i.icon.paste:before {
        content: "\f0ea"
    }

    i.icon.unlinkify:before {
        content: "\f127"
    }

    i.icon.superscript:before {
        content: "\f12b"
    }

    i.icon.subscript:before {
        content: "\f12c"
    }

    i.icon.header:before {
        content: "\f1dc"
    }

    i.icon.paragraph:before {
        content: "\f1dd"
    }

    i.icon.text.cursor:before {
        content: "\f246"
    }

    i.icon.euro:before {
        content: "\f153"
    }

    i.icon.pound:before {
        content: "\f154"
    }

    i.icon.dollar:before {
        content: "\f155"
    }

    i.icon.rupee:before {
        content: "\f156"
    }

    i.icon.yen:before {
        content: "\f157"
    }

    i.icon.ruble:before {
        content: "\f158"
    }

    i.icon.won:before {
        content: "\f159"
    }

    i.icon.bitcoin:before {
        content: "\f15a"
    }

    i.icon.lira:before {
        content: "\f195"
    }

    i.icon.shekel:before {
        content: "\f20b"
    }

    i.icon.paypal:before {
        content: "\f1ed"
    }

    i.icon.google.wallet:before {
        content: "\f1ee"
    }

    i.icon.visa:before {
        content: "\f1f0"
    }

    i.icon.mastercard:before {
        content: "\f1f1"
    }

    i.icon.discover:before {
        content: "\f1f2"
    }

    i.icon.american.express:before {
        content: "\f1f3"
    }

    i.icon.paypal.card:before {
        content: "\f1f4"
    }

    i.icon.stripe:before {
        content: "\f1f5"
    }

    i.icon.japan.credit.bureau:before {
        content: "\f24b"
    }

    i.icon.diners.club:before {
        content: "\f24c"
    }

    i.icon.credit.card.alternative:before {
        content: "\f283"
    }

    i.icon.twitter.square:before {
        content: "\f081"
    }

    i.icon.facebook.square:before {
        content: "\f082"
    }

    i.icon.linkedin.square:before {
        content: "\f08c"
    }

    i.icon.github.square:before {
        content: "\f092"
    }

    i.icon.twitter:before {
        content: "\f099"
    }

    i.icon.facebook.f:before {
        content: "\f09a"
    }

    i.icon.github:before {
        content: "\f09b"
    }

    i.icon.pinterest:before {
        content: "\f0d2"
    }

    i.icon.pinterest.square:before {
        content: "\f0d3"
    }

    i.icon.google.plus.square:before {
        content: "\f0d4"
    }

    i.icon.google.plus:before {
        content: "\f0d5"
    }

    i.icon.linkedin:before {
        content: "\f0e1"
    }

    i.icon.github.alternate:before {
        content: "\f113"
    }

    i.icon.maxcdn:before {
        content: "\f136"
    }

    i.icon.youtube.square:before {
        content: "\f166"
    }

    i.icon.youtube:before {
        content: "\f167"
    }

    i.icon.xing:before {
        content: "\f168"
    }

    i.icon.xing.square:before {
        content: "\f169"
    }

    i.icon.youtube.play:before {
        content: "\f16a"
    }

    i.icon.dropbox:before {
        content: "\f16b"
    }

    i.icon.stack.overflow:before {
        content: "\f16c"
    }

    i.icon.instagram:before {
        content: "\f16d"
    }

    i.icon.flickr:before {
        content: "\f16e"
    }

    i.icon.adn:before {
        content: "\f170"
    }

    i.icon.bitbucket:before {
        content: "\f171"
    }

    i.icon.bitbucket.square:before {
        content: "\f172"
    }

    i.icon.tumblr:before {
        content: "\f173"
    }

    i.icon.tumblr.square:before {
        content: "\f174"
    }

    i.icon.apple:before {
        content: "\f179"
    }

    i.icon.windows:before {
        content: "\f17a"
    }

    i.icon.android:before {
        content: "\f17b"
    }

    i.icon.linux:before {
        content: "\f17c"
    }

    i.icon.dribble:before {
        content: "\f17d"
    }

    i.icon.skype:before {
        content: "\f17e"
    }

    i.icon.foursquare:before {
        content: "\f180"
    }

    i.icon.trello:before {
        content: "\f181"
    }

    i.icon.gittip:before {
        content: "\f184"
    }

    i.icon.vk:before {
        content: "\f189"
    }

    i.icon.weibo:before {
        content: "\f18a"
    }

    i.icon.renren:before {
        content: "\f18b"
    }

    i.icon.pagelines:before {
        content: "\f18c"
    }

    i.icon.stack.exchange:before {
        content: "\f18d"
    }

    i.icon.vimeo.square:before {
        content: "\f194"
    }

    i.icon.slack:before {
        content: "\f198"
    }

    i.icon.wordpress:before {
        content: "\f19a"
    }

    i.icon.yahoo:before {
        content: "\f19e"
    }

    i.icon.google:before {
        content: "\f1a0"
    }

    i.icon.reddit:before {
        content: "\f1a1"
    }

    i.icon.reddit.square:before {
        content: "\f1a2"
    }

    i.icon.stumbleupon.circle:before {
        content: "\f1a3"
    }

    i.icon.stumbleupon:before {
        content: "\f1a4"
    }

    i.icon.delicious:before {
        content: "\f1a5"
    }

    i.icon.digg:before {
        content: "\f1a6"
    }

    i.icon.pied.piper:before {
        content: "\f1a7"
    }

    i.icon.pied.piper.alternate:before {
        content: "\f1a8"
    }

    i.icon.drupal:before {
        content: "\f1a9"
    }

    i.icon.joomla:before {
        content: "\f1aa"
    }

    i.icon.behance:before {
        content: "\f1b4"
    }

    i.icon.behance.square:before {
        content: "\f1b5"
    }

    i.icon.steam:before {
        content: "\f1b6"
    }

    i.icon.steam.square:before {
        content: "\f1b7"
    }

    i.icon.spotify:before {
        content: "\f1bc"
    }

    i.icon.deviantart:before {
        content: "\f1bd"
    }

    i.icon.soundcloud:before {
        content: "\f1be"
    }

    i.icon.vine:before {
        content: "\f1ca"
    }

    i.icon.codepen:before {
        content: "\f1cb"
    }

    i.icon.jsfiddle:before {
        content: "\f1cc"
    }

    i.icon.rebel:before {
        content: "\f1d0"
    }

    i.icon.empire:before {
        content: "\f1d1"
    }

    i.icon.git.square:before {
        content: "\f1d2"
    }

    i.icon.git:before {
        content: "\f1d3"
    }

    i.icon.hacker.news:before {
        content: "\f1d4"
    }

    i.icon.tencent.weibo:before {
        content: "\f1d5"
    }

    i.icon.qq:before {
        content: "\f1d6"
    }

    i.icon.wechat:before {
        content: "\f1d7"
    }

    i.icon.slideshare:before {
        content: "\f1e7"
    }

    i.icon.twitch:before {
        content: "\f1e8"
    }

    i.icon.yelp:before {
        content: "\f1e9"
    }

    i.icon.lastfm:before {
        content: "\f202"
    }

    i.icon.lastfm.square:before {
        content: "\f203"
    }

    i.icon.ioxhost:before {
        content: "\f208"
    }

    i.icon.angellist:before {
        content: "\f209"
    }

    i.icon.meanpath:before {
        content: "\f20c"
    }

    i.icon.buysellads:before {
        content: "\f20d"
    }

    i.icon.connectdevelop:before {
        content: "\f20e"
    }

    i.icon.dashcube:before {
        content: "\f210"
    }

    i.icon.forumbee:before {
        content: "\f211"
    }

    i.icon.leanpub:before {
        content: "\f212"
    }

    i.icon.sellsy:before {
        content: "\f213"
    }

    i.icon.shirtsinbulk:before {
        content: "\f214"
    }

    i.icon.simplybuilt:before {
        content: "\f215"
    }

    i.icon.skyatlas:before {
        content: "\f216"
    }

    i.icon.facebook:before {
        content: "\f230"
    }

    i.icon.pinterest:before {
        content: "\f231"
    }

    i.icon.whatsapp:before {
        content: "\f232"
    }

    i.icon.viacoin:before {
        content: "\f237"
    }

    i.icon.medium:before {
        content: "\f23a"
    }

    i.icon.y.combinator:before {
        content: "\f23b"
    }

    i.icon.optinmonster:before {
        content: "\f23c"
    }

    i.icon.opencart:before {
        content: "\f23d"
    }

    i.icon.expeditedssl:before {
        content: "\f23e"
    }

    i.icon.gg:before {
        content: "\f260"
    }

    i.icon.gg.circle:before {
        content: "\f261"
    }

    i.icon.tripadvisor:before {
        content: "\f262"
    }

    i.icon.odnoklassniki:before {
        content: "\f263"
    }

    i.icon.odnoklassniki.square:before {
        content: "\f264"
    }

    i.icon.pocket:before {
        content: "\f265"
    }

    i.icon.wikipedia:before {
        content: "\f266"
    }

    i.icon.safari:before {
        content: "\f267"
    }

    i.icon.chrome:before {
        content: "\f268"
    }

    i.icon.firefox:before {
        content: "\f269"
    }

    i.icon.opera:before {
        content: "\f26a"
    }

    i.icon.internet.explorer:before {
        content: "\f26b"
    }

    i.icon.contao:before {
        content: "\f26d"
    }

    i.icon.\35 00px:before {
        content: "\f26e"
    }

    i.icon.amazon:before {
        content: "\f270"
    }

    i.icon.houzz:before {
        content: "\f27c"
    }

    i.icon.vimeo:before {
        content: "\f27d"
    }

    i.icon.black.tie:before {
        content: "\f27e"
    }

    i.icon.fonticons:before {
        content: "\f280"
    }

    i.icon.reddit.alien:before {
        content: "\f281"
    }

    i.icon.microsoft.edge:before {
        content: "\f282"
    }

    i.icon.codiepie:before {
        content: "\f284"
    }

    i.icon.modx:before {
        content: "\f285"
    }

    i.icon.fort.awesome:before {
        content: "\f286"
    }

    i.icon.product.hunt:before {
        content: "\f288"
    }

    i.icon.mixcloud:before {
        content: "\f289"
    }

    i.icon.scribd:before {
        content: "\f28a"
    }

    i.icon.gitlab:before {
        content: "\f296"
    }

    i.icon.wpbeginner:before {
        content: "\f297"
    }

    i.icon.wpforms:before {
        content: "\f298"
    }

    i.icon.envira.gallery:before {
        content: "\f299"
    }

    i.icon.glide:before {
        content: "\f2a5"
    }

    i.icon.glide.g:before {
        content: "\f2a6"
    }

    i.icon.viadeo:before {
        content: "\f2a9"
    }

    i.icon.viadeo.square:before {
        content: "\f2aa"
    }

    i.icon.snapchat:before {
        content: "\f2ab"
    }

    i.icon.snapchat.ghost:before {
        content: "\f2ac"
    }

    i.icon.snapchat.square:before {
        content: "\f2ad"
    }

    i.icon.pied.piper.hat:before {
        content: "\f2ae"
    }

    i.icon.first.order:before {
        content: "\f2b0"
    }

    i.icon.yoast:before {
        content: "\f2b1"
    }

    i.icon.themeisle:before {
        content: "\f2b2"
    }

    i.icon.google.plus.circle:before {
        content: "\f2b3"
    }

    i.icon.font.awesome:before {
        content: "\f2b4"
    }

    i.icon.linode:before {
        content: "\f2b8"
    }

    i.icon.quora:before {
        content: "\f2c4"
    }

    i.icon.free.code.camp:before {
        content: "\f2c5"
    }

    i.icon.telegram:before {
        content: "\f2c6"
    }

    i.icon.bandcamp:before {
        content: "\f2d5"
    }

    i.icon.grav:before {
        content: "\f2d6"
    }

    i.icon.etsy:before {
        content: "\f2d7"
    }

    i.icon.imdb:before {
        content: "\f2d8"
    }

    i.icon.ravelry:before {
        content: "\f2d9"
    }

    i.icon.eercast:before {
        content: "\f2da"
    }

    i.icon.superpowers:before {
        content: "\f2dd"
    }

    i.icon.wpexplorer:before {
        content: "\f2de"
    }

    i.icon.meetup:before {
        content: "\f2e0"
    }

    i.icon.like:before {
        content: "\f004"
    }

    i.icon.favorite:before {
        content: "\f005"
    }

    i.icon.video:before {
        content: "\f008"
    }

    i.icon.check:before {
        content: "\f00c"
    }

    i.icon.close:before {
        content: "\f00d"
    }

    i.icon.cancel:before {
        content: "\f00d"
    }

    i.icon.delete:before {
        content: "\f00d"
    }

    i.icon.x:before {
        content: "\f00d"
    }

    i.icon.zoom.in:before {
        content: "\f00e"
    }

    i.icon.magnify:before {
        content: "\f00e"
    }

    i.icon.shutdown:before {
        content: "\f011"
    }

    i.icon.clock:before {
        content: "\f017"
    }

    i.icon.time:before {
        content: "\f017"
    }

    i.icon.play.circle.outline:before {
        content: "\f01d"
    }

    i.icon.headphone:before {
        content: "\f025"
    }

    i.icon.camera:before {
        content: "\f030"
    }

    i.icon.video.camera:before {
        content: "\f03d"
    }

    i.icon.picture:before {
        content: "\f03e"
    }

    i.icon.pencil:before {
        content: "\f040"
    }

    i.icon.compose:before {
        content: "\f040"
    }

    i.icon.point:before {
        content: "\f041"
    }

    i.icon.tint:before {
        content: "\f043"
    }

    i.icon.signup:before {
        content: "\f044"
    }

    i.icon.plus.circle:before {
        content: "\f055"
    }

    i.icon.question.circle:before {
        content: "\f059"
    }

    i.icon.dont:before {
        content: "\f05e"
    }

    i.icon.minimize:before {
        content: "\f066"
    }

    i.icon.add:before {
        content: "\f067"
    }

    i.icon.exclamation.circle:before {
        content: "\f06a"
    }

    i.icon.attention:before {
        content: "\f06a"
    }

    i.icon.eye:before {
        content: "\f06e"
    }

    i.icon.exclamation.triangle:before {
        content: "\f071"
    }

    i.icon.shuffle:before {
        content: "\f074"
    }

    i.icon.chat:before {
        content: "\f075"
    }

    i.icon.cart:before {
        content: "\f07a"
    }

    i.icon.shopping.cart:before {
        content: "\f07a"
    }

    i.icon.bar.graph:before {
        content: "\f080"
    }

    i.icon.key:before {
        content: "\f084"
    }

    i.icon.cogs:before {
        content: "\f085"
    }

    i.icon.discussions:before {
        content: "\f086"
    }

    i.icon.like.outline:before {
        content: "\f087"
    }

    i.icon.dislike.outline:before {
        content: "\f088"
    }

    i.icon.heart.outline:before {
        content: "\f08a"
    }

    i.icon.log.out:before {
        content: "\f08b"
    }

    i.icon.thumb.tack:before {
        content: "\f08d"
    }

    i.icon.winner:before {
        content: "\f091"
    }

    i.icon.phone:before {
        content: "\f095"
    }

    i.icon.bookmark.outline:before {
        content: "\f097"
    }

    i.icon.phone.square:before {
        content: "\f098"
    }

    i.icon.credit.card:before {
        content: "\f09d"
    }

    i.icon.hdd.outline:before {
        content: "\f0a0"
    }

    i.icon.bullhorn:before {
        content: "\f0a1"
    }

    i.icon.bell.outline:before {
        content: "\f0a2"
    }

    i.icon.hand.outline.right:before {
        content: "\f0a4"
    }

    i.icon.hand.outline.left:before {
        content: "\f0a5"
    }

    i.icon.hand.outline.up:before {
        content: "\f0a6"
    }

    i.icon.hand.outline.down:before {
        content: "\f0a7"
    }

    i.icon.globe:before {
        content: "\f0ac"
    }

    i.icon.wrench:before {
        content: "\f0ad"
    }

    i.icon.briefcase:before {
        content: "\f0b1"
    }

    i.icon.group:before {
        content: "\f0c0"
    }

    i.icon.linkify:before {
        content: "\f0c1"
    }

    i.icon.chain:before {
        content: "\f0c1"
    }

    i.icon.flask:before {
        content: "\f0c3"
    }

    i.icon.sidebar:before {
        content: "\f0c9"
    }

    i.icon.bars:before {
        content: "\f0c9"
    }

    i.icon.list.ul:before {
        content: "\f0ca"
    }

    i.icon.list.ol:before {
        content: "\f0cb"
    }

    i.icon.numbered.list:before {
        content: "\f0cb"
    }

    i.icon.magic:before {
        content: "\f0d0"
    }

    i.icon.truck:before {
        content: "\f0d1"
    }

    i.icon.currency:before {
        content: "\f0d6"
    }

    i.icon.triangle.down:before {
        content: "\f0d7"
    }

    i.icon.dropdown:before {
        content: "\f0d7"
    }

    i.icon.triangle.up:before {
        content: "\f0d8"
    }

    i.icon.triangle.left:before {
        content: "\f0d9"
    }

    i.icon.triangle.right:before {
        content: "\f0da"
    }

    i.icon.envelope:before {
        content: "\f0e0"
    }

    i.icon.conversation:before {
        content: "\f0e6"
    }

    i.icon.rain:before {
        content: "\f0e9"
    }

    i.icon.clipboard:before {
        content: "\f0ea"
    }

    i.icon.lightbulb:before {
        content: "\f0eb"
    }

    i.icon.bell:before {
        content: "\f0f3"
    }

    i.icon.ambulance:before {
        content: "\f0f9"
    }

    i.icon.medkit:before {
        content: "\f0fa"
    }

    i.icon.fighter.jet:before {
        content: "\f0fb"
    }

    i.icon.beer:before {
        content: "\f0fc"
    }

    i.icon.plus.square:before {
        content: "\f0fe"
    }

    i.icon.computer:before {
        content: "\f108"
    }

    i.icon.circle.outline:before {
        content: "\f10c"
    }

    i.icon.gamepad:before {
        content: "\f11b"
    }

    i.icon.star.half.full:before {
        content: "\f123"
    }

    i.icon.broken.chain:before {
        content: "\f127"
    }

    i.icon.question:before {
        content: "\f128"
    }

    i.icon.exclamation:before {
        content: "\f12a"
    }

    i.icon.eraser:before {
        content: "\f12d"
    }

    i.icon.microphone:before {
        content: "\f130"
    }

    i.icon.microphone.slash:before {
        content: "\f131"
    }

    i.icon.shield:before {
        content: "\f132"
    }

    i.icon.target:before {
        content: "\f140"
    }

    i.icon.play.circle:before {
        content: "\f144"
    }

    i.icon.pencil.square:before {
        content: "\f14b"
    }

    i.icon.eur:before {
        content: "\f153"
    }

    i.icon.gbp:before {
        content: "\f154"
    }

    i.icon.usd:before {
        content: "\f155"
    }

    i.icon.inr:before {
        content: "\f156"
    }

    i.icon.cny:before {
        content: "\f157"
    }

    i.icon.rmb:before {
        content: "\f157"
    }

    i.icon.jpy:before {
        content: "\f157"
    }

    i.icon.rouble:before {
        content: "\f158"
    }

    i.icon.rub:before {
        content: "\f158"
    }

    i.icon.krw:before {
        content: "\f159"
    }

    i.icon.btc:before {
        content: "\f15a"
    }

    i.icon.gratipay:before {
        content: "\f184"
    }

    i.icon.zip:before {
        content: "\f187"
    }

    i.icon.dot.circle.outline:before {
        content: "\f192"
    }

    i.icon.try:before {
        content: "\f195"
    }

    i.icon.graduation:before {
        content: "\f19d"
    }

    i.icon.circle.outline:before {
        content: "\f1db"
    }

    i.icon.sliders:before {
        content: "\f1de"
    }

    i.icon.weixin:before {
        content: "\f1d7"
    }

    i.icon.tty:before {
        content: "\f1e4"
    }

    i.icon.teletype:before {
        content: "\f1e4"
    }

    i.icon.binoculars:before {
        content: "\f1e5"
    }

    i.icon.power.cord:before {
        content: "\f1e6"
    }

    i.icon.wi-fi:before {
        content: "\f1eb"
    }

    i.icon.visa.card:before {
        content: "\f1f0"
    }

    i.icon.mastercard.card:before {
        content: "\f1f1"
    }

    i.icon.discover.card:before {
        content: "\f1f2"
    }

    i.icon.amex:before {
        content: "\f1f3"
    }

    i.icon.american.express.card:before {
        content: "\f1f3"
    }

    i.icon.stripe.card:before {
        content: "\f1f5"
    }

    i.icon.bell.slash:before {
        content: "\f1f6"
    }

    i.icon.bell.slash.outline:before {
        content: "\f1f7"
    }

    i.icon.area.graph:before {
        content: "\f1fe"
    }

    i.icon.pie.graph:before {
        content: "\f200"
    }

    i.icon.line.graph:before {
        content: "\f201"
    }

    i.icon.cc:before {
        content: "\f20a"
    }

    i.icon.sheqel:before {
        content: "\f20b"
    }

    i.icon.ils:before {
        content: "\f20b"
    }

    i.icon.plus.cart:before {
        content: "\f217"
    }

    i.icon.arrow.down.cart:before {
        content: "\f218"
    }

    i.icon.detective:before {
        content: "\f21b"
    }

    i.icon.venus:before {
        content: "\f221"
    }

    i.icon.mars:before {
        content: "\f222"
    }

    i.icon.mercury:before {
        content: "\f223"
    }

    i.icon.intersex:before {
        content: "\f224"
    }

    i.icon.venus.double:before {
        content: "\f226"
    }

    i.icon.female.homosexual:before {
        content: "\f226"
    }

    i.icon.mars.double:before {
        content: "\f227"
    }

    i.icon.male.homosexual:before {
        content: "\f227"
    }

    i.icon.venus.mars:before {
        content: "\f228"
    }

    i.icon.mars.stroke:before {
        content: "\f229"
    }

    i.icon.mars.alternate:before {
        content: "\f229"
    }

    i.icon.mars.vertical:before {
        content: "\f22a"
    }

    i.icon.mars.stroke.vertical:before {
        content: "\f22a"
    }

    i.icon.mars.horizontal:before {
        content: "\f22b"
    }

    i.icon.mars.stroke.horizontal:before {
        content: "\f22b"
    }

    i.icon.asexual:before {
        content: "\f22d"
    }

    i.icon.facebook.official:before {
        content: "\f230"
    }

    i.icon.user.plus:before {
        content: "\f234"
    }

    i.icon.user.times:before {
        content: "\f235"
    }

    i.icon.user.close:before {
        content: "\f235"
    }

    i.icon.user.cancel:before {
        content: "\f235"
    }

    i.icon.user.delete:before {
        content: "\f235"
    }

    i.icon.user.x:before {
        content: "\f235"
    }

    i.icon.bed:before {
        content: "\f236"
    }

    i.icon.yc:before {
        content: "\f23b"
    }

    i.icon.ycombinator:before {
        content: "\f23b"
    }

    i.icon.battery.four:before {
        content: "\f240"
    }

    i.icon.battery.three:before {
        content: "\f241"
    }

    i.icon.battery.three.quarters:before {
        content: "\f241"
    }

    i.icon.battery.two:before {
        content: "\f242"
    }

    i.icon.battery.half:before {
        content: "\f242"
    }

    i.icon.battery.one:before {
        content: "\f243"
    }

    i.icon.battery.quarter:before {
        content: "\f243"
    }

    i.icon.battery.zero:before {
        content: "\f244"
    }

    i.icon.i.cursor:before {
        content: "\f246"
    }

    i.icon.jcb:before {
        content: "\f24b"
    }

    i.icon.japan.credit.bureau.card:before {
        content: "\f24b"
    }

    i.icon.diners.club.card:before {
        content: "\f24c"
    }

    i.icon.balance:before {
        content: "\f24e"
    }

    i.icon.hourglass.outline:before {
        content: "\f250"
    }

    i.icon.hourglass.zero:before {
        content: "\f250"
    }

    i.icon.hourglass.one:before {
        content: "\f251"
    }

    i.icon.hourglass.two:before {
        content: "\f252"
    }

    i.icon.hourglass.three:before {
        content: "\f253"
    }

    i.icon.hourglass.four:before {
        content: "\f254"
    }

    i.icon.grab:before {
        content: "\f255"
    }

    i.icon.hand.victory:before {
        content: "\f25b"
    }

    i.icon.tm:before {
        content: "\f25c"
    }

    i.icon.r.circle:before {
        content: "\f25d"
    }

    i.icon.television:before {
        content: "\f26c"
    }

    i.icon.five.hundred.pixels:before {
        content: "\f26e"
    }

    i.icon.calendar.plus:before {
        content: "\f271"
    }

    i.icon.calendar.minus:before {
        content: "\f272"
    }

    i.icon.calendar.times:before {
        content: "\f273"
    }

    i.icon.calendar.check:before {
        content: "\f274"
    }

    i.icon.factory:before {
        content: "\f275"
    }

    i.icon.commenting:before {
        content: "\f27a"
    }

    i.icon.commenting.outline:before {
        content: "\f27b"
    }

    i.icon.edge:before {
        content: "\f282"
    }

    i.icon.ms.edge:before {
        content: "\f282"
    }

    i.icon.wordpress.beginner:before {
        content: "\f297"
    }

    i.icon.wordpress.forms:before {
        content: "\f298"
    }

    i.icon.envira:before {
        content: "\f299"
    }

    i.icon.question.circle.outline:before {
        content: "\f29c"
    }

    i.icon.assistive.listening.devices:before {
        content: "\f2a2"
    }

    i.icon.als:before {
        content: "\f2a2"
    }

    i.icon.ald:before {
        content: "\f2a2"
    }

    i.icon.asl.interpreting:before {
        content: "\f2a3"
    }

    i.icon.deaf:before {
        content: "\f2a4"
    }

    i.icon.american.sign.language.interpreting:before {
        content: "\f2a3"
    }

    i.icon.hard.of.hearing:before {
        content: "\f2a4"
    }

    i.icon.signing:before {
        content: "\f2a7"
    }

    i.icon.new.pied.piper:before {
        content: "\f2ae"
    }

    i.icon.theme.isle:before {
        content: "\f2b2"
    }

    i.icon.google.plus.official:before {
        content: "\f2b3"
    }

    i.icon.fa:before {
        content: "\f2b4"
    }

    i.icon.vcard:before {
        content: "\f2bb"
    }

    i.icon.vcard.outline:before {
        content: "\f2bc"
    }

    i.icon.drivers.license:before {
        content: "\f2c2"
    }

    i.icon.drivers.license.outline:before {
        content: "\f2c3"
    }

    i.icon.thermometer:before {
        content: "\f2c7"
    }

    i.icon.s15:before {
        content: "\f2cd"
    }

    i.icon.bath:before {
        content: "\f2cd"
    }

    i.icon.times.rectangle:before {
        content: "\f2d3"
    }

    i.icon.times.rectangle.outline:before {
        content: "\f2d4"
    }


    .ui.form {
        position: relative;
        max-width: 100%
    }

        .ui.form > p {
            margin: 1em 0
        }

        .ui.form .field {
            clear: both;
            margin: 0 0 1em
        }

            .ui.form .field:last-child, .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 0;
            color: rgba(0,0,0,.87);
            /*font-size: .92857143em;
            font-weight: 700;
            text-transform: none*/
            font-weight: normal;
            text-transform: none;
            font-size: 0.95em;
        }

        .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 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] {
            font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
            margin: 0;
            outline: 0;
            -webkit-appearance: none;
            tap-highlight-color: rgba(255,255,255,0);
            line-height: 1.21428571em;
            padding: .67857143em 1em;
            font-size: 1em;
            background: #fff;
            border: 1px solid #9e9e9e;
            color: rgba(0,0,0,.87);
            border-radius: .28571429rem;
            box-shadow: 0 0 0 0 transparent inset;
            -webkit-transition: color .1s ease,border-color .1s ease;
            transition: color .1s ease,border-color .1s ease
        }

        .ui.form textarea {
            margin: 0;
            -webkit-appearance: none;
            tap-highlight-color: rgba(255,255,255,0);
            padding: .78571429em 1em;
            background: #edf5f6;
            border: 1px solid #bb8d48;
            outline: 0;
            color: rgba(0,0,0,.87);
            border-radius: .28571429rem;
            box-shadow: 0 0 0 0 transparent inset;
            -webkit-transition: color .1s ease,border-color .1s ease;
            transition: color .1s ease,border-color .1s ease;
            font-size: 1em;
            line-height: 1.2857;
            resize: vertical
        }

            .ui.form textarea:not([rows]) {
                height: 12em;
                min-height: 8em;
                max-height: 24em
            }

        .ui.form input[type=checkbox], .ui.form textarea {
            vertical-align: top
        }

        .ui.form input.attached {
            width: auto
        }

        .ui.form select {
            display: block;
            height: auto;
            width: 100%;
            background: none;
            border: 1px solid rgba(34,36,38,.15);
            border-radius: .28571429rem;
            box-shadow: 0 0 0 0 transparent inset;
            padding: .62em 1em;
            color: rgba(0,0,0,.87);
            -webkit-transition: color .1s ease,border-color .1s ease;
            transition: color .1s ease,border-color .1s ease
        }

        .ui.form .field > .selection.dropdown {
            width: 100%
        }

            .ui.form .field > .selection.dropdown > .dropdown.icon {
                float: right
            }

        .ui.form .inline.field > .selection.dropdown, .ui.form .inline.fields .field > .selection.dropdown {
            width: auto
        }

            .ui.form .inline.field > .selection.dropdown > .dropdown.icon, .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {
                float: none
            }

        .ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {
            width: 100%
        }

        .ui.form .inline.field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) .ui.input {
            width: auto;
            vertical-align: middle
        }

        .ui.form .field .ui.input input, .ui.form .fields .field .ui.input input {
            width: auto
        }

        .ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
            width: 0
        }

        .ui.form .error.message, .ui.form .success.message, .ui.form .warning.message {
            display: none
        }

        .ui.form .message:first-child {
            margin-top: 0
        }

        .ui.form .field .prompt.label {
            white-space: normal;
            background: #fff !important;
            border: 1px solid #e0b4b4 !important;
            color: #9f3a38 !important
        }

        .ui.form .inline.field .prompt, .ui.form .inline.fields .field .prompt {
            vertical-align: top;
            margin: -.25em 0 -.5em .5em
        }

            .ui.form .inline.field .prompt:before, .ui.form .inline.fields .field .prompt:before {
                border-width: 0 0 1px 1px;
                bottom: auto;
                right: auto;
                top: 50%;
                left: 0
            }

        .ui.form .field.field input:-webkit-autofill {
            box-shadow: 0 0 0 100px ivory inset !important;
            border-color: #e5dfa1 !important
        }

            .ui.form .field.field input:-webkit-autofill:focus {
                box-shadow: 0 0 0 100px ivory inset !important;
                border-color: #d5c315 !important
            }

        .ui.form .error.error input:-webkit-autofill {
            box-shadow: 0 0 0 100px #fffaf0 inset !important;
            border-color: #e0b4b4 !important
        }

        .ui.form ::-webkit-input-placeholder {
            color: rgba(191,191,191,.87)
        }

        .ui.form :-ms-input-placeholder {
            color: rgba(191,191,191,.87)
        }

        .ui.form ::-moz-placeholder {
            color: rgba(191,191,191,.87)
        }

        .ui.form :focus::-webkit-input-placeholder {
            color: rgba(115,115,115,.87)
        }

        .ui.form :focus:-ms-input-placeholder {
            color: rgba(115,115,115,.87)
        }

        .ui.form :focus::-moz-placeholder {
            color: rgba(115,115,115,.87)
        }

        .ui.form .error ::-webkit-input-placeholder {
            color: #e7bdbc
        }

        .ui.form .error :-ms-input-placeholder {
            color: #e7bdbc !important
        }

        .ui.form .error ::-moz-placeholder {
            color: #e7bdbc
        }

        .ui.form .error :focus::-webkit-input-placeholder {
            color: #da9796
        }

        .ui.form .error :focus:-ms-input-placeholder {
            color: #da9796 !important
        }

        .ui.form .error :focus::-moz-placeholder {
            color: #da9796
        }

        .ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
            color: #000;
            border-color: #bb8d48;
            border-radius: .28571429rem;
            background: #fff;
            box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset
        }

        .ui.form textarea:focus {
            color: rgba(0,0,0,.95);
            border-color: #85b7d9;
            border-radius: .28571429rem;
            background: #fff;
            box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
            -webkit-appearance: none
        }

        .ui.form.success .success.message:not(:empty) {
            display: block
        }

        .ui.form.success .compact.success.message:not(:empty) {
            display: inline-block
        }

        .ui.form.success .icon.success.message:not(:empty) {
            display: -webkit-box;
            display: -ms-flexbox;
            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: -webkit-box;
            display: -ms-flexbox;
            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: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .ui.form .field.error .input, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label {
            color: #9f3a38
        }

        .ui.form .field.error .corner.label, .ui.form .fields.error .field .corner.label {
            border-color: #9f3a38;
            color: #fff
        }

        .ui.form .field.error input:not([type]), .ui.form .field.error input[type=date], .ui.form .field.error input[type=datetime-local], .ui.form .field.error input[type=email], .ui.form .field.error input[type=file], .ui.form .field.error input[type=number], .ui.form .field.error input[type=password], .ui.form .field.error input[type=search], .ui.form .field.error input[type=tel], .ui.form .field.error input[type=text], .ui.form .field.error input[type=time], .ui.form .field.error input[type=url], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type=date], .ui.form .fields.error .field input[type=datetime-local], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=file], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=search], .ui.form .fields.error .field input[type=tel], .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=time], .ui.form .fields.error .field input[type=url], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea {
            background: #fff6f6;
            border-color: #e0b4b4;
            color: #9f3a38;
            border-radius: '';
            box-shadow: none
        }

            .ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type=date]:focus, .ui.form .field.error input[type=datetime-local]:focus, .ui.form .field.error input[type=email]:focus, .ui.form .field.error input[type=file]:focus, .ui.form .field.error input[type=number]:focus, .ui.form .field.error input[type=password]:focus, .ui.form .field.error input[type=search]:focus, .ui.form .field.error input[type=tel]:focus, .ui.form .field.error input[type=text]:focus, .ui.form .field.error input[type=time]:focus, .ui.form .field.error input[type=url]:focus, .ui.form .field.error select:focus, .ui.form .field.error textarea:focus {
                background: #fff6f6;
                border-color: #e0b4b4;
                color: #9f3a38;
                -webkit-appearance: none;
                box-shadow: none
            }

        .ui.form .field.error select {
            -webkit-appearance: menulist-button
        }

        .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .item, .ui.form .field.error .ui.dropdown .text, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item {
            background: #fff6f6;
            color: #9f3a38
        }

        .ui.form .field.error .ui.dropdown, .ui.form .fields.error .field .ui.dropdown {
            border-color: #e0b4b4 !important
        }

            .ui.form .field.error .ui.dropdown:hover, .ui.form .fields.error .field .ui.dropdown:hover {
                border-color: #e0b4b4 !important
            }

                .ui.form .field.error .ui.dropdown:hover .menu, .ui.form .fields.error .field .ui.dropdown:hover .menu {
                    border-color: #e0b4b4
                }

        .ui.form .field.error .ui.multiple.selection.dropdown > .label, .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label {
            background-color: #eacbcb;
            color: #9f3a38
        }

        .ui.form .field.error .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .ui.dropdown .menu .item:hover {
            background-color: #fbe7e7
        }

        .ui.form .field.error .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .ui.dropdown .menu .selected.item {
            background-color: #fbe7e7
        }

        .ui.form .field.error .ui.dropdown .menu .active.item, .ui.form .fields.error .field .ui.dropdown .menu .active.item {
            background-color: #fdcfcf !important
        }

        .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
            color: #9f3a38
        }

            .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
                background: #fff6f6;
                border-color: #e0b4b4
            }

        .ui.form .field.error .checkbox .box:after, .ui.form .field.error .checkbox label:after, .ui.form .fields.error .field .checkbox .box:after, .ui.form .fields.error .field .checkbox label:after {
            color: #9f3a38
        }

        .ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled {
            pointer-events: none;
            opacity: .45
        }

        .ui.form .field.disabled > label, .ui.form .fields.disabled > label {
            opacity: .45
        }

        .ui.form .field.disabled :disabled {
            opacity: 1
        }

    .ui.loading.form {
        position: relative;
        cursor: default;
        pointer-events: none
    }

        .ui.loading.form:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            background: rgba(255,255,255,.8);
            width: 100%;
            height: 100%;
            z-index: 100
        }

        .ui.loading.form:after {
            position: absolute;
            content: '';
            top: 50%;
            left: 50%;
            margin: -1.5em 0 0 -1.5em;
            width: 3em;
            height: 3em;
            -webkit-animation: form-spin .6s linear;
            animation: form-spin .6s linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            border-radius: 500rem;
            border-color: #767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
            border-style: solid;
            border-width: .2em;
            box-shadow: 0 0 0 1px transparent;
            visibility: visible;
            z-index: 101
        }

    @-webkit-keyframes form-spin {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes form-spin {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .ui.form .required.field > .checkbox:after, .ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > label:after {
        margin: -.2em 0 0 .2em;
        content: '*';
        color: #db2828
    }

    .ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > label:after {
        display: inline-block;
        vertical-align: top
    }

    .ui.form .required.field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after {
        position: absolute;
        top: 0;
        left: 100%
    }

    .ui.form .inverted.segment .ui.checkbox .box, .ui.form .inverted.segment .ui.checkbox label, .ui.form .inverted.segment label, .ui.inverted.form .inline.field > label, .ui.inverted.form .inline.field > p, .ui.inverted.form .inline.fields .field > label, .ui.inverted.form .inline.fields .field > p, .ui.inverted.form .inline.fields > label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form label {
        color: rgba(255,255,255,.9)
    }

    .ui.inverted.form input:not([type]), .ui.inverted.form input[type=date], .ui.inverted.form input[type=datetime-local], .ui.inverted.form input[type=email], .ui.inverted.form input[type=file], .ui.inverted.form input[type=number], .ui.inverted.form input[type=password], .ui.inverted.form input[type=search], .ui.inverted.form input[type=tel], .ui.inverted.form input[type=text], .ui.inverted.form input[type=time], .ui.inverted.form input[type=url] {
        background: #fff;
        border-color: rgba(255,255,255,.1);
        color: rgba(0,0,0,.87);
        box-shadow: none
    }

    .ui.form .grouped.fields {
        display: block;
        margin: 0 0 1em
    }

        .ui.form .grouped.fields:last-child {
            margin-bottom: 0
        }

        .ui.form .grouped.fields > label {
            margin: 0 0 .28571429rem 0;
            color: rgba(0,0,0,.87);
            font-size: .92857143em;
            font-weight: 700;
            text-transform: none
        }

        .ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field {
            display: block;
            margin: .5em 0;
            padding: 0
        }

    .ui.form .fields {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 -.5em 1em
    }

        .ui.form .fields > .field {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            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 {
            -ms-flex-wrap: wrap;
            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%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .ui.form .inline.fields {
        margin: 0 0 1em;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .ui.form .inline.fields .field {
            margin: 0;
            padding: 0 1em 0 0
        }

            .ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {
                display: inline-block;
                width: auto;
                margin-top: 0;
                margin-bottom: 0;
                vertical-align: baseline;
                font-size: .92857143em;
                font-weight: 700;
                color: rgba(0,0,0,.87);
                text-transform: none
            }

        .ui.form .inline.fields > label {
            margin: .035714em 1em 0 0
        }

        .ui.form .inline.field > input, .ui.form .inline.field > select, .ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select {
            display: inline-block;
            width: auto;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle;
            font-size: 1em
        }

        .ui.form .inline.field > :first-child, .ui.form .inline.fields .field > :first-child {
            margin: 0 .85714286em 0 0
        }

        .ui.form .inline.field > :only-child, .ui.form .inline.fields .field > :only-child {
            margin: 0
        }

        .ui.form .inline.fields .wide.field {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            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
    }

.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: 0;
    justify-content:center;
}

.ui.grid {
    margin-top: 0rem;
    margin-bottom: -1rem;
    margin-left: -1rem;
    margin-right: -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;
    border-color: #bb8d48 !important;
    /*border-radius: 20px !important;*/
}

    .ui.grid > .row {
        position: relative;
        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-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100% !important;
        padding: 0;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .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 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 1rem 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.padded.attached.segment.mobileview {
   /* margin-left: 490px !important;*/
    width:45% !important;
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ui.padded.attached.segment.mobileview {
        margin-left: 0px !important;
        width: 100% !important;
    }
    .info-wrapper {
        background: #fff;
        padding: 10px 0 0 0 !important;
        width: 100% !important; /* Adjust as needed */
        margin: 0 auto; /* Center horizontally */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Optional: subtle shadow */
    }
    .card-title {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .card-titleBusiness {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}


    .ui.centered.grid, .ui.centered.grid > .row, .ui.grid > .centered.row {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: 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 0 0 rgba(34,36,38,.15)
    }

    .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 0 0 rgba(34,36,38,.15)
    }

        .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 0 0 rgba(34,36,38,.15)
        }

    .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 0 0 rgba(255,255,255,.1)
    }

        .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
            box-shadow: none
        }

    .ui.inverted[class*="vertically divided"].grid > .row:before {
        box-shadow: 0 -1px 0 0 rgba(255,255,255,.1)
    }

    .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 0 0 #d4d4d5
        }

            .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {
                box-shadow: -1px 0 0 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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        vertical-align: top;
        -ms-flex-item-align: start !important;
        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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        vertical-align: middle;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        vertical-align: bottom;
        -ms-flex-item-align: end !important;
        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: -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.grid > .row > .stretched.column > *, .ui.grid > .stretched.column:not(.row) > *, .ui.grid > .stretched.row > .column > *, .ui.stretched.grid > .column > *, .ui.stretched.grid > .row > .column > * {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            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;
        -ms-flex-item-align: inherit;
        -ms-grid-row-align: inherit;
        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;
        -ms-flex-item-align: inherit;
        -ms-grid-row-align: inherit;
        align-self: inherit
    }

    .ui[class*="center aligned"].grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        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;
        -ms-flex-item-align: inherit;
        -ms-grid-row-align: inherit;
        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;
        -ms-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;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        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 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        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 {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .ui.stackable[class*="mobile reversed"], .ui[class*="mobile vertically reversed"].grid {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            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 0 0 rgba(34,36,38,.15)
        }

        .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 0 0 rgba(34,36,38,.15)
        }

        .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 0 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 {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .ui[class*="tablet vertically reversed"].grid {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            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 0 0 rgba(34,36,38,.15)
        }

        .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 0 0 rgba(34,36,38,.15)
        }

        .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 0 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 {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .ui[class*="computer vertically reversed"].grid {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            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 0 0 rgba(34,36,38,.15)
        }

        .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 0 0 rgba(34,36,38,.15)
        }

        .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 0 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 0 !important;
                box-shadow: none !important;
                padding: 1rem 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: -webkit-box;
        display: -ms-flexbox;
        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 0 rgba(34,36,38,.15);
        border-radius: 0;
        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: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .ui.menu:not(.vertical) .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .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: 0 0;
            padding: .92857143em 1.14285714em;
            text-transform: none;
            color: rgba(0,0,0,.87);
            font-weight: 400;
            -webkit-transition: background .1s ease,box-shadow .1s ease,color .1s ease;
            transition: background .1s ease,box-shadow .1s ease,color .1s ease
        }

        .ui.menu > .item:first-child {
            border-radius: 0;
            background: #bb8d48;
        }

        .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;
            -ms-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: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: inherit;
            -ms-flex-align: inherit;
            align-items: inherit;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: 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: '';
            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 0 0;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        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: rgba(0,0,0,.87) !important;
        text-transform: none !important;
        font-weight: 400 !important;
        box-shadow: none !important;
        -webkit-transition: none !important;
        transition: none !important
    }

        .ui.menu .ui.dropdown .menu > .item:hover {
            background: rgba(0,0,0,.05) !important;
            color: rgba(0,0,0,.95) !important
        }

    .ui.menu .ui.dropdown .menu > .selected.item {
        background: rgba(0,0,0,.05) !important;
        color: rgba(0,0,0,.95) !important
    }

    .ui.menu .ui.dropdown .menu > .active.item {
        background: rgba(0,0,0,.03) !important;
        font-weight: 700 !important;
        color: rgba(0,0,0,.95) !important
    }

    .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
        display: block
    }

    .ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
        display: inline-block;
        font-size: 1em !important;
        float: none;
        margin: 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: #ff0000
}

    .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 0 rgba(0,0,0,.08);
        border-radius: 0 .28571429rem .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.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: rgba(0,0,0,.95)
    }

    .ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active {
        background: rgba(0,0,0,.03);
        color: rgba(0,0,0,.95)
    }

    .ui.menu .active.item {
        background: rgba(0,0,0,.05);
        color: rgba(0,0,0,.95);
        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: rgba(0,0,0,.05);
            color: rgba(0,0,0,.95)
        }

    .ui.menu .item.disabled, .ui.menu .item.disabled:hover {
        cursor: default;
        background-color: transparent !important;
        color: rgba(40,40,40,.3)
    }

    .ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) .left.menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: auto !important
    }

    .ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu {
        display: -webkit-box;
        display: -ms-flexbox;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
    }

        .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: rgba(0,0,0,.5)
        }

        .ui.vertical.menu .item .menu .link.item:hover, .ui.vertical.menu .item .menu a.item:hover {
            color: rgba(0,0,0,.85)
        }

        .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: rgba(0,0,0,.95)
        }

    .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: rgba(0,0,0,.87)
    }

        .ui.tabular.menu .item:before {
            display: none
        }

        .ui.tabular.menu .item:hover {
            background-color: transparent;
            color: rgba(0,0,0,.8)
        }

    .ui.tabular.menu .active.item {
        background: none #fff;
        color: rgba(0,0,0,.95);
        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: rgba(0,0,0,.95);
            border-color: #d4d4d5;
            margin: -1px 0 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: rgba(0,0,0,.95);
            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: rgba(0,0,0,.95);
            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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle
    }

        .ui.pagination.menu .item:last-child {
            border-radius: 0 .28571429rem .28571429rem 0
        }

    .ui.compact.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: rgba(0,0,0,.05);
        color: rgba(0,0,0,.95);
        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 {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            box-shadow: none;
            border: none;
            padding: .78571429em .92857143em;
            margin: 0 .35714286em;
            background: 0 0;
            -webkit-transition: color .1s ease;
            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: rgba(0,0,0,.95)
        }

        .ui.secondary.menu .active.item {
            box-shadow: none;
            background: rgba(0,0,0,.05);
            color: rgba(0,0,0,.95);
            border-radius: .28571429rem
        }

            .ui.secondary.menu .active.item:hover {
                box-shadow: none;
                background: rgba(0,0,0,.05);
                color: rgba(0,0,0,.95)
            }

    .ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item {
        color: rgba(255,255,255,.7) !important
    }

        .ui.secondary.inverted.menu .dropdown.item:hover, .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover {
            background: rgba(255,255,255,.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;
            -ms-flex-item-align: end;
            align-self: flex-end;
            margin: 0 0 -2px;
            padding: .85714286em 1.14285714em;
            border-bottom-width: 2px;
            -webkit-transition: color .1s ease;
            transition: color .1s ease
        }

        .ui.secondary.pointing.menu .header.item {
            color: rgba(0,0,0,.85) !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: rgba(0,0,0,.87)
        }

        .ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active {
            background-color: transparent;
            border-color: rgba(34,36,38,.15)
        }

        .ui.secondary.pointing.menu .active.item {
            background-color: transparent;
            box-shadow: none;
            border-color: #1b1c1d;
            font-weight: 700;
            color: rgba(0,0,0,.95)
        }

            .ui.secondary.pointing.menu .active.item:hover {
                border-color: #1b1c1d;
                color: rgba(0,0,0,.95)
            }

        .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: rgba(34,36,38,.15)
    }

        .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: rgba(255,255,255,.1)
    }

    .ui.secondary.inverted.pointing.menu {
        border-width: 2px;
        border-color: rgba(34,36,38,.15)
    }

        .ui.secondary.inverted.pointing.menu .item {
            color: rgba(255,255,255,.9)
        }

        .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: rgba(0,0,0,.95)
        }

        .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;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            margin: 0 0;
            padding: .35714286em .5em;
            font-weight: 400;
            color: rgba(0,0,0,.6);
            -webkit-transition: opacity .1s ease;
            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: rgba(0,0,0,.85);
            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: rgba(0,0,0,.95)
    }

        .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;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            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 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            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 {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                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: #bb8d48 !important;
    box-shadow: none
}

        .ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) {
            background: 0 0;
            color: rgba(255,255,255,.9)
        }

            .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: rgba(255,255,255,.5)
    }

    .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: rgba(225,225,225,.3)
    }

    .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(0, 0, 0, 0.5) !important;
        color: #bb8d48 !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: rgba(34,36,38,.1)
        }

        .ui.inverted.red.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu {
        background-color: #f2711c
    }

        .ui.inverted.orange.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.orange.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu {
        background-color: #fbbd08
    }

        .ui.inverted.yellow.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.yellow.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu {
        background-color: #b5cc18
    }

        .ui.inverted.olive.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.olive.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.green.menu, .ui.inverted.menu .green.active.item {
        background-color: #21ba45
    }

        .ui.inverted.green.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.green.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu {
        background-color: #00b5ad
    }

        .ui.inverted.teal.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.teal.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.blue.menu, .ui.inverted.menu .blue.active.item {
        background-color: #2185d0
    }

        .ui.inverted.blue.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.blue.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu {
        background-color: #6435c9
    }

        .ui.inverted.violet.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.violet.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu {
        background-color: #a333c8
    }

        .ui.inverted.purple.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.purple.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu {
        background-color: #e03997
    }

        .ui.inverted.pink.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.pink.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.brown.menu, .ui.inverted.menu .brown.active.item {
        background-color: #a5673f
    }

        .ui.inverted.brown.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.brown.menu .active.item {
            background-color: rgba(0,0,0,.1) !important
        }

    .ui.inverted.grey.menu, .ui.inverted.menu .grey.active.item {
        background-color: #767676
    }

        .ui.inverted.grey.menu .item:before {
            background-color: rgba(34,36,38,.1)
        }

        .ui.inverted.grey.menu .active.item {
            background-color: rgba(0,0,0,.1) !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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        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;
        -webkit-box-pack: center;
        -ms-flex-pack: 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%;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-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;
        -webkit-transition: background .1s ease;
        transition: background .1s ease
    }

    .ui.vertical.pointing.menu .item:after {
        position: absolute;
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
        transform: translateX(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:hover:after {
        background-color: #f2f2f2
    }

    .ui.pointing.menu .active.item:after {
        background-color: #f2f2f2
    }

    .ui.pointing.menu .active.item:hover:after {
        background-color: #f2f2f2
    }

    .ui.vertical.pointing.menu .active.item:hover:after {
        background-color: #f2f2f2
    }

    .ui.vertical.pointing.menu .active.item:after {
        background-color: #f2f2f2
    }

    .ui.vertical.pointing.menu .menu .active.item:after {
        background-color: #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 0 rgba(34,36,38,.15),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 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.14285714rem
    }

    .ui.huge.vertical.menu {
        width: 20rem
    }

    .ui.big.menu {
        font-size: 1.21428571rem
    }

    .ui.big.vertical.menu {
        width: 22rem
    }

    .ui.massive.menu {
        font-size: 1.28571429rem
    }

    .ui.massive.vertical.menu {
        width: 25rem
    }

    .ui.message {
        position: relative;
        min-height: 1em;
        margin: 1em 0;
        background: #f6f6f6;
        padding: 1em 1.5em;
        line-height: 1.4285em;
        color: rgba(0,0,0,.87);
        -webkit-transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
        transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
        border-radius: .28571429rem;
        box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent
    }

        .ui.message:first-child {
            margin-top: 0
        }

        .ui.message:last-child {
            margin-bottom: 0
        }

        .ui.message .header {
            display: block;
            font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
            font-weight: 700;
            margin: -.14285714em 0 0 0
        }

            .ui.message .header:not(.ui) {
                font-size: 1.14285714em
            }

        .ui.message p {
            opacity: .85;
            margin: .75em 0
        }

            .ui.message p:first-child {
                margin-top: 0
            }

            .ui.message p:last-child {
                margin-bottom: 0
            }

        .ui.message .header + p {
            margin-top: .25em
        }

        .ui.message .list:not(.ui) {
            text-align: left;
            padding: 0;
            opacity: .85;
            list-style-position: inside;
            margin: .5em 0 0
        }

            .ui.message .list:not(.ui):first-child {
                margin-top: 0
            }

            .ui.message .list:not(.ui):last-child {
                margin-bottom: 0
            }

            .ui.message .list:not(.ui) li {
                position: relative;
                list-style-type: none;
                margin: 0 0 .3em 1em;
                padding: 0
            }

                .ui.message .list:not(.ui) li:before {
                    position: absolute;
                    content: '•';
                    left: -1em;
                    height: 100%;
                    vertical-align: baseline
                }

                .ui.message .list:not(.ui) li:last-child {
                    margin-bottom: 0
                }

        .ui.message > .icon {
            margin-right: .6em
        }

        .ui.message > .close.icon {
            cursor: pointer;
            position: absolute;
            margin: 0;
            top: .78575em;
            right: .5em;
            opacity: .7;
            -webkit-transition: opacity .1s ease;
            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: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ui.hidden.hidden.hidden.hidden.message {
        display: none
    }

    .ui.compact.message {
        display: inline-block
    }

    .ui.compact.icon.message {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .ui.attached.message {
        margin-bottom: -1px;
        border-radius: .28571429rem .28571429rem 0 0;
        box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
        margin-left: -1px;
        margin-right: -1px
    }

    .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
        margin-top: -1px;
        border-radius: 0
    }

    .ui.bottom.attached.message {
        margin-top: -1px;
        border-radius: 0 0 .28571429rem .28571429rem;
        box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15)
    }

        .ui.bottom.attached.message:not(:last-child) {
            margin-bottom: 1em
        }

    .ui.attached.icon.message {
        width: auto
    }

    .ui.icon.message {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .ui.icon.message > .icon:not(.close) {
            color: #bb8d48;
            display: block;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            line-height: 1;
            vertical-align: middle;
            font-size: 3em;
            opacity: 1
        }

        .ui.icon.message > .content {
            display: block;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            vertical-align: middle
        }

        .ui.icon.message .icon:not(.close) + .content {
            padding-left: 0
        }

        .ui.icon.message .circular.icon {
            width: 1em
        }

    .ui.floating.message {
        box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
    }

    .ui.black.message {
        background-color: #1b1c1d;
        color: rgba(255,255,255,.9)
    }

    .ui.positive.message {
        background-color: #fcfff5;
        color: #2c662d
    }

    .ui.attached.positive.message, .ui.positive.message {
        box-shadow: 0 0 0 1px #a3c293 inset,0 0 0 0 transparent
    }

        .ui.positive.message .header {
            color: #1a531b
        }

    .ui.negative.message {
        background-color: #fff6f6;
        color: #9f3a38
    }

    .ui.attached.negative.message, .ui.negative.message {
        box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent
    }

        .ui.negative.message .header {
            color: #912d2b
        }

    .ui.info.message {
        background-color: #f8ffff;
        color: #276f86
    }

    .ui.attached.info.message, .ui.info.message {
        box-shadow: 0 0 0 1px #a9d5de inset,0 0 0 0 transparent
    }

        .ui.info.message .header {
            color: #0e566c
        }

    .ui.warning.message {
        background-color: #fffaf3;
        color: #573a08
    }

    .ui.attached.warning.message, .ui.warning.message {
        box-shadow: 0 0 0 1px #c9ba9b inset,0 0 0 0 transparent
    }

        .ui.warning.message .header {
            color: #794b02
        }

    .ui.error.message {
        background-color: #fff6f6;
        color: #9f3a38
    }

    .ui.attached.error.message, .ui.error.message {
        box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent
    }

        .ui.error.message .header {
            color: #912d2b
        }

    .ui.success.message {
        background-color: #fcfff5;
        color: #2c662d
    }

    .ui.attached.success.message, .ui.success.message {
        box-shadow: 0 0 0 1px #a3c293 inset,0 0 0 0 transparent
    }

        .ui.success.message .header {
            color: #1a531b
        }

    .ui.black.message, .ui.inverted.message {
        background-color: #1b1c1d;
        color: rgba(255,255,255,.9)
    }

    .ui.red.message {
        background-color: #ffe8e6;
        color: #db2828;
        box-shadow: 0 0 0 1px #db2828 inset,0 0 0 0 transparent
    }

        .ui.red.message .header {
            color: #c82121
        }

    .ui.orange.message {
        background-color: #ffedde;
        color: #f2711c;
        box-shadow: 0 0 0 1px #f2711c inset,0 0 0 0 transparent
    }

        .ui.orange.message .header {
            color: #e7640d
        }

    .ui.yellow.message {
        background-color: #fff8db;
        color: #b58105;
        box-shadow: 0 0 0 1px #b58105 inset,0 0 0 0 transparent
    }

        .ui.yellow.message .header {
            color: #9c6f04
        }

    .ui.olive.message {
        background-color: #fbfdef;
        color: #8abc1e;
        box-shadow: 0 0 0 1px #8abc1e inset,0 0 0 0 transparent
    }

        .ui.olive.message .header {
            color: #7aa61a
        }

    .ui.green.message {
        background-color: #e5f9e7;
        color: #1ebc30;
        box-shadow: 0 0 0 1px #1ebc30 inset,0 0 0 0 transparent
    }

        .ui.green.message .header {
            color: #1aa62a
        }

    .ui.teal.message {
        background-color: #e1f7f7;
        color: #10a3a3;
        box-shadow: 0 0 0 1px #10a3a3 inset,0 0 0 0 transparent
    }

        .ui.teal.message .header {
            color: #0e8c8c
        }

    .ui.blue.message {
        background-color: #dff0ff;
        color: #2185d0;
        box-shadow: 0 0 0 1px #2185d0 inset,0 0 0 0 transparent
    }

        .ui.blue.message .header {
            color: #1e77ba
        }

    .ui.violet.message {
        background-color: #eae7ff;
        color: #6435c9;
        box-shadow: 0 0 0 1px #6435c9 inset,0 0 0 0 transparent
    }

        .ui.violet.message .header {
            color: #5a30b5
        }

    .ui.purple.message {
        background-color: #f6e7ff;
        color: #a333c8;
        box-shadow: 0 0 0 1px #a333c8 inset,0 0 0 0 transparent
    }

        .ui.purple.message .header {
            color: #922eb4
        }

    .ui.pink.message {
        background-color: #ffe3fb;
        color: #e03997;
        box-shadow: 0 0 0 1px #e03997 inset,0 0 0 0 transparent
    }

        .ui.pink.message .header {
            color: #dd238b
        }

    .ui.brown.message {
        background-color: #f1e2d3;
        color: #a5673f;
        box-shadow: 0 0 0 1px #a5673f inset,0 0 0 0 transparent
    }

        .ui.brown.message .header {
            color: #935b38
        }

    .ui.mini.message {
        font-size: .78571429em
    }

    .ui.tiny.message {
        font-size: .85714286em
    }

    .ui.small.message {
        font-size: .92857143em
    }

    .ui.message {
        font-size: 1em
    }

    .ui.large.message {
        font-size: 1.14285714em
    }

    .ui.big.message {
        font-size: 1.28571429em
    }

    .ui.huge.message {
        font-size: 1.42857143em
    }

    .ui.massive.message {
        font-size: 1.71428571em
    }

    .ui.dropdown {
        cursor: pointer;
        position: relative;
        display: inline-block;
        outline: 0;
        text-align: left;
        -webkit-transition: box-shadow .1s ease,width .1s ease;
        transition: box-shadow .1s ease,width .1s ease;
        -webkit-tap-highlight-color: transparent
    }

        .ui.dropdown .menu {
            cursor: auto;
            position: absolute;
            display: none;
            outline: 0;
            top: 100%;
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
            min-width: max-content;
            margin: 0;
            padding: 0 0;
            background: #fff;
            font-size: 1em;
            text-shadow: none;
            text-align: left;
            box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
            border: 1px solid rgba(34,36,38,.15);
            border-radius: .28571429rem;
            -webkit-transition: opacity .1s ease;
            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;
            -webkit-transition: none;
            transition: none
        }

        .ui.dropdown .menu > .item {
            position: relative;
            cursor: pointer;
            display: block;
            border: none;
            height: auto;
            text-align: left;
            border-top: none;
            line-height: 1em;
            color: rgba(0,0,0,.87);
            padding: .78571429rem 1.14285714rem !important;
            font-size: 1rem;
            text-transform: none;
            font-weight: 400;
            box-shadow: none;
            -webkit-touch-callout: none
        }

            .ui.dropdown .menu > .item:first-child {
                border-top-width: 0
            }

        .ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {
            float: right !important;
            margin-right: 0 !important;
            margin-left: 1em !important
        }

        .ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {
            float: left !important;
            margin-left: 0 !important;
            margin-right: 1em !important
        }

        .ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {
            margin-top: 0
        }

        .ui.dropdown .menu > .header {
            margin: 1rem 0 .75rem;
            padding: 0 1.14285714rem;
            color: rgba(0,0,0,.85);
            font-size: .78571429em;
            font-weight: 700;
            text-transform: uppercase
        }

        .ui.dropdown .menu > .divider {
            border-top: 1px solid rgba(34,36,38,.1);
            height: 0;
            margin: .5em 0
        }

        .ui.dropdown .menu > .input {
            width: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 1.14285714rem .78571429rem;
            min-width: 10rem
        }

        .ui.dropdown .menu > .header + .input {
            margin-top: 0
        }

        .ui.dropdown .menu > .input:not(.transparent) input {
            padding: .5em 1em
        }

        .ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {
            padding-top: .5em;
            padding-bottom: .5em
        }

        .ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {
            float: right;
            margin: 0 0 0 1em;
            color: rgba(0,0,0,.4)
        }

        .ui.dropdown .menu > .message {
            padding: .78571429rem 1.14285714rem;
            font-weight: 400
        }

            .ui.dropdown .menu > .message:not(.ui) {
                color: rgba(0,0,0,.4)
            }

        .ui.dropdown .menu .menu {
            top: 0 !important;
            left: 100%;
            right: auto;
            margin: 0 0 0 -.5em !important;
            border-radius: .28571429rem !important;
            z-index: 21 !important
        }

            .ui.dropdown .menu .menu:after {
                display: none
            }

        .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
            margin-top: 0
        }

        .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img {
            margin-top: 0
        }

        .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
            margin-left: 0;
            float: none;
            margin-right: .78571429rem
        }

        .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {
            display: inline-block;
            vertical-align: top;
            width: auto;
            margin-top: -.5em;
            margin-bottom: -.5em;
            max-height: 2em
        }

        .ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {
            display: none
        }

    .ui.menu .ui.dropdown .menu .active.item {
        border-left: none
    }

    .ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu {
        left: auto;
        right: 0
    }

    .ui.label.dropdown .menu {
        min-width: 100%
    }

    .ui.dropdown.icon.button > .dropdown.icon {
        margin: 0
    }

    .ui.button.dropdown .menu {
        min-width: 100%
    }

    .ui.selection.dropdown {
        cursor: pointer;
        word-wrap: break-word;
        line-height: 1em;
        white-space: normal;
        outline: 0;
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
        min-width: 14em;
        min-height: 2.71428571em;
        background: #fff;
        display: inline-block;
        padding: .78571429em 2.1em .78571429em 1em;
        color: rgba(0,0,0,.87);
        box-shadow: none;
        border: 1px solid #8892a2;
        border-radius: .28571429rem;
        -webkit-transition: box-shadow .1s ease,width .1s ease;
        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;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease
    }

    .ui.compact.selection.dropdown {
        min-width: 0
    }

    .ui.selection.dropdown .menu {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-overflow-scrolling: touch;
        border-top-width: 0 !important;
        width: auto;
        outline: 0;
        margin: 0 -1px;
        min-width: calc(100% + 2px);
        width: calc(100% + 2px);
        border-radius: 0 0 .28571429rem .28571429rem;
        box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
        -webkit-transition: opacity .1s ease;
        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: rgba(34,36,38,.35);
        box-shadow: none
    }

    .ui.selection.active.dropdown {
        border-color: #bb8d48;
        box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
    }

        .ui.selection.active.dropdown .menu {
            border-color: #bb8d48 !important;
            box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
        }

    .ui.selection.dropdown:focus {
        border-color: #bb8d48;
        box-shadow: none
    }

        .ui.selection.dropdown:focus .menu {
            border-color: #bb8d48;
            box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
        }

    .ui.selection.visible.dropdown > .text:not(.default) {
        font-weight: 400;
        color: rgba(0,0,0,.8)
    }

    .ui.selection.active.dropdown:hover {
        border-color: #bb8d48;
        box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
    }

        .ui.selection.active.dropdown:hover .menu {
            border-color: #bb8d48;
            box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
        }

    .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: rgba(115,115,115,.87) !important
    }

    .ui.search.dropdown .menu {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-overflow-scrolling: touch
    }

    @media only screen and (max-width:767px) {
        .ui.search.dropdown .menu {
            max-height: 8.01428571rem
        }
    }

    @media only screen and (min-width:768px) {
        .ui.search.dropdown .menu {
            max-height: 10.68571429rem
        }
    }

    @media only screen and (min-width:992px) {
        .ui.search.dropdown .menu {
            max-height: 16.02857143rem
        }
    }

    @media only screen and (min-width:1920px) {
        .ui.search.dropdown .menu {
            max-height: 21.37142857rem
        }
    }

    .ui.multiple.dropdown {
        padding: .22619048em 2.1em .22619048em .35714286em
    }

        .ui.multiple.dropdown .menu {
            cursor: auto
        }

    .ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {
        cursor: text
    }

    .ui.multiple.dropdown > .label {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        font-size: 1em;
        padding: .35714286em .78571429em;
        margin: .14285714rem .28571429rem .14285714rem 0;
        box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset
    }

    .ui.multiple.dropdown .dropdown.icon {
        margin: '';
        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: rgba(0,0,0,.95);
        box-shadow: none;
        z-index: 12
    }

    .ui.dropdown .menu > .item:hover {
        background: rgba(0,0,0,.05);
        color: rgba(0,0,0,.95);
        z-index: 13
    }

    .ui.loading.dropdown > i.icon {
        height: 1em !important
    }

    .ui.loading.selection.dropdown > i.icon {
        padding: 1.5em 1.28571429em !important
    }

    .ui.loading.dropdown > i.icon:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        margin: -.64285714em 0 0 -.64285714em;
        width: 1.28571429em;
        height: 1.28571429em;
        border-radius: 500rem;
        border: .2em solid rgba(0,0,0,.1)
    }

    .ui.loading.dropdown > i.icon:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        box-shadow: 0 0 0 1px transparent;
        margin: -.64285714em 0 0 -.64285714em;
        width: 1.28571429em;
        height: 1.28571429em;
        -webkit-animation: dropdown-spin .6s linear;
        animation: dropdown-spin .6s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border-radius: 500rem;
        border-color: #767676 transparent transparent;
        border-style: solid;
        border-width: .2em
    }

    .ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {
        display: none
    }

    @-webkit-keyframes dropdown-spin {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes dropdown-spin {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {
        color: rgba(191,191,191,.87)
    }

    .ui.default.dropdown:not(.button) > input:focus ~ .text, .ui.dropdown:not(.button) > input:focus ~ .default.text {
        color: rgba(115,115,115,.87)
    }

    .ui.loading.dropdown > .text {
        -webkit-transition: none;
        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: #009dad
    }

    .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, .ui.dropdown .left.menu .item .dropdown.icon {
        width: auto;
        float: left;
        margin: 0
    }

        .ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
            margin-left: 1em;
            margin-right: 0
        }

    .ui.upward.dropdown > .menu {
        top: auto;
        bottom: 100%;
        box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
        border-radius: .28571429rem .28571429rem 0 0
    }

    .ui.dropdown .upward.menu {
        top: auto !important;
        bottom: 0 !important
    }

    .ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {
        border-radius: .28571429rem .28571429rem 0 0 !important
    }

    .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
        border-radius: .28571429rem .28571429rem 0 0
    }

    .ui.upward.selection.dropdown .menu {
        border-top-width: 1px !important;
        border-bottom-width: 0 !important;
        box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
    }

    .ui.upward.selection.dropdown:hover {
        box-shadow: 0 0 2px 0 rgba(0,0,0,.05)
    }

    .ui.active.upward.selection.dropdown {
        border-radius: 0 0 .28571429rem .28571429rem !important
    }

    .ui.upward.selection.dropdown.visible {
        box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
        border-radius: 0 0 .28571429rem .28571429rem !important
    }

    .ui.upward.active.selection.dropdown:hover {
        box-shadow: 0 0 3px 0 rgba(0,0,0,.05)
    }

        .ui.upward.active.selection.dropdown:hover .menu {
            box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
        }

    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        overflow-x: hidden;
        overflow-y: auto
    }

    .ui.scrolling.dropdown .menu {
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-overflow-scrolling: touch;
        min-width: 100% !important;
        width: auto !important
    }

    .ui.dropdown .scrolling.menu {
        position: static;
        overflow-y: auto;
        border: none;
        box-shadow: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        min-width: 100% !important;
        width: auto !important;
        border-top: 1px solid rgba(34,36,38,.15)
    }

        .ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item {
            border-top: none
        }

        .ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child {
            border-top: none
        }

    .ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {
        display: block
    }

    @media all and (-ms-high-contrast:none) {
        .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
            min-width: calc(100% - 17px)
        }
    }

    @media only screen and (max-width:767px) {
        .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
            max-height: 10.28571429rem
        }
    }

    @media only screen and (min-width:768px) {
        .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
            max-height: 15.42857143rem
        }
    }

    @media only screen and (min-width:992px) {
        .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
            max-height: 20.57142857rem
        }
    }

    @media only screen and (min-width:1920px) {
        .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
            max-height: 20.57142857rem
        }
    }

    .ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before {
        display: none
    }

    .ui.simple.dropdown .menu {
        position: absolute;
        display: block;
        overflow: hidden;
        top: -9999px !important;
        opacity: 0;
        width: 0;
        height: 0;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease
    }

    .ui.simple.active.dropdown, .ui.simple.dropdown:hover {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

        .ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {
            overflow: visible;
            width: auto;
            height: auto;
            top: 100% !important;
            opacity: 1
        }

            .ui.simple.dropdown:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu {
                overflow: visible;
                width: auto;
                height: auto;
                top: 0 !important;
                left: 100% !important;
                opacity: 1
            }

    .ui.simple.disabled.dropdown:hover .menu {
        display: none;
        height: 0;
        width: 0;
        overflow: hidden
    }

    .ui.simple.visible.dropdown > .menu {
        display: block
    }

    .ui.fluid.dropdown {
        display: block;
        width: 100%;
        min-width: 0
    }

        .ui.fluid.dropdown > .dropdown.icon {
            float: right
        }

    .ui.floating.dropdown .menu {
        left: 0;
        right: auto;
        box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15) !important;
        border-radius: .28571429rem !important
    }

    .ui.floating.dropdown > .menu {
        margin-top: .5em !important;
        border-radius: .28571429rem !important
    }

    .ui.pointing.dropdown > .menu {
        top: 100%;
        margin-top: .78571429rem;
        border-radius: .28571429rem
    }

        .ui.pointing.dropdown > .menu:after {
            display: block;
            position: absolute;
            pointer-events: none;
            content: '';
            visibility: visible;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: .5em;
            height: .5em;
            box-shadow: -1px -1px 0 0 rgba(34,36,38,.15);
            background: #fff;
            z-index: 2
        }

        .ui.pointing.dropdown > .menu:after {
            top: -.25em;
            left: 50%;
            margin: 0 0 0 -.25em
        }

    .ui.top.left.pointing.dropdown > .menu {
        top: 100%;
        bottom: auto;
        left: 0;
        right: auto;
        margin: 1em 0 0
    }

    .ui.top.left.pointing.dropdown > .menu {
        top: 100%;
        bottom: auto;
        left: 0;
        right: auto;
        margin: 1em 0 0
    }

        .ui.top.left.pointing.dropdown > .menu:after {
            top: -.25em;
            left: 1em;
            right: auto;
            margin: 0;
            -webkit-transform: rotate(45deg);
            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;
            -webkit-transform: rotate(45deg);
            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;
            -webkit-transform: rotate(-45deg);
            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;
            -webkit-transform: rotate(135deg);
            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;
            -webkit-transform: rotate(135deg);
            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;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }

        .ui.bottom.pointing.dropdown > .menu .menu {
            top: auto !important;
            bottom: 0 !important
        }

    .ui.bottom.left.pointing.dropdown > .menu {
        left: 0;
        right: auto
    }

        .ui.bottom.left.pointing.dropdown > .menu:after {
            left: 1em;
            right: auto
        }

    .ui.bottom.right.pointing.dropdown > .menu {
        right: 0;
        left: auto
    }

        .ui.bottom.right.pointing.dropdown > .menu:after {
            left: auto;
            right: 1em
        }

    .ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu {
        top: auto !important;
        bottom: 100% !important;
        margin: 0 0 .78571429rem;
        border-radius: .28571429rem
    }

        .ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after {
            top: 100% !important;
            bottom: auto !important;
            box-shadow: 1px 1px 0 0 rgba(34,36,38,.15);
            margin: -.25em 0 0
        }

    .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
        top: auto !important;
        bottom: 0 !important;
        margin: 0 1em 0 0
    }

        .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
            top: auto !important;
            bottom: 0 !important;
            margin: 0 0 1em 0;
            box-shadow: -1px -1px 0 0 rgba(34,36,38,.15)
        }

    .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
        top: auto !important;
        bottom: 0 !important;
        margin: 0 0 0 1em
    }

        .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
            top: auto !important;
            bottom: 0 !important;
            margin: 0 0 1em 0;
            box-shadow: -1px -1px 0 0 rgba(34,36,38,.15)
        }

    @font-face {
        font-family: Dropdown;
        src: url(data:application/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"
    }



    .ui.green.statistic > .value, .ui.green.statistics .statistic > .value, .ui.statistics .green.statistic > .value {
        color: #bb8d48 !important;
    }



    .ui.inverted.green.statistic > .value, .ui.inverted.green.statistics .statistic > .value, .ui.statistics .inverted.green.statistic > .value {
        color: #bb8d48 !important;
    }

  .ui.error.message {
    display: none;
}

.ui.table {
    width: 100%;
    border-collapse: collapse;
}

    .ui.table th, .ui.table td {
        padding: 12px;
        text-align: left;
    }

    .ui.table th {
        background-color: #f4f4f4;
        font-weight: bold;
    }

input[type="number"] {
    width: 100%;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip::after {
    content: attr(title);
    position: absolute;
    left: 0;
    top: 100%; 
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.tooltip:hover::after {
    opacity: 1;
}


/* Style for the label */
.custom-label {
    font-size: large;
    font-weight: bold; /* Makes the description text bold */
}

/* Optional: Style for the label when the radio button is selected */
/*.custom-radio:checked + .custom-label {
    color: yellow; 
}*/

.ui.labeled.inputGrid {
    width: auto;
    display: flex;
    align-items: center;
}

.ui.green.labelgrid {
    font-size: 14px; /* Set the size of the currency symbol */
    padding: 10px 15px;
    /*margin-right: 5px;*/ /* Space between the symbol and input */
    background-color: #bb8d48 !important;
    color: white;
    font-weight:bold;
}

.form-control.text-rightgrid {
    flex-grow: 1;
    /*padding-left: 5px;*/ /* Padding to prevent text overlap */
    text-align: right;
    color:white;
}


/* Styling for the modal */
#cancelModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color: rgba(0, 0, 0, 0.5);*/ /* Semi-transparent background */
    padding: 20px;
    z-index: 9999;
}
#cancelModal2 {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color: rgba(0, 0, 0, 0.5);*/ /* Semi-transparent background */
    padding: 20px;
    z-index: 9999;
}
/* Modal content */
.modal-content {
    background-color: white; /* White background */
    padding: 20px;
    width: 300px;
    border: none; /* Removes the border from the dialog box */
    box-shadow: none; /* Optional: removes any shadow around the modal */
}

/* Modal header: Logo and message */
.modal-header {
    display: flex;
    justify-content: center; /* Center the logo horizontally */
    margin-bottom: 10px;
}

.danger-logo {
    width: 30px;
    height: 30px;
}

.modal-message {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px; /* Space between message and buttons */
}

/* Flexbox layout for the button row, aligned to the right */
.button-row {
    display: flex;
    justify-content: flex-end; /* Align buttons to the right */
}

    .button-row button {
        margin-left: 10px; /* Space between buttons */
    }

#shareholderModalAdd {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Dark background overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Modal background overlay should be below the modal */
}
#shareholderModal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Dark background overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Modal background overlay should be below the modal */
}

.modal-contentSh {
    width: 60%; /* Smaller width for the modal */
    height: 60%; /* Smaller height for the modal */
    background-color: #fff;
    overflow: hidden; /* Hide overflow of modal content */
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    position: fixed; /* Position it fixed on the screen */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center it */
    z-index: 9999; /* Make sure it is above other content */
}
#cloneaddSh {
    max-height: calc(100% - 40px); /* Reduce by padding */
    overflow-y: auto; /* Scrollable content */
    padding-right: 10px;
    padding-bottom: 10px;
}

.button-rowSh {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.ui.buttonSh {
    width: 48%;
}

.ui.red.buttonSh {
    text-align: center;
}

.ui.blue.buttonSh {
    text-align: center;
}

/* Loader Styles */
/*#loader {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column; 
    text-align: center;
}*/

/* Spinner */
.spinner {
    border: 4px solid rgba(0, 0, 0, 0.3); /* Light gray border */
    border-top: 4px solid #fff; /* White border for spinner */
    border-radius: 50%;
    width: 50px; /* Size of the spinner */
    height: 50px; /* Size of the spinner */
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Loading Text (Black color) */
#loading-text {
    font-size: 20px;
    color: black; /* Change text color to black */
    margin-top: 15px; /* Space between the spinner and the text */
    font-weight: bold; /* Make text bold for better visibility */
}

/* Blur Effect */
#blur-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Slightly dark background */
    display: none;
    filter: blur(5px); /* Apply blur */
    z-index: 9998; /* Behind the loader */
}

#btnAddShareHolderJoin {
    display: inline-block !important; /* Ensure button is not hidden */
    visibility: visible !important; /* Make sure the button is visible */
    position: relative; /* Relative positioning */
}

.center-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* full viewport height */
}

#img-logo {
    max-width: 100%;
    height: auto;
}

.double-inline-field {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.inline-field {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;   
}

    .inline-field label {
        white-space: nowrap;
        min-width: 100px;
        font-weight: 500;
        font-size: initial;
    }


/* Style for the input fields with fully rounded corners */
.searchform-input {
    flex: 1;
    padding: 10px 16px; /* Adjust padding to increase height */
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 20px !important; /* Full round corners (pill shape) */
    color: black !important; /* Text color for the input */
    background-color: #F4E9DD !important;
    box-sizing: border-box;
    max-width: 100%;
    border-style: solid;
    border-color: #e8caa6 !important;
    width:auto;
}

    /* Correctly style the placeholder text color */
    .searchform-input::placeholder {
        color: black !important; /* Placeholder text color */
        opacity: 1; /* Ensures full opacity of the placeholder text */
    }

.ui.calendar {
    width: 100%; /* Make sure the calendar input spans the available width */
    max-width: 100%; /* Ensures it doesn’t get too small */
    color: #F4E9DD !important;
}

    .ui.calendar .ui.input {
        width: 100%; /* Ensure the input box takes the full width of the calendar container */
        max-width: 100%; /* Ensures it doesn't shrink too much */
        color: #F4E9DD !important;
    }

/* Make the calendar icon and input look better */
.ui.input.left.icon input {
    padding-left: 2rem; /* Provides some space between the calendar icon and text */
    font-size: 14px; /* Adjust font size to make it readable */
}

.custom-button {
    width: 210px;
    text-align: center;
    font-weight: normal;
}

.copyright-footer {
    background-color: #F4E9DD;
    color: black;
    padding: 10px;
    text-align: center;
    width: 100%; 
    z-index: 1000; 
    margin-left: auto;
    margin-right: auto;
}

.recaptcha-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0;
    margin-left:125px !important;
    padding-left: 20px;
}
.recaptcha-containerlogin {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0;
    margin-left: 100px !important;
    padding-left: 20px;
}

.mobileviewReg {
    margin-left: 18px !important
}

.statName {
    margin-left: 28px !important
}

.statAccountDown {
    margin-left: 30px !important;
}
.btnView {
    margin-left:150px !important;
}

.statRadio {
    margin-left: 30px !important
}
.statEnd {
    margin-left: 25px !important
}
.businessCard {
    width: 50% !important;
    margin: 0 auto; /* auto centering */
}
.logout {
    margin-right: 80px !important;
    margin-top: 10px !important
}
.dashboardLogo {
    margin-left: 50px !important;
}
.textleft {
    text-align: left;
}

.email-label {
    font: 300 15px/22px "Georgia", Helvetica, Arial, Verdana, sans-serif !important;
    margin-bottom: 5px;
    text-align: start;
}

.mobileviewLoan {
    display: none !important;
}

.desktopviewLoan {
    display: block !important;
}

.resetCancelBtn {
    display: inline-block;
    margin-top: 0px !important;
    margin-left: 15px !important
}

.mobileViewEmail {
    margin-left: 36px !important
}

.webview {
    margin-right: 10px !important
}
.mobileViewPassword {
    margin-left: 35px !important
}

.radio-switch-container {
    margin-left: 730px;
}

.radiobtn {
    margin-left: 20px;
    margin-top: 0px;
}

.radio-switch-business {
    margin-left: 650px;
}
@media (max-width: 440px) {

    .info-container{
       width:120% !important;
    }
}
    @media (max-width: 768px) {

        .radiobtn {
            margin-left: 5px;
            margin-top: 10px;
        }

        .info-cardBusiness {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
            box-sizing: border-box;
            padding: 16px;
        }

            .info-cardBusiness .card-content {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

        .recaptcha-container {
            justify-content: center;
            padding-left: 0;
            margin-left: 0px !important;
        }

        .recaptcha-containerlogin {
            justify-content: center;
            padding-left: 0;
            margin-left: 0px !important;
        }

        .g-recaptcha {
            transform: scale(0.85);
            transform-origin: center;
        }

        .mobileviewReg {
            margin-left: 0px !important
        }

        .mobileViewEmail {
            margin-left: 0px !important
        }

        .mobileViewPassword {
            margin-left: 0px !important
        }

        .statName {
            margin-left: 0px !important
        }

        .statAccountDown {
            margin-left: 0px !important
        }
        .pickerhight {
            height: 40px !important;
        }
        .btnView {
            margin-left: 0px !important
        }
        .statRadio {
            margin-left: 0px !important
        }

        .statEnd {
            margin-left: 0px !important
        }

        .businessCard {
            width: 100% !important;
            margin: 0; /* Remove auto centering */
        }
        .logout {
            margin-right: 0px !important;
            margin-bottom: 10px !important
        }
        .dashboardLogo {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }
        .textleft {
            text-align: center;
        }
        .email-label {
            font: 300 15px/22px "Georgia", Helvetica, Arial, Verdana, sans-serif !important;
            text-align: center;
        }
        .mobileviewLoan {
            display: block !important;
        }
        .desktopviewLoan {
            display: none !important;
        }
        .resetCancelBtn {
            display: inline-block;
            margin-top: 15px !important;
            margin-left: 0px !important
        }
        .btnColor {
            background-color: #F4E9DD !important
        }

        .radio-switch-container {
            display: flex;
            align-items: flex-start;
            text-align: left;
            margin-left: 0;
            margin-right: 0;
            flex-direction: row;
            justify-content: space-around;
            color: black;
        }

        .radio-switch-business {
            display: flex;
            align-items: flex-start;
            text-align: left;
            margin-left: 0;
            margin-right: 0;
            flex-direction: row;
            justify-content: space-around;
            color: black;
        }

        .info-card {
            width: 100%;
            /*display: flex;*/
            flex-direction: column;
            align-items: flex-start; /* center the rows horizontally */
            text-align: left;
            margin: 0 auto;
            padding: 2rem 1rem;
            background-color: #fff;
            border: 1px solid #d3b77d;
            border-radius: 10px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .info-row {
            width: 100%;
            margin-bottom: 12px;
            padding-bottom: 6px;
            border-bottom: 1px solid #e2c8a4;
            display: flex;
            flex-direction: column;
            /*align-items: flex-start; 
        display: flex;*/
        }

        .info-label {
            font-weight: bold;
            font-size: 0.9rem;
            color: #6b4f28;
            margin-bottom: 4px;
            /*align-items: flex-start;*/
            /*display: flex;*/
        }

        .info-value {
            font-size: 1rem;
            color: #333;
            align-items: flex-start;
            display: flex;
        }

        .ui.form .fields .field {
            width: 100% !important;
        }

        .info-container {
            width: 350px !important;
            display: flex;
            flex-wrap: wrap;           
            justify-content: center;
            padding: 0px;
            margin-top: 22px;
            margin-bottom: 20px;
        }

        .info-wrapper {
            background: #fff;            
            padding: 10px 0 0 0 !important;
            max-width: 1155px; /* Adjust as needed */
            margin: 0 auto; /* Center horizontally */
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Optional: subtle shadow */
        }
        .card-title {
            text-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-left:30px !important;
        }
        .card-titleBusiness {
            text-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-left: 25px !important;
        }
    }

    
   
    /* Container Layout */
    .info-container {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
        padding: 20px;
        margin-top: 22px;
        margin-bottom: 20px;
    }

    .info-row {
        display: flex;
        justify-content: space-between;
        background-color: #fdf6ed;
        margin: 6px 0;
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 0.95rem;
        border-bottom: 2px solid #e2c8a4;
    }

    .info-rowEmail {
        display: flex;
        justify-content: space-between;
        background-color: #fdf6ed;
        margin: 6px 0;
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 0.95rem;
    }
    /* Each Card */
    .info-card {
        background: #fff;
        border: 1px solid #d3b77d;
        border-radius: 10px;
        width: 300px;
        padding: 4rem 1rem 1.5rem;
        text-align: center;
        position: relative;
        background-color: white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        position: relative;
        padding-top: 60px; /* Make space for the switch */
    }

    .info-cardBusiness {
        background: #fff;
        border: 1px solid #d3b77d;
        border-radius: 10px;
        width: 500px;
        padding: 4rem 1rem 1.5rem;
        text-align: center;
        position: relative;
        background-color: white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        position: relative;
        padding-top: 60px; /* Make space for the switch */
        margin-bottom: 20px;
    }
    /* Icon Container */
    .card-header-icon {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    /* Icon Glow */
    .icon-glow {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60px;
        height: 60px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: radial-gradient(circle, rgba(255, 205, 130, 0.4) 0%, transparent 70%);
        z-index: -1;
    }

.large-icon {
    font-size: 45px !important;
}
    /* Icon */
    .card-header-icon i {
        font-size: 36px;
        padding: 12px;
        background-color: #c19b6c;
        color: white;
        border: 3px solid white;
        border-radius: 50%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    /* Title */
    .card-title {
        font-size: 1.2rem;
        font-weight: bold;
        color: #5c4433;
        margin-top: 10px;
    }
.card-titleBusiness {
    font-size: 1.2rem;
    font-weight: bold;
    color: #5c4433;
    margin-top: 10px;
}

    /* Info List */
    .info-list {
        list-style: none;
        padding: 0;
        margin-top: 1rem;
        text-align: left;
    }

        .info-list li {
            margin-bottom: 8px;
        }

    /* Highlighted Card */
    .highlight {
        border: 2px solid #fbb03b;
    }

        .highlight .card-title {
            color: #fbb03b;
        }
        .highlight .card-titleBusiness {
            color: #fbb03b;
        }

    /*.info-row:last-child {
        border-bottom: none;
    }*/

.info-wrapper {
    background: #fff;
    padding: 45px 80px; /* Top and bottom spacing */
    width: 100% !important; /* Adjust as needed */
    margin: 0 auto; /* Center horizontally */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Optional: subtle shadow */
}




    .card-switch {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1;
    }

    /* Style the switch only */
    input[type="checkbox"] {
        display: none;
    }

    .switch-label {
        position: relative;
        width: 60px;
        height: 34px;
        display: inline-block;
        background: #666666;
        border-radius: 30px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .switch-label::after {
            content: "";
            position: absolute;
            left: 2px;
            top: 2px;
            width: 30px;
            height: 30px;
            background: #FFF;
            border-radius: 50%;
            box-shadow: 1px 3px 6px #666666;
            transition: all 0.3s ease;
        }

    input:checked + .switch-label {
        background: #009900;
    }

        input:checked + .switch-label::after {
            left: auto;
            right: 2px;
        }


    .email-row {
        background-color: #fdf6ed; /* light peach background */
        padding: 10px 12px;
        margin-top: 10px;
        border-radius: 6px;
        text-align: start;
        word-break: break-word; /* allow line breaks inside long emails */
        border-bottom: 2px solid #d3b77d;
    }

    .email-value {
        font-size: 14px;
        color: #333;
        text-align: start;
    }

    .scroll-container {
        max-height: 200px; /* Adjust height as needed */
        overflow-y: auto;
    }

    .profile {
        width: 100% !important;
    }

    .info-row {
        width: 100% !important;
    }

    @media only screen and (min-width:701px) {
        .selectbox {
            width: 50% !important;
        }




        /*.mobile-center {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
    }

        .mobile-center button {
            margin: 0 auto !important;
            display: inline-block !important;
        }*/
    }


    @media only screen and (max-width:700) {


        .radio-switch-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 20px;
        }

            .radio-switch-container label {
                margin: 5px 0;
            }

        /*.info-row, .email-row {
        flex-direction: column;
        align-items: flex-start;
    }*/

        .label, .email-label {
            margin-bottom: 4px;
        }

        .value, .email-value {
            text-align: left;
        }
    }


    .ui.form .field .ui.input.left.icon input {
        padding-left: 2.2em !important; /* Ensure icon space inside input */
    }

    #desktop-statements tbody tr {
        border-bottom: 2px solid #bb8d48;
        /*border-radius: 20px !important;*/
    }


    #mobile-statements tbody tr {
        border-bottom: 2px solid #bb8d48;
        /*border-radius: 20px !important;*/
        margin-left: 20px !important;
    }

    #mobile-statements_previous,
    #mobile-statements_next,
    #desktop-statements_previous,
    #desktop-statements_next {
        background-color: #bb8d48 !important;
    }

    .ui.pagination.menu .active.item {
        color: white !important;
        background-color: #bb8d48 !important;
    }


.ui.accordion .content .submenu-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

    .ui.accordion .content .submenu-links a {
        color: white !important;
        font-size: 15px !important;
        text-align: center;
    }

.same-font {
    font: 15px !important;
    /*font: 700 17px / 21px "Georgia", Helvetica, Arial, Verdana, sans-serif;*/
    color: white !important;
    text-transform: capitalize   
}
@media only screen and (min-width: 1200px) {
    .ui.grid.container {
        width: 100% !important;
    }
}