/*
=============================================================================
 Bootstrap styles + application styles and overrides
=============================================================================
*/
/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
/*
=============================================================================
 Mixins
=============================================================================
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html
{
    font-family: sans-serif;

        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body
{
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary
{
    display: block;
}
audio,
canvas,
progress,
video
{
    display: inline-block;

    vertical-align: baseline;
}
audio:not([controls])
{
    display: none;

    height: 0;
}
[hidden],
template
{
    display: none;
}
a
{
    background-color: transparent;
}
a:active,
a:hover
{
    outline: 0;
}
abbr[title]
{
    text-decoration: underline;
    text-decoration: underline dotted;

    border-bottom: none;
}
b,
strong
{
    font-weight: bold;
}
dfn
{
    font-style: italic;
}
h1
{
    font-size: 2em;

    margin: .67em 0;
}
mark
{
    color: #000;
    background: #ff0;
}
small
{
    font-size: 80%;
}
sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}
sup
{
    top: -.5em;
}
sub
{
    bottom: -.25em;
}
img
{
    border: 0;
}
svg:not(:root)
{
    overflow: hidden;
}
figure
{
    margin: 1em 40px;
}
hr
{
    -moz-box-sizing: content-box;
         box-sizing: content-box;
    height: 0;
}
pre
{
    overflow: auto;
}
code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;

    color: inherit;
}
button
{
    overflow: visible;
}
button,
select
{
    text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer;

    -webkit-appearance: button;
}
button[disabled],
html input[disabled]
{
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}
input
{
    line-height: normal;
}
input[type='checkbox'],
input[type='radio']
{
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}
input[type='search']
{
    -moz-box-sizing: content-box;
         box-sizing: content-box;

    -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}
fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}
legend
{
    padding: 0;

    border: 0;
}
textarea
{
    overflow: auto;
}
optgroup
{
    font-weight: bold;
}
table
{
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th
{
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print
{
    *,
    *:before,
    *:after
    {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited
    {
        text-decoration: underline;
    }
    a[href]:after
    {
        content: ' (' attr(href) ')';
    }
    abbr[title]:after
    {
        content: ' (' attr(title) ')';
    }
    a[href^='#']:after,
    a[href^='javascript:']:after
    {
        content: '';
    }
    pre,
    blockquote
    {
        border: 1px solid #999;

        page-break-inside: avoid;
    }
    thead
    {
        display: table-header-group;
    }
    tr,
    img
    {
        page-break-inside: avoid;
    }
    img
    {
        max-width: 100% !important;
    }
    p,
    h2,
    h3
    {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3
    {
        page-break-after: avoid;
    }
    .navbar,
    .navbar.NavBar,
    .navbar.SubNavBar
    {
        display: none;
    }
    .btn > .caret,
    .dropup > .btn > .caret
    {
        border-top-color: #000 !important;
    }
    .label
    {
        border: 1px solid #000;
    }
    .table,
    table.table
    {
        border-collapse: collapse !important;
    }
    .table td,
    .table th
    {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td
    {
        border: 1px solid #ddd !important;
    }
}
/* *:focus-visible,
*:focus {
    outline: 2px solid -webkit-focus-ring-color !important;
} */
p,
span,
td,
th
{
    line-height: 1.5;

    letter-spacing: .12px !important;
    word-spacing: .16px !important;
}
p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
hr
{
    height: 1px;
    margin: 1em 0;
    padding: 0;

    border-top: 2px solid #ebebeb !important;
}
.container h1
{
    margin-top: 0;
}
h1,
h2,
h3,
h4,
h5
{
    font-family: 'Geomanist-Regular' !important;
    font-weight: 600 !important;

    color: #2b2b2b !important;
}
h1
{
    font-size: 34px !important;

    padding-bottom: 10px;
}
h2
{
    font-size: 26px !important;
}
h3
{
    font-size: 22px !important;
}
h4
{
    font-size: 18px !important;
}
h5
{
    font-size: 16px !important;
}
blockquote
{
    border-left: 4px solid #d0004b !important;
}
input
{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
label
{
    font-size: 14px;
    font-weight: lighter;
    line-height: 18px;

    color: #2b2b2b;
}
.greyed-out
{
    font-style: italic;

    color: #ababab;
}
.text-bold
{
    font-family: 'Geomanist-Regular';
    font-weight: 600;
}
.glyphicon.glyphicon-ok
{
    font-size: 20px;

    top: 2px;

    margin-right: .4em;

    color: #00d13b;
}
.glyphicon.glyphicon-remove
{
    font-size: 20px;

    top: 4px;

    margin-right: .4em;

    color: #b20000;
}
.village-blue-button.btn,
.village-blue-button.btn:hover
{
    color: white;
    border: none;
    background-color: #00addc;
}
.village-violet-button.btn,
.village-violet-button.btn:hover
{
    color: white;
    border: none;
    background-color: #9b00c8;
}
.village-light-blue-button.btn,
.village-light-blue-button.btn:hover
{
    color: #00addc;
    border: none;
    background-color: rgba(217, 243, 250, .35);
}
.village-violet-transparent-button.btn,
.village-violet-transparent-button.btn:hover
{
    color: #9b00c8;
    border: none;
    background-color: rgba(155, 0, 200, .35);
}
.loading
{
    font-size: inherit;

    padding: 20px;

    text-align: center;

    color: #2b2b2b;
    border: 0;
    border-radius: 0;
    background-color: #e7fffe;
}
.modal-header
{
    padding: 15px 15px 0 15px;
}
.modal-body
{
    padding: 15px;

    text-align: center;

    color: #2b2b2b;
}
.modal-footer
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 15px 15px 15px;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.bold-text
{
    font-weight: bold;
}
.alert
{
    border: 0 !important;
    border-radius: 0 !important;
}
.alert-danger
{
    color: #8d0a39 !important;
    background-color: #ffeef2 !important;
}
.alert-warning
{
    color: #813600 !important;
    background-color: #fff2df !important;
}
.alert-success
{
    color: #005418 !important;
    background-color: #f0ffd1 !important;
}
.alert-info
{
    color: #0375b5;
    background-color: #e7fffe;
}
.embed-responsive-16by9
{
    position: relative;

    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%;
}
.embed-responsive-16by9 > iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
*
{
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
*:before,
*:after
{
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
html
{
    font-size: 10px;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body
{
    font-family: 'Geomanist-Regular';
    font-size: 16px;
    line-height: 1.42857143;

    color: #2b2b2b;
    background-color: white;
}
input,
button,
select,
textarea
{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a
{
    text-decoration: none;

    color: #300f5e;
}
a:hover,
a:focus
{
    text-decoration: underline;

    color: #0e041c;
}
a:focus
{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
figure
{
    margin: 0;
}
img
{
    vertical-align: middle;
}
.img-responsive
{
    display: block;

    max-width: 100%;
    height: auto;
}
.img-rounded
{
    border-radius: 6px;
}
.img-thumbnail
{
    line-height: 1.42857143;

    display: inline-block;

    max-width: 100%;
    height: auto;
    padding: 4px;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;

    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: white;
}
.img-circle
{
    border-radius: 50%;
}
hr
{
    margin-top: 22px;
    margin-bottom: 22px;

    border: 0;
    border-top: 1px solid #eee;
}
.sr-only
{
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus
{
    position: static;

    overflow: visible;
    clip: auto;

    width: auto;
    height: auto;
    margin: 0;
}
[role='button']
{
    cursor: pointer;
}
.container
{
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px)
{
    .container
    {
        width: 750px;
    }
}
@media (min-width: 992px)
{
    .container
    {
        width: 970px;
    }
}
@media (min-width: 1200px)
{
    .container
    {
        width: 1170px;
    }
}
.container-fluid
{
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
.row
{
    margin-right: -15px;
    margin-left: -15px;
}
.row-no-gutters
{
    margin-right: 0;
    margin-left: 0;
}
.row-no-gutters [class*='col-']
{
    padding-right: 0;
    padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12
{
    position: relative;

    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12
{
    float: left;
}
.col-xs-12
{
    width: 100%;
}
.col-xs-11
{
    width: 91.66666667%;
}
.col-xs-10
{
    width: 83.33333333%;
}
.col-xs-9
{
    width: 75%;
}
.col-xs-8
{
    width: 66.66666667%;
}
.col-xs-7
{
    width: 58.33333333%;
}
.col-xs-6
{
    width: 50%;
}
.col-xs-5
{
    width: 41.66666667%;
}
.col-xs-4
{
    width: 33.33333333%;
}
.col-xs-3
{
    width: 25%;
}
.col-xs-2
{
    width: 16.66666667%;
}
.col-xs-1
{
    width: 8.33333333%;
}
.col-xs-pull-12
{
    right: 100%;
}
.col-xs-pull-11
{
    right: 91.66666667%;
}
.col-xs-pull-10
{
    right: 83.33333333%;
}
.col-xs-pull-9
{
    right: 75%;
}
.col-xs-pull-8
{
    right: 66.66666667%;
}
.col-xs-pull-7
{
    right: 58.33333333%;
}
.col-xs-pull-6
{
    right: 50%;
}
.col-xs-pull-5
{
    right: 41.66666667%;
}
.col-xs-pull-4
{
    right: 33.33333333%;
}
.col-xs-pull-3
{
    right: 25%;
}
.col-xs-pull-2
{
    right: 16.66666667%;
}
.col-xs-pull-1
{
    right: 8.33333333%;
}
.col-xs-pull-0
{
    right: auto;
}
.col-xs-push-12
{
    left: 100%;
}
.col-xs-push-11
{
    left: 91.66666667%;
}
.col-xs-push-10
{
    left: 83.33333333%;
}
.col-xs-push-9
{
    left: 75%;
}
.col-xs-push-8
{
    left: 66.66666667%;
}
.col-xs-push-7
{
    left: 58.33333333%;
}
.col-xs-push-6
{
    left: 50%;
}
.col-xs-push-5
{
    left: 41.66666667%;
}
.col-xs-push-4
{
    left: 33.33333333%;
}
.col-xs-push-3
{
    left: 25%;
}
.col-xs-push-2
{
    left: 16.66666667%;
}
.col-xs-push-1
{
    left: 8.33333333%;
}
.col-xs-push-0
{
    left: auto;
}
.col-xs-offset-12
{
    margin-left: 100%;
}
.col-xs-offset-11
{
    margin-left: 91.66666667%;
}
.col-xs-offset-10
{
    margin-left: 83.33333333%;
}
.col-xs-offset-9
{
    margin-left: 75%;
}
.col-xs-offset-8
{
    margin-left: 66.66666667%;
}
.col-xs-offset-7
{
    margin-left: 58.33333333%;
}
.col-xs-offset-6
{
    margin-left: 50%;
}
.col-xs-offset-5
{
    margin-left: 41.66666667%;
}
.col-xs-offset-4
{
    margin-left: 33.33333333%;
}
.col-xs-offset-3
{
    margin-left: 25%;
}
.col-xs-offset-2
{
    margin-left: 16.66666667%;
}
.col-xs-offset-1
{
    margin-left: 8.33333333%;
}
.col-xs-offset-0
{
    margin-left: 0;
}
@media (min-width: 768px)
{
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12
    {
        float: left;
    }
    .col-sm-12
    {
        width: 100%;
    }
    .col-sm-11
    {
        width: 91.66666667%;
    }
    .col-sm-10
    {
        width: 83.33333333%;
    }
    .col-sm-9
    {
        width: 75%;
    }
    .col-sm-8
    {
        width: 66.66666667%;
    }
    .col-sm-7
    {
        width: 58.33333333%;
    }
    .col-sm-6
    {
        width: 50%;
    }
    .col-sm-5
    {
        width: 41.66666667%;
    }
    .col-sm-4
    {
        width: 33.33333333%;
    }
    .col-sm-3
    {
        width: 25%;
    }
    .col-sm-2
    {
        width: 16.66666667%;
    }
    .col-sm-1
    {
        width: 8.33333333%;
    }
    .col-sm-pull-12
    {
        right: 100%;
    }
    .col-sm-pull-11
    {
        right: 91.66666667%;
    }
    .col-sm-pull-10
    {
        right: 83.33333333%;
    }
    .col-sm-pull-9
    {
        right: 75%;
    }
    .col-sm-pull-8
    {
        right: 66.66666667%;
    }
    .col-sm-pull-7
    {
        right: 58.33333333%;
    }
    .col-sm-pull-6
    {
        right: 50%;
    }
    .col-sm-pull-5
    {
        right: 41.66666667%;
    }
    .col-sm-pull-4
    {
        right: 33.33333333%;
    }
    .col-sm-pull-3
    {
        right: 25%;
    }
    .col-sm-pull-2
    {
        right: 16.66666667%;
    }
    .col-sm-pull-1
    {
        right: 8.33333333%;
    }
    .col-sm-pull-0
    {
        right: auto;
    }
    .col-sm-push-12
    {
        left: 100%;
    }
    .col-sm-push-11
    {
        left: 91.66666667%;
    }
    .col-sm-push-10
    {
        left: 83.33333333%;
    }
    .col-sm-push-9
    {
        left: 75%;
    }
    .col-sm-push-8
    {
        left: 66.66666667%;
    }
    .col-sm-push-7
    {
        left: 58.33333333%;
    }
    .col-sm-push-6
    {
        left: 50%;
    }
    .col-sm-push-5
    {
        left: 41.66666667%;
    }
    .col-sm-push-4
    {
        left: 33.33333333%;
    }
    .col-sm-push-3
    {
        left: 25%;
    }
    .col-sm-push-2
    {
        left: 16.66666667%;
    }
    .col-sm-push-1
    {
        left: 8.33333333%;
    }
    .col-sm-push-0
    {
        left: auto;
    }
    .col-sm-offset-12
    {
        margin-left: 100%;
    }
    .col-sm-offset-11
    {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10
    {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9
    {
        margin-left: 75%;
    }
    .col-sm-offset-8
    {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7
    {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6
    {
        margin-left: 50%;
    }
    .col-sm-offset-5
    {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4
    {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3
    {
        margin-left: 25%;
    }
    .col-sm-offset-2
    {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1
    {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0
    {
        margin-left: 0;
    }
}
@media (min-width: 992px)
{
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12
    {
        float: left;
    }
    .col-md-12
    {
        width: 100%;
    }
    .col-md-11
    {
        width: 91.66666667%;
    }
    .col-md-10
    {
        width: 83.33333333%;
    }
    .col-md-9
    {
        width: 75%;
    }
    .col-md-8
    {
        width: 66.66666667%;
    }
    .col-md-7
    {
        width: 58.33333333%;
    }
    .col-md-6
    {
        width: 50%;
    }
    .col-md-5
    {
        width: 41.66666667%;
    }
    .col-md-4
    {
        width: 33.33333333%;
    }
    .col-md-3
    {
        width: 25%;
    }
    .col-md-2
    {
        width: 16.66666667%;
    }
    .col-md-1
    {
        width: 8.33333333%;
    }
    .col-md-pull-12
    {
        right: 100%;
    }
    .col-md-pull-11
    {
        right: 91.66666667%;
    }
    .col-md-pull-10
    {
        right: 83.33333333%;
    }
    .col-md-pull-9
    {
        right: 75%;
    }
    .col-md-pull-8
    {
        right: 66.66666667%;
    }
    .col-md-pull-7
    {
        right: 58.33333333%;
    }
    .col-md-pull-6
    {
        right: 50%;
    }
    .col-md-pull-5
    {
        right: 41.66666667%;
    }
    .col-md-pull-4
    {
        right: 33.33333333%;
    }
    .col-md-pull-3
    {
        right: 25%;
    }
    .col-md-pull-2
    {
        right: 16.66666667%;
    }
    .col-md-pull-1
    {
        right: 8.33333333%;
    }
    .col-md-pull-0
    {
        right: auto;
    }
    .col-md-push-12
    {
        left: 100%;
    }
    .col-md-push-11
    {
        left: 91.66666667%;
    }
    .col-md-push-10
    {
        left: 83.33333333%;
    }
    .col-md-push-9
    {
        left: 75%;
    }
    .col-md-push-8
    {
        left: 66.66666667%;
    }
    .col-md-push-7
    {
        left: 58.33333333%;
    }
    .col-md-push-6
    {
        left: 50%;
    }
    .col-md-push-5
    {
        left: 41.66666667%;
    }
    .col-md-push-4
    {
        left: 33.33333333%;
    }
    .col-md-push-3
    {
        left: 25%;
    }
    .col-md-push-2
    {
        left: 16.66666667%;
    }
    .col-md-push-1
    {
        left: 8.33333333%;
    }
    .col-md-push-0
    {
        left: auto;
    }
    .col-md-offset-12
    {
        margin-left: 100%;
    }
    .col-md-offset-11
    {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10
    {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9
    {
        margin-left: 75%;
    }
    .col-md-offset-8
    {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7
    {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6
    {
        margin-left: 50%;
    }
    .col-md-offset-5
    {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4
    {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3
    {
        margin-left: 25%;
    }
    .col-md-offset-2
    {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1
    {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0
    {
        margin-left: 0;
    }
}
@media (min-width: 1200px)
{
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12
    {
        float: left;
    }
    .col-lg-12
    {
        width: 100%;
    }
    .col-lg-11
    {
        width: 91.66666667%;
    }
    .col-lg-10
    {
        width: 83.33333333%;
    }
    .col-lg-9
    {
        width: 75%;
    }
    .col-lg-8
    {
        width: 66.66666667%;
    }
    .col-lg-7
    {
        width: 58.33333333%;
    }
    .col-lg-6
    {
        width: 50%;
    }
    .col-lg-5
    {
        width: 41.66666667%;
    }
    .col-lg-4
    {
        width: 33.33333333%;
    }
    .col-lg-3
    {
        width: 25%;
    }
    .col-lg-2
    {
        width: 16.66666667%;
    }
    .col-lg-1
    {
        width: 8.33333333%;
    }
    .col-lg-pull-12
    {
        right: 100%;
    }
    .col-lg-pull-11
    {
        right: 91.66666667%;
    }
    .col-lg-pull-10
    {
        right: 83.33333333%;
    }
    .col-lg-pull-9
    {
        right: 75%;
    }
    .col-lg-pull-8
    {
        right: 66.66666667%;
    }
    .col-lg-pull-7
    {
        right: 58.33333333%;
    }
    .col-lg-pull-6
    {
        right: 50%;
    }
    .col-lg-pull-5
    {
        right: 41.66666667%;
    }
    .col-lg-pull-4
    {
        right: 33.33333333%;
    }
    .col-lg-pull-3
    {
        right: 25%;
    }
    .col-lg-pull-2
    {
        right: 16.66666667%;
    }
    .col-lg-pull-1
    {
        right: 8.33333333%;
    }
    .col-lg-pull-0
    {
        right: auto;
    }
    .col-lg-push-12
    {
        left: 100%;
    }
    .col-lg-push-11
    {
        left: 91.66666667%;
    }
    .col-lg-push-10
    {
        left: 83.33333333%;
    }
    .col-lg-push-9
    {
        left: 75%;
    }
    .col-lg-push-8
    {
        left: 66.66666667%;
    }
    .col-lg-push-7
    {
        left: 58.33333333%;
    }
    .col-lg-push-6
    {
        left: 50%;
    }
    .col-lg-push-5
    {
        left: 41.66666667%;
    }
    .col-lg-push-4
    {
        left: 33.33333333%;
    }
    .col-lg-push-3
    {
        left: 25%;
    }
    .col-lg-push-2
    {
        left: 16.66666667%;
    }
    .col-lg-push-1
    {
        left: 8.33333333%;
    }
    .col-lg-push-0
    {
        left: auto;
    }
    .col-lg-offset-12
    {
        margin-left: 100%;
    }
    .col-lg-offset-11
    {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10
    {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9
    {
        margin-left: 75%;
    }
    .col-lg-offset-8
    {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7
    {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6
    {
        margin-left: 50%;
    }
    .col-lg-offset-5
    {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4
    {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3
    {
        margin-left: 25%;
    }
    .col-lg-offset-2
    {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1
    {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0
    {
        margin-left: 0;
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    font-family: 'Geomanist-Light';
    font-weight: 500;
    line-height: 1.1;

    color: #2b2b2b;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small
{
    font-weight: 400;
    line-height: 1;

    color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3
{
    margin-top: 22px;
    margin-bottom: 11px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small
{
    font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6
{
    margin-top: 11px;
    margin-bottom: 11px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small
{
    font-size: 75%;
}
h1,
.h1
{
    font-size: 41px;
}
h2,
.h2
{
    font-size: 34px;
}
h3,
.h3
{
    font-size: 28px;
}
h4,
.h4
{
    font-size: 20px;
}
h5,
.h5
{
    font-size: 16px;
}
h6,
.h6
{
    font-size: 14px;
}
p
{
    margin: 0 0 11px;
}
.lead
{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;

    margin-bottom: 22px;
}
@media (min-width: 768px)
{
    .lead
    {
        font-size: 24px;
    }
}
small,
.small
{
    font-size: 87%;
}
mark,
.mark
{
    padding: .2em;

    background-color: #fcf8e3;
}
.text-left
{
    text-align: left;
}
.text-right
{
    text-align: right;
}
.text-center
{
    text-align: center;
}
.text-justify
{
    text-align: justify;
}
.text-nowrap
{
    white-space: nowrap;
}
.text-lowercase
{
    text-transform: lowercase;
}
.text-uppercase
{
    text-transform: uppercase;
}
.text-capitalize
{
    text-transform: capitalize;
}
.text-muted
{
    color: #777;
}
.text-primary
{
    color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus
{
    color: #286090;
}
.text-success
{
    color: #3c763d;
}
a.text-success:hover,
a.text-success:focus
{
    color: #2b542c;
}
.text-info
{
    color: #31708f;
}
a.text-info:hover,
a.text-info:focus
{
    color: #245269;
}
.text-warning
{
    color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus
{
    color: #66512c;
}
.text-danger
{
    color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus
{
    color: #843534;
}
.bg-primary
{
    color: #fff;
    background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus
{
    background-color: #286090;
}
.bg-success
{
    background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus
{
    background-color: #c1e2b3;
}
.bg-info
{
    background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus
{
    background-color: #afd9ee;
}
.bg-warning
{
    background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus
{
    background-color: #f7ecb5;
}
.bg-danger
{
    background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus
{
    background-color: #e4b9b9;
}
.page-header
{
    margin: 44px 0 22px;
    padding-bottom: 10px;

    border-bottom: 1px solid #eee;
}
ul,
ol
{
    margin-top: 0;
    margin-bottom: 11px;
}
ul ul,
ol ul,
ul ol,
ol ol
{
    margin-bottom: 0;
}
.list-unstyled
{
    padding-left: 0;

    list-style: none;
}
.list-inline
{
    margin-left: -5px;
    padding-left: 0;

    list-style: none;
}
.list-inline > li
{
    display: inline-block;

    padding-right: 5px;
    padding-left: 5px;
}
dl
{
    margin-top: 0;
    margin-bottom: 22px;
}
dt,
dd
{
    line-height: 1.42857143;
}
dt
{
    font-weight: 700;
}
dd
{
    margin-left: 0;
}
@media (min-width: 768px)
{
    .dl-horizontal dt
    {
        float: left;
        clear: left;
        overflow: hidden;

        width: 160px;

        text-align: right;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .dl-horizontal dd
    {
        margin-left: 180px;
    }
}
abbr[title],
abbr[data-original-title]
{
    cursor: help;
}
.initialism
{
    font-size: 90%;

    text-transform: uppercase;
}
blockquote
{
    font-size: 20px;

    margin: 0 0 22px;
    padding: 11px 22px;

    border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child
{
    margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small
{
    font-size: 80%;
    line-height: 1.42857143;

    display: block;

    color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before
{
    content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right
{
    padding-right: 15px;
    padding-left: 0;

    text-align: right;

    border-right: 5px solid #eee;
    border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before
{
    content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after
{
    content: '\00A0 \2014';
}
address
{
    font-style: normal;
    line-height: 1.42857143;

    margin-bottom: 22px;
}
.btn
{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;

    display: inline-block;

    margin-bottom: 0;
    padding: 6px 12px;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    border: 1px solid transparent;
    border-radius: 4px;
    background-image: none;

    -ms-touch-action: manipulation;
        touch-action: manipulation;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus
{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus
{
    text-decoration: none;

    color: #333;
}
.btn:active,
.btn.active
{
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn
{
    cursor: not-allowed;

    opacity: .65;
    box-shadow: none;

    filter: alpha(opacity=65);
}
a.btn.disabled,
fieldset[disabled] a.btn
{
    pointer-events: none;
}
.btn-default
{
    color: #333;
    border-color: #ccc;
    background-color: #fff;
}
.btn-default:focus,
.btn-default.focus
{
    color: #333;
    border-color: #8c8c8c;
    background-color: #e6e6e6;
}
.btn-default:hover
{
    color: #333;
    border-color: #adadad;
    background-color: #e6e6e6;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default
{
    color: #333;
    border-color: #adadad;
    background-color: #e6e6e6;
    background-image: none;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus
{
    color: #333;
    border-color: #8c8c8c;
    background-color: #d4d4d4;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus
{
    border-color: #ccc;
    background-color: #fff;
}
.btn-default .badge
{
    color: #fff;
    background-color: #333;
}
.btn-primary
{
    color: #fff;
    border-color: #2e6da4;
    background-color: #337ab7;
}
.btn-primary:focus,
.btn-primary.focus
{
    color: #fff;
    border-color: #122b40;
    background-color: #286090;
}
.btn-primary:hover
{
    color: #fff;
    border-color: #204d74;
    background-color: #286090;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary
{
    color: #fff;
    border-color: #204d74;
    background-color: #286090;
    background-image: none;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus
{
    color: #fff;
    border-color: #122b40;
    background-color: #204d74;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus
{
    border-color: #2e6da4;
    background-color: #337ab7;
}
.btn-primary .badge
{
    color: #337ab7;
    background-color: #fff;
}
.btn-success
{
    color: #fff;
    border-color: #4cae4c;
    background-color: #5cb85c;
}
.btn-success:focus,
.btn-success.focus
{
    color: #fff;
    border-color: #255625;
    background-color: #449d44;
}
.btn-success:hover
{
    color: #fff;
    border-color: #398439;
    background-color: #449d44;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success
{
    color: #fff;
    border-color: #398439;
    background-color: #449d44;
    background-image: none;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus
{
    color: #fff;
    border-color: #255625;
    background-color: #398439;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus
{
    border-color: #4cae4c;
    background-color: #5cb85c;
}
.btn-success .badge
{
    color: #5cb85c;
    background-color: #fff;
}
.btn-info
{
    color: #fff;
    border-color: #46b8da;
    background-color: #5bc0de;
}
.btn-info:focus,
.btn-info.focus
{
    color: #fff;
    border-color: #1b6d85;
    background-color: #31b0d5;
}
.btn-info:hover
{
    color: #fff;
    border-color: #269abc;
    background-color: #31b0d5;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info
{
    color: #fff;
    border-color: #269abc;
    background-color: #31b0d5;
    background-image: none;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus
{
    color: #fff;
    border-color: #1b6d85;
    background-color: #269abc;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus
{
    border-color: #46b8da;
    background-color: #5bc0de;
}
.btn-info .badge
{
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning
{
    color: #fff;
    border-color: #eea236;
    background-color: #f0ad4e;
}
.btn-warning:focus,
.btn-warning.focus
{
    color: #fff;
    border-color: #985f0d;
    background-color: #ec971f;
}
.btn-warning:hover
{
    color: #fff;
    border-color: #d58512;
    background-color: #ec971f;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning
{
    color: #fff;
    border-color: #d58512;
    background-color: #ec971f;
    background-image: none;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus
{
    color: #fff;
    border-color: #985f0d;
    background-color: #d58512;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus
{
    border-color: #eea236;
    background-color: #f0ad4e;
}
.btn-warning .badge
{
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger
{
    color: #fff;
    border-color: #d43f3a;
    background-color: #d9534f;
}
.btn-danger:focus,
.btn-danger.focus
{
    color: #fff;
    border-color: #761c19;
    background-color: #c9302c;
}
.btn-danger:hover
{
    color: #fff;
    border-color: #ac2925;
    background-color: #c9302c;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger
{
    color: #fff;
    border-color: #ac2925;
    background-color: #c9302c;
    background-image: none;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus
{
    color: #fff;
    border-color: #761c19;
    background-color: #ac2925;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus
{
    border-color: #d43f3a;
    background-color: #d9534f;
}
.btn-danger .badge
{
    color: #d9534f;
    background-color: #fff;
}
.btn-link
{
    font-weight: 400;

    color: #300f5e;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link
{
    background-color: transparent;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active
{
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus
{
    text-decoration: underline;

    color: #0e041c;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus
{
    text-decoration: none;

    color: #777;
}
.btn-lg
{
    font-size: 20px;
    line-height: 1.3333333;

    padding: 10px 16px;

    border-radius: 6px;
}
.btn-sm
{
    font-size: 14px;
    line-height: 1.5;

    padding: 5px 10px;

    border-radius: 3px;
}
.btn-xs
{
    font-size: 14px;
    line-height: 1.5;

    padding: 1px 5px;

    border-radius: 3px;
}
.btn-block
{
    display: block;

    width: 100%;
}
.btn-block + .btn-block
{
    margin-top: 5px;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block
{
    width: 100%;
}
.caret
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropup,
.dropdown
{
    position: relative;
}
.dropdown-toggle:focus
{
    outline: 0;
}
.dropdown-menu
{
    font-size: 16px;

    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;

    display: none;
    float: left;

    min-width: 160px;
    margin: 2px 0 0;
    padding: 5px 0;

    list-style: none;

    text-align: left;

    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right
{
    right: 0;
    left: auto;
}
.dropdown-menu .divider
{
    overflow: hidden;

    height: 1px;
    margin: 10px 0;

    background-color: #e5e5e5;
}
.dropdown-menu > li > a
{
    font-weight: 400;
    line-height: 1.42857143;

    display: block;
    clear: both;

    padding: 3px 20px;

    white-space: nowrap;

    color: #333;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
    text-decoration: none;

    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus
{
    text-decoration: none;

    color: #fff;
    outline: 0;
    background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus
{
    color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus
{
    cursor: not-allowed;
    text-decoration: none;

    background-color: transparent;
    background-image: none;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu
{
    display: block;
}
.open > a
{
    outline: 0;
}
.dropdown-menu-right
{
    right: 0;
    left: auto;
}
.dropdown-menu-left
{
    right: auto;
    left: 0;
}
.dropdown-header
{
    font-size: 14px;
    line-height: 1.42857143;

    display: block;

    padding: 3px 20px;

    white-space: nowrap;

    color: #777;
}
.dropdown-backdrop
{
    position: fixed;
    z-index: 990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pull-right > .dropdown-menu
{
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret
{
    content: '';

    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu
{
    top: auto;
    bottom: 100%;

    margin-bottom: 2px;
}
@media (min-width: 768px)
{
    .navbar-right .dropdown-menu
    {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left
    {
        right: auto;
        left: 0;
    }
}
.modal-open
{
    overflow: hidden;
}
.modal
{
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: hidden;

    outline: 0;

    -webkit-overflow-scrolling: touch;
}
.modal.fade .modal-dialog
{
    -webkit-transition: -webkit-transform .3s ease-out;
       -moz-transition:    -moz-transform .3s ease-out;
         -o-transition:      -o-transform .3s ease-out;
            transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
       -moz-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
         -o-transform: translate(0, -25%);
            transform: translate(0, -25%);
}
.modal.in .modal-dialog
{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}
.modal-open .modal
{
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog
{
    position: relative;

    width: auto;
    margin: 10px;
}
.modal-content
{
    position: relative;

    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop
{
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-color: #000;
}
.modal-backdrop.fade
{
    opacity: 0;

    filter: alpha(opacity=0);
}
.modal-backdrop.in
{
    opacity: .5;

    filter: alpha(opacity=50);
}
.modal-header
{
    padding: 15px;

    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close
{
    margin-top: -2px;
}
.modal-title
{
    line-height: 1.42857143;

    margin: 0;
}
.modal-body
{
    position: relative;

    padding: 15px;
}
.modal-footer
{
    padding: 15px;

    text-align: right;

    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn
{
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn
{
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block
{
    margin-left: 0;
}
.modal-scrollbar-measure
{
    position: absolute;
    top: -9999px;

    overflow: scroll;

    width: 50px;
    height: 50px;
}
@media (min-width: 768px)
{
    .modal-dialog
    {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content
    {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm
    {
        width: 300px;
    }
}
@media (min-width: 992px)
{
    .modal-lg
    {
        width: 900px;
    }
}
.close
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;

    float: right;

    opacity: .2;
    color: #000;
    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity=20);
}
.close:hover,
.close:focus
{
    cursor: pointer;
    text-decoration: none;

    opacity: .5;
    color: #000;

    filter: alpha(opacity=50);
}
button.close
{
    padding: 0;

    cursor: pointer;

    border: 0;
    background: transparent;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.alert
{
    margin-bottom: 22px;
    padding: 15px;

    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4
{
    margin-top: 0;

    color: inherit;
}
.alert .alert-link
{
    font-weight: bold;
}
.alert > p,
.alert > ul
{
    margin-bottom: 0;
}
.alert > p + p
{
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible
{
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close
{
    position: relative;
    top: -2px;
    right: -21px;

    color: inherit;
}
.alert-success
{
    color: #3c763d;
    border-color: #d6e9c6;
    background-color: #dff0d8;
}
.alert-success hr
{
    border-top-color: #c9e2b3;
}
.alert-success .alert-link
{
    color: #2b542c;
}
.alert-info
{
    color: #31708f;
    border-color: #bce8f1;
    background-color: #d9edf7;
}
.alert-info hr
{
    border-top-color: #a6e1ec;
}
.alert-info .alert-link
{
    color: #245269;
}
.alert-warning
{
    color: #8a6d3b;
    border-color: #faebcc;
    background-color: #fcf8e3;
}
.alert-warning hr
{
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link
{
    color: #66512c;
}
.alert-danger
{
    color: #a94442;
    border-color: #ebccd1;
    background-color: #f2dede;
}
.alert-danger hr
{
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link
{
    color: #843534;
}
@font-face
{
    font-family: 'Glyphicons Halflings';

    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon
{
    font-family: 'Glyphicons Halflings';
    font-weight: 400;
    font-style: normal;
    line-height: 1;

    position: relative;
    top: 1px;

    display: inline-block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before
{
    content: '\002a';
}
.glyphicon-plus:before
{
    content: '\002b';
}
.glyphicon-euro:before,
.glyphicon-eur:before
{
    content: '\20ac';
}
.glyphicon-minus:before
{
    content: '\2212';
}
.glyphicon-cloud:before
{
    content: '\2601';
}
.glyphicon-envelope:before
{
    content: '\2709';
}
.glyphicon-pencil:before
{
    content: '\270f';
}
.glyphicon-glass:before
{
    content: '\e001';
}
.glyphicon-music:before
{
    content: '\e002';
}
.glyphicon-search:before
{
    content: '\e003';
}
.glyphicon-heart:before
{
    content: '\e005';
}
.glyphicon-star:before
{
    content: '\e006';
}
.glyphicon-star-empty:before
{
    content: '\e007';
}
.glyphicon-user:before
{
    content: '\e008';
}
.glyphicon-film:before
{
    content: '\e009';
}
.glyphicon-th-large:before
{
    content: '\e010';
}
.glyphicon-th:before
{
    content: '\e011';
}
.glyphicon-th-list:before
{
    content: '\e012';
}
.glyphicon-ok:before
{
    content: '\e013';
}
.glyphicon-remove:before
{
    content: '\e014';
}
.glyphicon-zoom-in:before
{
    content: '\e015';
}
.glyphicon-zoom-out:before
{
    content: '\e016';
}
.glyphicon-off:before
{
    content: '\e017';
}
.glyphicon-signal:before
{
    content: '\e018';
}
.glyphicon-cog:before
{
    content: '\e019';
}
.glyphicon-trash:before
{
    content: '\e020';
}
.glyphicon-home:before
{
    content: '\e021';
}
.glyphicon-file:before
{
    content: '\e022';
}
.glyphicon-time:before
{
    content: '\e023';
}
.glyphicon-road:before
{
    content: '\e024';
}
.glyphicon-download-alt:before
{
    content: '\e025';
}
.glyphicon-download:before
{
    content: '\e026';
}
.glyphicon-upload:before
{
    content: '\e027';
}
.glyphicon-inbox:before
{
    content: '\e028';
}
.glyphicon-play-circle:before
{
    content: '\e029';
}
.glyphicon-repeat:before
{
    content: '\e030';
}
.glyphicon-refresh:before
{
    content: '\e031';
}
.glyphicon-list-alt:before
{
    content: '\e032';
}
.glyphicon-lock:before
{
    content: '\e033';
}
.glyphicon-flag:before
{
    content: '\e034';
}
.glyphicon-headphones:before
{
    content: '\e035';
}
.glyphicon-volume-off:before
{
    content: '\e036';
}
.glyphicon-volume-down:before
{
    content: '\e037';
}
.glyphicon-volume-up:before
{
    content: '\e038';
}
.glyphicon-qrcode:before
{
    content: '\e039';
}
.glyphicon-barcode:before
{
    content: '\e040';
}
.glyphicon-tag:before
{
    content: '\e041';
}
.glyphicon-tags:before
{
    content: '\e042';
}
.glyphicon-book:before
{
    content: '\e043';
}
.glyphicon-bookmark:before
{
    content: '\e044';
}
.glyphicon-print:before
{
    content: '\e045';
}
.glyphicon-camera:before
{
    content: '\e046';
}
.glyphicon-font:before
{
    content: '\e047';
}
.glyphicon-bold:before
{
    content: '\e048';
}
.glyphicon-italic:before
{
    content: '\e049';
}
.glyphicon-text-height:before
{
    content: '\e050';
}
.glyphicon-text-width:before
{
    content: '\e051';
}
.glyphicon-align-left:before
{
    content: '\e052';
}
.glyphicon-align-center:before
{
    content: '\e053';
}
.glyphicon-align-right:before
{
    content: '\e054';
}
.glyphicon-align-justify:before
{
    content: '\e055';
}
.glyphicon-list:before
{
    content: '\e056';
}
.glyphicon-indent-left:before
{
    content: '\e057';
}
.glyphicon-indent-right:before
{
    content: '\e058';
}
.glyphicon-facetime-video:before
{
    content: '\e059';
}
.glyphicon-picture:before
{
    content: '\e060';
}
.glyphicon-map-marker:before
{
    content: '\e062';
}
.glyphicon-adjust:before
{
    content: '\e063';
}
.glyphicon-tint:before
{
    content: '\e064';
}
.glyphicon-edit:before
{
    content: '\e065';
}
.glyphicon-share:before
{
    content: '\e066';
}
.glyphicon-check:before
{
    content: '\e067';
}
.glyphicon-move:before
{
    content: '\e068';
}
.glyphicon-step-backward:before
{
    content: '\e069';
}
.glyphicon-fast-backward:before
{
    content: '\e070';
}
.glyphicon-backward:before
{
    content: '\e071';
}
.glyphicon-play:before
{
    content: '\e072';
}
.glyphicon-pause:before
{
    content: '\e073';
}
.glyphicon-stop:before
{
    content: '\e074';
}
.glyphicon-forward:before
{
    content: '\e075';
}
.glyphicon-fast-forward:before
{
    content: '\e076';
}
.glyphicon-step-forward:before
{
    content: '\e077';
}
.glyphicon-eject:before
{
    content: '\e078';
}
.glyphicon-chevron-left:before
{
    content: '\e079';
}
.glyphicon-chevron-right:before
{
    content: '\e080';
}
.glyphicon-plus-sign:before
{
    content: '\e081';
}
.glyphicon-minus-sign:before
{
    content: '\e082';
}
.glyphicon-remove-sign:before
{
    content: '\e083';
}
.glyphicon-ok-sign:before
{
    content: '\e084';
}
.glyphicon-question-sign:before
{
    content: '\e085';
}
.glyphicon-info-sign:before
{
    content: '\e086';
}
.glyphicon-screenshot:before
{
    content: '\e087';
}
.glyphicon-remove-circle:before
{
    content: '\e088';
}
.glyphicon-ok-circle:before
{
    content: '\e089';
}
.glyphicon-ban-circle:before
{
    content: '\e090';
}
.glyphicon-arrow-left:before
{
    content: '\e091';
}
.glyphicon-arrow-right:before
{
    content: '\e092';
}
.glyphicon-arrow-up:before
{
    content: '\e093';
}
.glyphicon-arrow-down:before
{
    content: '\e094';
}
.glyphicon-share-alt:before
{
    content: '\e095';
}
.glyphicon-resize-full:before
{
    content: '\e096';
}
.glyphicon-resize-small:before
{
    content: '\e097';
}
.glyphicon-exclamation-sign:before
{
    content: '\e101';
}
.glyphicon-gift:before
{
    content: '\e102';
}
.glyphicon-leaf:before
{
    content: '\e103';
}
.glyphicon-fire:before
{
    content: '\e104';
}
.glyphicon-eye-open:before
{
    content: '\e105';
}
.glyphicon-eye-close:before
{
    content: '\e106';
}
.glyphicon-warning-sign:before
{
    content: '\e107';
}
.glyphicon-plane:before
{
    content: '\e108';
}
.glyphicon-calendar:before
{
    content: '\e109';
}
.glyphicon-random:before
{
    content: '\e110';
}
.glyphicon-comment:before
{
    content: '\e111';
}
.glyphicon-magnet:before
{
    content: '\e112';
}
.glyphicon-chevron-up:before
{
    content: '\e113';
}
.glyphicon-chevron-down:before
{
    content: '\e114';
}
.glyphicon-retweet:before
{
    content: '\e115';
}
.glyphicon-shopping-cart:before
{
    content: '\e116';
}
.glyphicon-folder-close:before
{
    content: '\e117';
}
.glyphicon-folder-open:before
{
    content: '\e118';
}
.glyphicon-resize-vertical:before
{
    content: '\e119';
}
.glyphicon-resize-horizontal:before
{
    content: '\e120';
}
.glyphicon-hdd:before
{
    content: '\e121';
}
.glyphicon-bullhorn:before
{
    content: '\e122';
}
.glyphicon-bell:before
{
    content: '\e123';
}
.glyphicon-certificate:before
{
    content: '\e124';
}
.glyphicon-thumbs-up:before
{
    content: '\e125';
}
.glyphicon-thumbs-down:before
{
    content: '\e126';
}
.glyphicon-hand-right:before
{
    content: '\e127';
}
.glyphicon-hand-left:before
{
    content: '\e128';
}
.glyphicon-hand-up:before
{
    content: '\e129';
}
.glyphicon-hand-down:before
{
    content: '\e130';
}
.glyphicon-circle-arrow-right:before
{
    content: '\e131';
}
.glyphicon-circle-arrow-left:before
{
    content: '\e132';
}
.glyphicon-circle-arrow-up:before
{
    content: '\e133';
}
.glyphicon-circle-arrow-down:before
{
    content: '\e134';
}
.glyphicon-globe:before
{
    content: '\e135';
}
.glyphicon-wrench:before
{
    content: '\e136';
}
.glyphicon-tasks:before
{
    content: '\e137';
}
.glyphicon-filter:before
{
    content: '\e138';
}
.glyphicon-briefcase:before
{
    content: '\e139';
}
.glyphicon-fullscreen:before
{
    content: '\e140';
}
.glyphicon-dashboard:before
{
    content: '\e141';
}
.glyphicon-paperclip:before
{
    content: '\e142';
}
.glyphicon-heart-empty:before
{
    content: '\e143';
}
.glyphicon-link:before
{
    content: '\e144';
}
.glyphicon-phone:before
{
    content: '\e145';
}
.glyphicon-pushpin:before
{
    content: '\e146';
}
.glyphicon-usd:before
{
    content: '\e148';
}
.glyphicon-gbp:before
{
    content: '\e149';
}
.glyphicon-sort:before
{
    content: '\e150';
}
.glyphicon-sort-by-alphabet:before
{
    content: '\e151';
}
.glyphicon-sort-by-alphabet-alt:before
{
    content: '\e152';
}
.glyphicon-sort-by-order:before
{
    content: '\e153';
}
.glyphicon-sort-by-order-alt:before
{
    content: '\e154';
}
.glyphicon-sort-by-attributes:before
{
    content: '\e155';
}
.glyphicon-sort-by-attributes-alt:before
{
    content: '\e156';
}
.glyphicon-unchecked:before
{
    content: '\e157';
}
.glyphicon-expand:before
{
    content: '\e158';
}
.glyphicon-collapse-down:before
{
    content: '\e159';
}
.glyphicon-collapse-up:before
{
    content: '\e160';
}
.glyphicon-log-in:before
{
    content: '\e161';
}
.glyphicon-flash:before
{
    content: '\e162';
}
.glyphicon-log-out:before
{
    content: '\e163';
}
.glyphicon-new-window:before
{
    content: '\e164';
}
.glyphicon-record:before
{
    content: '\e165';
}
.glyphicon-save:before
{
    content: '\e166';
}
.glyphicon-open:before
{
    content: '\e167';
}
.glyphicon-saved:before
{
    content: '\e168';
}
.glyphicon-import:before
{
    content: '\e169';
}
.glyphicon-export:before
{
    content: '\e170';
}
.glyphicon-send:before
{
    content: '\e171';
}
.glyphicon-floppy-disk:before
{
    content: '\e172';
}
.glyphicon-floppy-saved:before
{
    content: '\e173';
}
.glyphicon-floppy-remove:before
{
    content: '\e174';
}
.glyphicon-floppy-save:before
{
    content: '\e175';
}
.glyphicon-floppy-open:before
{
    content: '\e176';
}
.glyphicon-credit-card:before
{
    content: '\e177';
}
.glyphicon-transfer:before
{
    content: '\e178';
}
.glyphicon-cutlery:before
{
    content: '\e179';
}
.glyphicon-header:before
{
    content: '\e180';
}
.glyphicon-compressed:before
{
    content: '\e181';
}
.glyphicon-earphone:before
{
    content: '\e182';
}
.glyphicon-phone-alt:before
{
    content: '\e183';
}
.glyphicon-tower:before
{
    content: '\e184';
}
.glyphicon-stats:before
{
    content: '\e185';
}
.glyphicon-sd-video:before
{
    content: '\e186';
}
.glyphicon-hd-video:before
{
    content: '\e187';
}
.glyphicon-subtitles:before
{
    content: '\e188';
}
.glyphicon-sound-stereo:before
{
    content: '\e189';
}
.glyphicon-sound-dolby:before
{
    content: '\e190';
}
.glyphicon-sound-5-1:before
{
    content: '\e191';
}
.glyphicon-sound-6-1:before
{
    content: '\e192';
}
.glyphicon-sound-7-1:before
{
    content: '\e193';
}
.glyphicon-copyright-mark:before
{
    content: '\e194';
}
.glyphicon-registration-mark:before
{
    content: '\e195';
}
.glyphicon-cloud-download:before
{
    content: '\e197';
}
.glyphicon-cloud-upload:before
{
    content: '\e198';
}
.glyphicon-tree-conifer:before
{
    content: '\e199';
}
.glyphicon-tree-deciduous:before
{
    content: '\e200';
}
.glyphicon-cd:before
{
    content: '\e201';
}
.glyphicon-save-file:before
{
    content: '\e202';
}
.glyphicon-open-file:before
{
    content: '\e203';
}
.glyphicon-level-up:before
{
    content: '\e204';
}
.glyphicon-copy:before
{
    content: '\e205';
}
.glyphicon-paste:before
{
    content: '\e206';
}
.glyphicon-alert:before
{
    content: '\e209';
}
.glyphicon-equalizer:before
{
    content: '\e210';
}
.glyphicon-king:before
{
    content: '\e211';
}
.glyphicon-queen:before
{
    content: '\e212';
}
.glyphicon-pawn:before
{
    content: '\e213';
}
.glyphicon-bishop:before
{
    content: '\e214';
}
.glyphicon-knight:before
{
    content: '\e215';
}
.glyphicon-baby-formula:before
{
    content: '\e216';
}
.glyphicon-tent:before
{
    content: '\26fa';
}
.glyphicon-blackboard:before
{
    content: '\e218';
}
.glyphicon-bed:before
{
    content: '\e219';
}
.glyphicon-apple:before
{
    content: '\f8ff';
}
.glyphicon-erase:before
{
    content: '\e221';
}
.glyphicon-hourglass:before
{
    content: '\231b';
}
.glyphicon-lamp:before
{
    content: '\e223';
}
.glyphicon-duplicate:before
{
    content: '\e224';
}
.glyphicon-piggy-bank:before
{
    content: '\e225';
}
.glyphicon-scissors:before
{
    content: '\e226';
}
.glyphicon-bitcoin:before
{
    content: '\e227';
}
.glyphicon-btc:before
{
    content: '\e227';
}
.glyphicon-xbt:before
{
    content: '\e227';
}
.glyphicon-yen:before
{
    content: '\00a5';
}
.glyphicon-jpy:before
{
    content: '\00a5';
}
.glyphicon-ruble:before
{
    content: '\20bd';
}
.glyphicon-rub:before
{
    content: '\20bd';
}
.glyphicon-scale:before
{
    content: '\e230';
}
.glyphicon-ice-lolly:before
{
    content: '\e231';
}
.glyphicon-ice-lolly-tasted:before
{
    content: '\e232';
}
.glyphicon-education:before
{
    content: '\e233';
}
.glyphicon-option-horizontal:before
{
    content: '\e234';
}
.glyphicon-option-vertical:before
{
    content: '\e235';
}
.glyphicon-menu-hamburger:before
{
    content: '\e236';
}
.glyphicon-modal-window:before
{
    content: '\e237';
}
.glyphicon-oil:before
{
    content: '\e238';
}
.glyphicon-grain:before
{
    content: '\e239';
}
.glyphicon-sunglasses:before
{
    content: '\e240';
}
.glyphicon-text-size:before
{
    content: '\e241';
}
.glyphicon-text-color:before
{
    content: '\e242';
}
.glyphicon-text-background:before
{
    content: '\e243';
}
.glyphicon-object-align-top:before
{
    content: '\e244';
}
.glyphicon-object-align-bottom:before
{
    content: '\e245';
}
.glyphicon-object-align-horizontal:before
{
    content: '\e246';
}
.glyphicon-object-align-left:before
{
    content: '\e247';
}
.glyphicon-object-align-vertical:before
{
    content: '\e248';
}
.glyphicon-object-align-right:before
{
    content: '\e249';
}
.glyphicon-triangle-right:before
{
    content: '\e250';
}
.glyphicon-triangle-left:before
{
    content: '\e251';
}
.glyphicon-triangle-bottom:before
{
    content: '\e252';
}
.glyphicon-triangle-top:before
{
    content: '\e253';
}
.glyphicon-console:before
{
    content: '\e254';
}
.glyphicon-superscript:before
{
    content: '\e255';
}
.glyphicon-subscript:before
{
    content: '\e256';
}
.glyphicon-menu-left:before
{
    content: '\e257';
}
.glyphicon-menu-right:before
{
    content: '\e258';
}
.glyphicon-menu-down:before
{
    content: '\e259';
}
.glyphicon-menu-up:before
{
    content: '\e260';
}
table
{
    background-color: transparent;
}
table col[class*='col-']
{
    position: static;

    display: table-column;
    float: none;
}
table td[class*='col-'],
table th[class*='col-']
{
    position: static;

    display: table-cell;
    float: none;
}
caption
{
    padding-top: 8px;
    padding-bottom: 8px;

    text-align: left;

    color: #777;
}
th
{
    text-align: left;
}
.table,
table.table
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 22px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
    line-height: 1.42857143;

    padding: 8px;

    vertical-align: top;

    border-top: 1px solid transparent;
}
.table > thead > tr > th
{
    vertical-align: bottom;

    border-bottom: 2px solid transparent;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td
{
    border-top: 0;
}
.table > tbody + tbody
{
    border-top: 2px solid transparent;
}
.table .table
{
    background-color: white;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td
{
    padding: 5px;
}
.table-bordered
{
    border: 1px solid transparent;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td
{
    border: 1px solid transparent;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td
{
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd)
{
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover
{
    background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th
{
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th
{
    background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th
{
    background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th
{
    background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th
{
    background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th
{
    background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th
{
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th
{
    background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th
{
    background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th
{
    background-color: #ebcccc;
}
.table-responsive
{
    overflow-x: auto;

    min-height: .01%;
}
@media screen and (max-width: 767px)
{
    .table-responsive
    {
        overflow-y: hidden;

        width: 100%;
        margin-bottom: 16.5px;

        border: 1px solid transparent;

        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive > .table
    {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td
    {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered
    {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child
    {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child
    {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td
    {
        border-bottom: 0;
    }
}
.popover
{
    font-family: 'Geomanist-Regular';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.42857143;

    position: absolute;
    z-index: 1060;
    top: 0;
    left: 0;

    display: none;

    max-width: 276px;
    padding: 1px;

    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: normal;
    word-break: normal;

    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    text-shadow: none;

    line-break: auto;
}
.popover.top
{
    margin-top: -10px;
}
.popover.right
{
    margin-left: 10px;
}
.popover.bottom
{
    margin-top: 10px;
}
.popover.left
{
    margin-left: -10px;
}
.popover > .arrow
{
    border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after
{
    position: absolute;

    display: block;

    width: 0;
    height: 0;

    border-style: solid;
    border-color: transparent;
}
.popover > .arrow:after
{
    content: '';

    border-width: 10px;
}
.popover.top > .arrow
{
    bottom: -11px;
    left: 50%;

    margin-left: -11px;

    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}
.popover.top > .arrow:after
{
    bottom: 1px;

    margin-left: -10px;

    content: ' ';

    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.right > .arrow
{
    top: 50%;
    left: -11px;

    margin-top: -11px;

    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}
.popover.right > .arrow:after
{
    bottom: -10px;
    left: 1px;

    content: ' ';

    border-right-color: #fff;
    border-left-width: 0;
}
.popover.bottom > .arrow
{
    top: -11px;
    left: 50%;

    margin-left: -11px;

    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after
{
    top: 1px;

    margin-left: -10px;

    content: ' ';

    border-top-width: 0;
    border-bottom-color: #fff;
}
.popover.left > .arrow
{
    top: 50%;
    right: -11px;

    margin-top: -11px;

    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after
{
    right: 1px;
    bottom: -10px;

    content: ' ';

    border-right-width: 0;
    border-left-color: #fff;
}
.popover-title
{
    font-size: 16px;

    margin: 0;
    padding: 8px 14px;

    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    background-color: #f7f7f7;
}
.popover-content
{
    padding: 9px 14px;
}
@-webkit-keyframes progress-bar-stripes
{
    from
    {
        background-position: 40px 0;
    }
    to
    {
        background-position: 0 0;
    }
}
@-moz-keyframes progress-bar-stripes
{
    from
    {
        background-position: 40px 0;
    }
    to
    {
        background-position: 0 0;
    }
}
@-o-keyframes progress-bar-stripes
{
    from
    {
        background-position: 40px 0;
    }
    to
    {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes
{
    from
    {
        background-position: 40px 0;
    }
    to
    {
        background-position: 0 0;
    }
}
.progress
{
    overflow: hidden;

    height: 22px;
    margin-bottom: 22px;

    border-radius: 4px;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar
{
    font-size: 14px;
    line-height: 22px;

    float: left;

    width: 0;
    height: 100%;

    -webkit-transition: width .6s ease;
       -moz-transition: width .6s ease;
         -o-transition: width .6s ease;
            transition: width .6s ease;
    text-align: center;

    color: #fff;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}
.progress-striped .progress-bar,
.progress-bar-striped
{
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image: -moz- oldlinear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active
{
    -webkit-animation: progress-bar-stripes 2s linear infinite;
       -moz-animation: progress-bar-stripes 2s linear infinite;
         -o-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success
{
    background-color: #5cb85c;
}
.progress-striped .progress-bar-success
{
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image: -moz- oldlinear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info
{
    background-color: #5bc0de;
}
.progress-striped .progress-bar-info
{
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image: -moz- oldlinear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning
{
    background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning
{
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image: -moz- oldlinear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger
{
    background-color: #d9534f;
}
.progress-striped .progress-bar-danger
{
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image: -moz- oldlinear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
      background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.btn-primary,
.btn-default
{
    margin: 0;
    padding: 9px 32px;

    -webkit-transition: all 50ms;
       -moz-transition: all 50ms;
         -o-transition: all 50ms;
            transition: all 50ms;

    color: #fff;
    border: 0;
    border-color: #300f5e;
    border-radius: 0;
    background-color: #300f5e;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .043);
}
.btn-primary:hover,
.btn-default:hover,
.btn-primary:focus,
.btn-default:focus,
.btn-primary.focus,
.btn-default.focus,
.btn-primary:active,
.btn-default:active,
.btn-primary.active,
.btn-default.active,
.open > .btn-primary.dropdown-toggle,
.open > .btn-default.dropdown-toggle
{
    color: #fff;
    border-color: #622494;
    background-color: #622494;
}
.btn-primary:active,
.btn-default:active,
.btn-primary.active,
.btn-default.active,
.btn-primary:active:focus,
.btn-default:active:focus,
.btn-primary:active:hover,
.btn-default:active:hover
{
    color: #fff;
    border-color: #120642;
    background-color: #120642;
}
.btn-primary[disabled],
.btn-default[disabled],
.btn-primary[disabled]:hover,
.btn-default[disabled]:hover
{
    color: #d0d0d0;
    border-color: #ebebeb;
    background-color: #ebebeb;
}
.btn-primary
{
    box-shadow: inset 0 -2px 0 #0f0;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
{
    box-shadow: inset 0 -2px 0 #0f0;
}
.btn-primary[disabled],
.btn-primary[disabled]:hover
{
    box-shadow: inset 0 -2px 0 #d0d0d0;
}
.btn-info
{
    margin: 0;
    padding: 9px 32px;

    -webkit-transition: all 50ms;
       -moz-transition: all 50ms;
         -o-transition: all 50ms;
            transition: all 50ms;

    color: #fff;
    border: 0;
    border-color: #300f5e;
    border-radius: 0;
    background-color: #300f5e;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .043);
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle
{
    color: #fff;
    border-color: #622494;
    background-color: #622494;
}
.btn-info:active,
.btn-info.active,
.btn-info:active:focus,
.btn-info:active:hover
{
    color: #fff;
    border-color: #120642;
    background-color: #120642;
}
.btn-info[disabled],
.btn-info[disabled]:hover
{
    color: #d0d0d0;
    border-color: #ebebeb;
    background-color: #ebebeb;
}
.btn-text
{
    color: #300f5e;
    background-color: transparent;
}
.btn-text:hover
{
    color: #622494;
    background-color: #ebebeb;
}
.btn-text:active
{
    color: #120642;
    background-color: #ebebeb;
}
.btn-danger
{
    margin: 0;
    padding: 9px 32px;

    -webkit-transition: all 50ms;
       -moz-transition: all 50ms;
         -o-transition: all 50ms;
            transition: all 50ms;

    color: #fff;
    border: 0;
    border-color: #d0004b;
    border-radius: 0;
    background-color: #d0004b;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .043);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle
{
    color: #fff;
    border-color: #ec008c;
    background-color: #ec008c;
}
.btn-danger:active,
.btn-danger.active,
.btn-danger:active:focus,
.btn-danger:active:hover
{
    color: #fff;
    border-color: #8d0a39;
    background-color: #8d0a39;
}
.btn-danger[disabled],
.btn-danger[disabled]:hover
{
    color: #d0d0d0;
    border-color: #ebebeb;
    background-color: #ebebeb;
}
.btn-success
{
    margin: 0;
    padding: 9px 32px;

    -webkit-transition: all 50ms;
       -moz-transition: all 50ms;
         -o-transition: all 50ms;
            transition: all 50ms;

    color: #fff;
    border: 0;
    border-color: #0f0;
    border-radius: 0;
    background-color: #0f0;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .043);
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle
{
    color: #fff;
    border-color: #c3f188;
    background-color: #c3f188;
}
.btn-success:active,
.btn-success.active,
.btn-success:active:focus,
.btn-success:active:hover
{
    color: #fff;
    border-color: #00d13b;
    background-color: #00d13b;
}
.btn-success[disabled],
.btn-success[disabled]:hover
{
    color: #d0d0d0;
    border-color: #ebebeb;
    background-color: #ebebeb;
}
.btn:focus-within,
.btn:focus
{
    outline: 2px solid -webkit-focus-ring-color !important;
}
.btn-danger-round
{
    padding: 12px 14px 10px 14px;

    -webkit-transition: all 50ms;
       -moz-transition: all 50ms;
         -o-transition: all 50ms;
            transition: all 50ms;

    color: #fff;
    border: 0 #d0004b;
    border-radius: 50%;
    background-color: #d0004b;
}
.btn-danger-round .glyphicon-remove
{
    top: 3px;

    margin: 0;

    color: #fff;
}
.btn-danger-round:hover
{
    border: 0 #ec008c;
    background-color: #ec008c;
}
.btn-danger-round:active
{
    border: 0 #8d0a39;
    background-color: #8d0a39;
}
.alert-info
{
    color: #2b2b2b;
    border: 0;
    background-color: #e7fffe;
}
.container
{
    width: auto !important;
    margin-top: 20px;
    margin-right: 15px !important;
    margin-left: 15px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.progress
{
    border-radius: 0;
}
.progress-bar
{
    border-radius: 0;
    background-color: #0f0;
}
table.table
{
    margin-top: 5px;

    border-spacing: 0;
}
table.table thead
{
    font-family: 'Geomanist-Bold';

    color: white;
    background-color: #300f5e;
}
table.table thead > tr > th
{
    padding-top: 5px;
    padding-bottom: 5px;

    color: white;
    border-right: 1px solid white;
    background-color: #300f5e;
}
table.table thead > tr > th:first-child
{
    /* border-top-left-radius: @border-radius;
            border-bottom-left-radius: @border-radius; */
}
table.table thead > tr > th:last-child
{
    /* border-bottom-right-radius: @border-radius;
            border-top-right-radius: @border-radius; */
}
table.table tbody > tr > td
{
    border-right: 1px solid white !important;
    border-bottom: 2px solid #ebebeb;
}
table.table tbody > tr:last-child > td
{
    border: none;
}
table.table tbody > tr > td
{
    vertical-align: middle;

    background-color: white;
}
table.table tbody > tr > td:first-child
{
    padding-left: 8px;

    border-top-left-radius: 0;
}
table.table tbody > tr > td:last-child
{
    border-top-right-radius: 0;
}
table.table ul
{
    padding: 0;

    list-style-type: none;
}
table.table td.centered-column,
table.table th.centered-column
{
    text-align: center;
}
table.table td.right-aligned-column,
table.table th.right-aligned-column
{
    text-align: right;
}
table.striped tbody > tr:nth-child(odd) > td
{
    background-color: #ebebeb;
}
table.striped tbody > tr:nth-child(even) > td
{
    background-color: #f6f6f6;
}
table.striped-inverse tbody > tr:nth-child(odd) > td
{
    background-color: #f6f6f6;
}
table.striped-inverse tbody > tr:nth-child(even) > td
{
    background-color: #ebebeb;
}
fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;

    border: 0;
}
legend
{
    font-size: 24px;
    line-height: inherit;

    display: block;

    width: 100%;
    margin-bottom: 22px;
    padding: 0;

    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
label
{
    font-weight: 700;

    display: inline-block;

    max-width: 100%;
    margin-bottom: 5px;
}
input[type='search']
{
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type='radio'],
input[type='checkbox']
{
    line-height: normal;

    margin: 4px 0 0;
    margin-top: 1px \9;
}
input[type='radio'][disabled],
input[type='checkbox'][disabled],
input[type='radio'].disabled,
input[type='checkbox'].disabled,
fieldset[disabled] input[type='radio'],
fieldset[disabled] input[type='checkbox']
{
    cursor: not-allowed;
}
input[type='file']
{
    display: block;
}
input[type='range']
{
    display: block;

    width: 100%;
}
select[multiple],
select[size]
{
    height: auto;
}
input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus
{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output
{
    font-size: 16px;
    line-height: 1.42857143;

    display: block;

    padding-top: 7px;

    color: #555;
}
.form-control
{
    font-size: 16px;
    line-height: 1.42857143;

    display: block;

    width: 100%;
    height: 36px;
    padding: 6px 12px;

    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
       -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control:focus
{
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder
{
    opacity: 1;
    color: #999;
}
.form-control:-ms-input-placeholder
{
    color: #999;
}
.form-control::-webkit-input-placeholder
{
    color: #999;
}
.form-control::-ms-expand
{
    border: 0;
    background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control
{
    opacity: 1;
    background-color: #eee;
}
.form-control[disabled],
fieldset[disabled] .form-control
{
    cursor: not-allowed;
}
textarea.form-control
{
    height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    input[type='date'].form-control,
    input[type='time'].form-control,
    input[type='datetime-local'].form-control,
    input[type='month'].form-control
    {
        line-height: 36px;
    }
    input[type='date'].input-sm,
    input[type='time'].input-sm,
    input[type='datetime-local'].input-sm,
    input[type='month'].input-sm,
    .input-group-sm input[type='date'],
    .input-group-sm input[type='time'],
    .input-group-sm input[type='datetime-local'],
    .input-group-sm input[type='month']
    {
        line-height: 33px;
    }
    input[type='date'].input-lg,
    input[type='time'].input-lg,
    input[type='datetime-local'].input-lg,
    input[type='month'].input-lg,
    .input-group-lg input[type='date'],
    .input-group-lg input[type='time'],
    .input-group-lg input[type='datetime-local'],
    .input-group-lg input[type='month']
    {
        line-height: 49px;
    }
}
.form-group
{
    margin-bottom: 15px;
}
.radio,
.checkbox
{
    position: relative;

    display: block;

    margin-top: 10px;
    margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label
{
    cursor: not-allowed;
}
.radio label,
.checkbox label
{
    font-weight: 400;

    min-height: 22px;
    margin-bottom: 0;
    padding-left: 20px;

    cursor: pointer;
}
.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox']
{
    position: absolute;

    margin-top: 4px \9;
    margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox
{
    margin-top: -5px;
}
.radio-inline,
.checkbox-inline
{
    font-weight: 400;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding-left: 20px;

    cursor: pointer;
    vertical-align: middle;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline
{
    cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline
{
    margin-top: 0;
    margin-left: 10px;
}
.form-control-static
{
    min-height: 38px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}
.form-control-static.input-lg,
.form-control-static.input-sm
{
    padding-right: 0;
    padding-left: 0;
}
.input-sm
{
    font-size: 14px;
    line-height: 1.5;

    height: 33px;
    padding: 5px 10px;

    border-radius: 3px;
}
select.input-sm
{
    line-height: 33px;

    height: 33px;
}
textarea.input-sm,
select[multiple].input-sm
{
    height: auto;
}
.form-group-sm .form-control
{
    font-size: 14px;
    line-height: 1.5;

    height: 33px;
    padding: 5px 10px;

    border-radius: 3px;
}
.form-group-sm select.form-control
{
    line-height: 33px;

    height: 33px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control
{
    height: auto;
}
.form-group-sm .form-control-static
{
    font-size: 14px;
    line-height: 1.5;

    height: 33px;
    min-height: 36px;
    padding: 6px 10px;
}
.input-lg
{
    font-size: 20px;
    line-height: 1.3333333;

    height: 49px;
    padding: 10px 16px;

    border-radius: 6px;
}
select.input-lg
{
    line-height: 49px;

    height: 49px;
}
textarea.input-lg,
select[multiple].input-lg
{
    height: auto;
}
.form-group-lg .form-control
{
    font-size: 20px;
    line-height: 1.3333333;

    height: 49px;
    padding: 10px 16px;

    border-radius: 6px;
}
.form-group-lg select.form-control
{
    line-height: 49px;

    height: 49px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control
{
    height: auto;
}
.form-group-lg .form-control-static
{
    font-size: 20px;
    line-height: 1.3333333;

    height: 49px;
    min-height: 42px;
    padding: 11px 16px;
}
.has-feedback
{
    position: relative;
}
.has-feedback .form-control
{
    padding-right: 45px;
}
.form-control-feedback
{
    line-height: 36px;

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    display: block;

    width: 36px;
    height: 36px;

    text-align: center;
    pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback
{
    line-height: 49px;

    width: 49px;
    height: 49px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback
{
    line-height: 33px;

    width: 33px;
    height: 33px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label
{
    color: #3c763d;
}
.has-success .form-control
{
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus
{
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon
{
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}
.has-success .form-control-feedback
{
    color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label
{
    color: #8a6d3b;
}
.has-warning .form-control
{
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus
{
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon
{
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}
.has-warning .form-control-feedback
{
    color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label
{
    color: #a94442;
}
.has-error .form-control
{
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus
{
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon
{
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}
.has-error .form-control-feedback
{
    color: #a94442;
}
.has-feedback label ~ .form-control-feedback
{
    top: 27px;
}
.has-feedback label.sr-only ~ .form-control-feedback
{
    top: 0;
}
.help-block
{
    display: block;

    margin-top: 5px;
    margin-bottom: 10px;

    color: #6b6b6b;
}
@media (min-width: 768px)
{
    .form-inline .form-group
    {
        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle;
    }
    .form-inline .form-control
    {
        display: inline-block;

        width: auto;

        vertical-align: middle;
    }
    .form-inline .form-control-static
    {
        display: inline-block;
    }
    .form-inline .input-group
    {
        display: inline-table;

        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control
    {
        width: auto;
    }
    .form-inline .input-group > .form-control
    {
        width: 100%;
    }
    .form-inline .control-label
    {
        margin-bottom: 0;

        vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox
    {
        display: inline-block;

        margin-top: 0;
        margin-bottom: 0;

        vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label
    {
        padding-left: 0;
    }
    .form-inline .radio input[type='radio'],
    .form-inline .checkbox input[type='checkbox']
    {
        position: relative;

        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback
    {
        top: 0;
    }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline
{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox
{
    min-height: 29px;
}
.form-horizontal .form-group
{
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px)
{
    .form-horizontal .control-label
    {
        margin-bottom: 0;
        padding-top: 7px;

        text-align: right;
    }
}
.form-horizontal .has-feedback .form-control-feedback
{
    right: 15px;
}
@media (min-width: 768px)
{
    .form-horizontal .form-group-lg .control-label
    {
        font-size: 20px;

        padding-top: 11px;
    }
}
@media (min-width: 768px)
{
    .form-horizontal .form-group-sm .control-label
    {
        font-size: 14px;

        padding-top: 6px;
    }
}
.control-label.required:after
{
    content: ' *';

    color: red;
}
.form-control
{
    border-radius: 0;
}
.form-group-lg .form-control,
.input-lg
{
    font-size: 16px;

    border-radius: 0;
}
.form-control:focus
{
    border-width: 1px;
    border-style: solid;
    border-color: #2b2b2b;
    border-radius: 0;
}
.form-control:focus:hover
{
    border-color: #622494;
}
.form-control:focus:focus
{
    border-color: #120642;
    box-shadow: unset;
}
input[type=text]
{
    height: 36px;
}
textarea
{
    height: -webkit-fill-available;
}
input[type=text],
textarea
{
    width: -webkit-fill-available;
    padding: 10px 12px;

    resize: none;

    border-width: 1px;
    border-style: solid;
    border-color: #ebebeb;
    border-radius: 0;
}
input[type=text]:hover,
textarea:hover
{
    border-color: #622494;
}
input[type=text]:focus,
textarea:focus
{
    border-color: #120642;
    box-shadow: unset;
}
input[type=checkbox]
{
    accent-color: #300f5e;
}
.page
{
    height: 100%;
    padding-bottom: 3em;
}
.login-page
{
    padding-top: 2em;

    background-color: white;
}
.login-page .page-content
{
    max-width: 25em;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 18px;

    background-color: #f9f4ff;
}
.login-page .page-content h1
{
    margin-top: 0;

    text-align: center;
}
.login-page .page-content form .form-group:nth-child(3)
{
    margin: 0;

    text-align: right;
}
.login-page .page-content form .btn
{
    margin-top: 1em;
    padding: 11px 32px;
}
.AdminSetupPage legend
{
    font-size: 22px;
    font-weight: 600;

    margin-bottom: 10px;
    padding-top: 20px;

    color: #2b2b2b;
    border-bottom: none;
}
.AdminSetupPage .sync-button
{
    margin-right: 15px;
}
.confirm-save-statistics-modal
{
    max-width: 500px !important;
}
.popover
{
    border-radius: 0;
}
.popover .popover-title
{
    border-bottom: 0;
    background-color: inherit;
}
.info-button
{
    font-weight: bold !important;

    text-decoration: underline !important;

    color: #20add4 !important;
    border-radius: 0 !important;
}
.info-button:hover
{
    text-decoration: underline !important;

    color: #20add4 !important;
}
.page-header-wrapper
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.top-navigation
{
    width: 100%;

    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
            align-self: flex-start;
}
.logout-container
{
    background-color: white;
}
.language-selection
{
    background-color: white;
}
.language-selection .active
{
    font-weight: bold;
}
.app-state
{
    display: block;

    max-width: 30em;
    margin: 1em;
    margin-right: auto;
    margin-left: auto;
    padding: 1em;

    text-align: center;
}
.nav
{
    margin-bottom: 0;
    padding-left: 0;

    list-style: none;
}
.nav > li
{
    position: relative;

    display: block;
}
.nav > li > a
{
    position: relative;

    display: block;

    padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus
{
    text-decoration: none;

    background-color: none;
}
.nav > li.disabled > a
{
    color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus
{
    cursor: not-allowed;
    text-decoration: none;

    color: #777;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
    border-color: #300f5e;
    background-color: none;
}
.nav .nav-divider
{
    overflow: hidden;

    height: 1px;
    margin: 10px 0;

    background-color: #e5e5e5;
}
.nav > li > a > img
{
    max-width: none;
}
.nav-tabs
{
    border-bottom: 1px solid #e5e5e5;
}
.nav-tabs > li
{
    float: left;

    margin-bottom: -1px;
}
.nav-tabs > li > a
{
    line-height: 1.42857143;

    margin-right: 2px;

    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover
{
    border-color: #e5e5e5 #e5e5e5 #e5e5e5;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    cursor: default;

    color: #c2ecf7;
    border: 1px solid none;
    border-bottom-color: transparent;
    background-color: white;
}
.nav-tabs.nav-justified
{
    width: 100%;

    border-bottom: 0;
}
.nav-tabs.nav-justified > li
{
    float: none;
}
.nav-tabs.nav-justified > li > a
{
    margin-bottom: 5px;

    text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu
{
    top: auto;
    left: auto;
}
@media (min-width: 768px)
{
    .nav-tabs.nav-justified > li
    {
        display: table-cell;

        width: 1%;
    }
    .nav-tabs.nav-justified > li > a
    {
        margin-bottom: 0;
    }
}
.nav-tabs.nav-justified > li > a
{
    margin-right: 0;

    border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus
{
    border: 1px solid #ddd;
}
@media (min-width: 768px)
{
    .nav-tabs.nav-justified > li > a
    {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus
    {
        border-bottom-color: white;
    }
}
.nav-pills > li
{
    float: left;
}
.nav-pills > li > a
{
    border-radius: 4px;
}
.nav-pills > li + li
{
    margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus
{
    color: #fff;
    background-color: #337ab7;
}
.nav-stacked > li
{
    float: none;
}
.nav-stacked > li + li
{
    margin-top: 2px;
    margin-left: 0;
}
.nav-justified
{
    width: 100%;
}
.nav-justified > li
{
    float: none;
}
.nav-justified > li > a
{
    margin-bottom: 5px;

    text-align: center;
}
.nav-justified > .dropdown .dropdown-menu
{
    top: auto;
    left: auto;
}
@media (min-width: 768px)
{
    .nav-justified > li
    {
        display: table-cell;

        width: 1%;
    }
    .nav-justified > li > a
    {
        margin-bottom: 0;
    }
}
.nav-tabs-justified
{
    border-bottom: 0;
}
.nav-tabs-justified > li > a
{
    margin-right: 0;

    border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus
{
    border: 1px solid #ddd;
}
@media (min-width: 768px)
{
    .nav-tabs-justified > li > a
    {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus
    {
        border-bottom-color: white;
    }
}
.tab-content > .tab-pane
{
    display: none;
}
.tab-content > .active
{
    display: block;
}
.nav-tabs .dropdown-menu
{
    margin-top: -1px;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar,
.navbar.NavBar,
.navbar.SubNavBar
{
    position: relative;

    min-height: 50px;
    margin-bottom: 22px;

    border: 1px solid transparent;
}
@media (min-width: 768px)
{
    .navbar,
    .navbar.NavBar,
    .navbar.SubNavBar
    {
        border-radius: 4px;
    }
}
@media (min-width: 768px)
{
    .navbar-header
    {
        float: left;
    }
}
.navbar-collapse
{
    overflow-x: visible;

    padding-right: 15px;
    padding-left: 15px;

    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

    -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in
{
    overflow-y: auto;
}
@media (min-width: 768px)
{
    .navbar-collapse
    {
        width: auto;

        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse
    {
        display: block !important;
        overflow: visible !important;

        height: auto !important;
        padding-bottom: 0;
    }
    .navbar-collapse.in
    {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse
    {
        padding-right: 0;
        padding-left: 0;
    }
}
.navbar-fixed-top,
.navbar-fixed-bottom
{
    position: fixed;
    z-index: 1030;
    right: 0;
    left: 0;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse
{
    max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape)
{
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse
    {
        max-height: 200px;
    }
}
@media (min-width: 768px)
{
    .navbar-fixed-top,
    .navbar-fixed-bottom
    {
        border-radius: 0;
    }
}
.navbar-fixed-top
{
    top: 0;

    border-width: 0 0 1px;
}
.navbar-fixed-bottom
{
    bottom: 0;

    margin-bottom: 0;

    border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse
{
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px)
{
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse
    {
        margin-right: 0;
        margin-left: 0;
    }
}
.navbar-static-top
{
    z-index: 1000;

    border-width: 0 0 1px;
}
@media (min-width: 768px)
{
    .navbar-static-top
    {
        border-radius: 0;
    }
}
.navbar-brand
{
    font-size: 20px;
    line-height: 22px;

    float: left;

    height: 50px;
    padding: 14px 15px;
}
.navbar-brand:hover,
.navbar-brand:focus
{
    text-decoration: none;
}
.navbar-brand > img
{
    display: block;
}
@media (min-width: 768px)
{
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand
    {
        margin-left: -15px;
    }
}
.navbar-toggle
{
    position: relative;

    float: right;

    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    padding: 9px 10px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    background-image: none;
}
.navbar-toggle:focus
{
    outline: 0;
}
.navbar-toggle .icon-bar
{
    display: block;

    width: 22px;
    height: 2px;

    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar
{
    margin-top: 4px;
}
@media (min-width: 768px)
{
    .navbar-toggle
    {
        display: none;
    }
}
.navbar-nav
{
    margin: 7px -15px;
}
.navbar-nav > li > a
{
    line-height: 22px;

    padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 767px)
{
    .navbar-nav .open .dropdown-menu
    {
        position: static;

        float: none;

        width: auto;
        margin-top: 0;

        border: 0;
        background-color: transparent;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header
    {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a
    {
        line-height: 22px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus
    {
        background-image: none;
    }
}
@media (min-width: 768px)
{
    .navbar-nav
    {
        float: left;

        margin: 0;
    }
    .navbar-nav > li
    {
        float: left;
    }
    .navbar-nav > li > a
    {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
.navbar-form
{
    margin-top: 7px;
    margin-right: -15px;
    margin-bottom: 7px;
    margin-left: -15px;
    padding: 10px 15px;

    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px)
{
    .navbar-form .form-group
    {
        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle;
    }
    .navbar-form .form-control
    {
        display: inline-block;

        width: auto;

        vertical-align: middle;
    }
    .navbar-form .form-control-static
    {
        display: inline-block;
    }
    .navbar-form .input-group
    {
        display: inline-table;

        vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control
    {
        width: auto;
    }
    .navbar-form .input-group > .form-control
    {
        width: 100%;
    }
    .navbar-form .control-label
    {
        margin-bottom: 0;

        vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox
    {
        display: inline-block;

        margin-top: 0;
        margin-bottom: 0;

        vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label
    {
        padding-left: 0;
    }
    .navbar-form .radio input[type='radio'],
    .navbar-form .checkbox input[type='checkbox']
    {
        position: relative;

        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback
    {
        top: 0;
    }
}
@media (max-width: 767px)
{
    .navbar-form .form-group
    {
        margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child
    {
        margin-bottom: 0;
    }
}
@media (min-width: 768px)
{
    .navbar-form
    {
        width: auto;
        margin-right: 0;
        margin-left: 0;
        padding-top: 0;
        padding-bottom: 0;

        border: 0;
        box-shadow: none;
    }
}
.navbar-nav > li > .dropdown-menu
{
    margin-top: 0;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu
{
    margin-bottom: 0;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.navbar-btn
{
    margin-top: 7px;
    margin-bottom: 7px;
}
.navbar-btn.btn-sm
{
    margin-top: 8.5px;
    margin-bottom: 8.5px;
}
.navbar-btn.btn-xs
{
    margin-top: 14px;
    margin-bottom: 14px;
}
.navbar-text
{
    margin-top: 14px;
    margin-bottom: 14px;
}
@media (min-width: 768px)
{
    .navbar-text
    {
        float: left;

        margin-right: 15px;
        margin-left: 15px;
    }
}
@media (min-width: 768px)
{
    .navbar-left
    {
        float: left !important;
    }
    .navbar-right
    {
        float: right !important;

        margin-right: -15px;
    }
    .navbar-right ~ .navbar-right
    {
        margin-right: 0;
    }
}
.navbar-default
{
    border-color: #e7e7e7;
    background-color: #f8f8f8;
}
.navbar-default .navbar-brand
{
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus
{
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default .navbar-text
{
    color: #777;
}
.navbar-default .navbar-nav > li > a
{
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
    color: #333;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus
{
    color: #ccc;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus
{
    color: #555;
    background-color: #e7e7e7;
}
@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        color: #ccc;
        background-color: transparent;
    }
}
.navbar-default .navbar-toggle
{
    border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
    background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form
{
    border-color: #e7e7e7;
}
.navbar-default .navbar-link
{
    color: #777;
}
.navbar-default .navbar-link:hover
{
    color: #333;
}
.navbar-default .btn-link
{
    color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus
{
    color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus
{
    color: #ccc;
}
.navbar-inverse
{
    border-color: #080808;
    background-color: #222;
}
.navbar-inverse .navbar-brand
{
    color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus
{
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-text
{
    color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a
{
    color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
{
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus
{
    color: #fff;
    background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus
{
    color: #444;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus
{
    color: #fff;
    background-color: #080808;
}
@media (max-width: 767px)
{
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header
    {
        border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider
    {
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a
    {
        color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #fff;
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        color: #444;
        background-color: transparent;
    }
}
.navbar-inverse .navbar-toggle
{
    border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus
{
    background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar
{
    background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form
{
    border-color: #101010;
}
.navbar-inverse .navbar-link
{
    color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover
{
    color: #fff;
}
.navbar-inverse .btn-link
{
    color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus
{
    color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus
{
    color: #444;
}
.navbar-default
{
    border: none;
}
.navbar.NavBar,
.navbar.SubNavBar
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    margin-bottom: 0;

    background-color: transparent;

    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
            align-self: flex-end;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.navbar.NavBar .container,
.navbar.SubNavBar .container
{
    width: auto;
    margin-top: 0;
}
.navbar.NavBar .nav-tabs > li > a,
.navbar.SubNavBar .nav-tabs > li > a
{
    border-color: #e5e5e5;
    border-bottom: none;
}
.navbar.NavBar .navbar-nav > li > a,
.navbar.SubNavBar .navbar-nav > li > a
{
    font-size: 16px;
    font-weight: bold;

    margin-right: 0;

    color: #00addc;
    background-color: white;
}
.navbar.NavBar .navbar-nav > li > a:hover,
.navbar.SubNavBar .navbar-nav > li > a:hover
{
    color: #00addc;
    background-color: #d9f3fa;
}
.navbar.NavBar .navbar-nav .sub-name,
.navbar.SubNavBar .navbar-nav .sub-name
{
    font-size: 13px;
    font-weight: normal;
}
.navbar.NavBar .navbar-nav .active a,
.navbar.SubNavBar .navbar-nav .active a,
.navbar.NavBar .navbar-nav .active a:focus,
.navbar.SubNavBar .navbar-nav .active a:focus
{
    font-weight: bold;

    color: #00addc;
    background-color: #c2ecf7;
}
.navbar.NavBar .navbar-nav .active a:after,
.navbar.SubNavBar .navbar-nav .active a:after,
.navbar.NavBar .navbar-nav .active a:focus:after,
.navbar.SubNavBar .navbar-nav .active a:focus:after
{
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 0;
    left: 0;

    width: 0;
    height: 0;
    margin: 0 auto;

    content: '';

    border-top: solid 10px #c2ecf7;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
}
.navbar.NavBar .navbar-nav .active a:hover,
.navbar.SubNavBar .navbar-nav .active a:hover
{
    font-weight: bold;

    color: #00addc;
    background-color: #c2ecf7;
}
.navbar.SubNavBar
{
    top: 0;

    background-color: rgba(217, 243, 250, .35);
}
.navbar.SubNavBar .navbar-nav > li > a
{
    font-weight: normal;

    background-color: transparent;
}
.navbar.SubNavBar .navbar-nav > li > a:hover
{
    background-color: #d9f3fa;
}
.navbar.SubNavBar .navbar-nav .active a,
.navbar.SubNavBar .navbar-nav .active a:focus
{
    background-color: transparent;
}
.navbar.SubNavBar .navbar-nav .active a:after,
.navbar.SubNavBar .navbar-nav .active a:focus:after
{
    border-top: solid 10px rgba(217, 243, 250, .35);
}
.header-image.header-admin
{
    height: 150px;
}
.custom-checkbox.disabled
{
    opacity: .5;
}
.custom-checkbox
{
    position: relative;

    width: 40px;
    height: 40px;
}
.custom-checkbox:hover label
{
    border: 3px solid #622494;
}
.custom-checkbox label
{
    position: absolute;
    top: 0;
    left: 0;

    width: 80%;
    height: 80%;

    cursor: pointer;

    border: 3px solid #300f5e !important;
    border-radius: 0;
    background-color: #fff;
}
.custom-checkbox .glyphicon-ok
{
    font-size: 22px;

    position: absolute;
    left: 1px;

    -webkit-transition: opacity 100ms;
       -moz-transition: opacity 100ms;
         -o-transition: opacity 100ms;
            transition: opacity 100ms;

    opacity: 0;
    color: #00d13b;
    background: transparent;
}
.custom-checkbox.custom-checkbox-green label > .glyphicon-ok
{
    color: #8cc83c;
}
.custom-checkbox label:hover
{
    opacity: .9;
}
.custom-checkbox input[type=checkbox]
{
    visibility: hidden;
}
.custom-checkbox input[type=checkbox]:checked + label > .glyphicon-ok
{
    opacity: 1;
}
.custom-checkbox input[type=checkbox]:disabled + label
{
    border: 3px solid #d0d0d0;
}
.wrap-collapsible
{
    margin-bottom: 1.2rem 0;
}
input[type='checkbox'].toggle-collapse
{
    display: none;
}
.lbl-toggle-collapse
{
    font-size: 16px;
    font-weight: unset;

    display: block;

    padding: 8px 12px;

    cursor: pointer;
    text-align: left;

    color: #fff;
    border-radius: 0;
    background-color: #300f5e;
}
.lbl-toggle-collapse:active
{
    background-color: #120642;
}
.lbl-toggle-collapse:hover
{
    background-color: #622494;
}
.lbl-toggle-collapse::before
{
    display: inline-block;

    margin-right: .7rem;

    content: ' ';
    -webkit-transition: -webkit-transform .5s ease-in-out;
       -moz-transition:    -moz-transform .5s ease-in-out;
         -o-transition:      -o-transform .5s ease-in-out;
            transition:         transform .5s ease-in-out;
    -webkit-transform: translateY(-2px);
       -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
         -o-transform: translateY(-2px);
            transform: translateY(-2px);
    vertical-align: middle;

    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
}
.lbl-toggle-collapse.village-dark-blue
{
    color: #0d5e9f;
}
.lbl-toggle-collapse.village-dark-blue:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-light-blue
{
    color: #d9f3fa;
}
.lbl-toggle-collapse.village-light-blue:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-violet
{
    color: #9b00c8;
}
.lbl-toggle-collapse.village-violet:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-green
{
    color: #fb701a;
}
.lbl-toggle-collapse.village-green:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-green
{
    color: #8cc83c;
}
.lbl-toggle-collapse.village-green:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-yellow-green
{
    color: #b8d812;
}
.lbl-toggle-collapse.village-yellow-green:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-yellow-orange
{
    color: #ffcd15;
}
.lbl-toggle-collapse.village-yellow-orange:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-orange
{
    color: #fb701a;
}
.lbl-toggle-collapse.village-orange:hover
{
    color: #666;
}
.lbl-toggle-collapse.village-pink
{
    color: #e986ff;
}
.lbl-toggle-collapse.village-pink:hover
{
    color: #666;
}
.toggle-collapse:checked + .lbl-toggle-collapse::before
{
    -webkit-transform: rotate(90deg) translateX(-3px);
       -moz-transform: rotate(90deg) translateX(-3px);
        -ms-transform: rotate(90deg) translateX(-3px);
         -o-transform: rotate(90deg) translateX(-3px);
            transform: rotate(90deg) translateX(-3px);
}
.collapsible-content
{
    overflow: hidden;

    max-height: 0;

    -webkit-transition: max-height .5s ease-in-out;
       -moz-transition: max-height .5s ease-in-out;
         -o-transition: max-height .5s ease-in-out;
            transition: max-height .5s ease-in-out;
}
.toggle-collapse:checked + .lbl-toggle-collapse + .collapsible-content
{
    max-height: 2160px;
}
.collapsible-content .collapsible-content-inner
{
    padding: 10px 15px 3px 15px;

    background-color: #fff;
}
.ct-double-octave:after,
.ct-major-eleventh:after,
.ct-major-second:after,
.ct-major-seventh:after,
.ct-major-sixth:after,
.ct-major-tenth:after,
.ct-major-third:after,
.ct-major-twelfth:after,
.ct-minor-second:after,
.ct-minor-seventh:after,
.ct-minor-sixth:after,
.ct-minor-third:after,
.ct-octave:after,
.ct-perfect-fifth:after,
.ct-perfect-fourth:after,
.ct-square:after
{
    clear: both;

    content: '';
}
.ct-label
{
    font-family: 'Geomanist-Regular';
    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    color: rgba(255, 255, 255, .9);

    fill: rgba(255, 255, 255, .9);
}
.ct-grid-background
{
    fill: none;
}
.ct-line
{
    fill: none;
    stroke-width: 4px;
}
.ct-chart-bar .ct-label
{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    display:         flex;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start
{
    text-align: center;

    -ms-flex-align: flex-end;
    -ms-flex-pack: center;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-justify-content: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end
{
    text-align: center;

    -ms-flex-align: flex-start;
    -ms-flex-pack: center;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    text-anchor: start;
}
.ct-chart-line .ct-label
{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    display:         flex;
}
.ct-chart-donut .ct-label
{
    dominant-baseline: central;
}
.ct-chart-pie .ct-label
{
    dominant-baseline: central;
}
.ct-label.ct-horizontal.ct-start
{
    text-align: left;

    -ms-flex-align: flex-end;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    text-anchor: start;
}
.ct-label.ct-horizontal.ct-end
{
    text-align: left;

    -ms-flex-align: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    text-anchor: start;
}
.ct-label.ct-vertical.ct-start
{
    text-align: right;

    -ms-flex-align: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    text-anchor: end;
}
.ct-label.ct-vertical.ct-end
{
    text-align: left;

    -ms-flex-align: flex-end;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start
{
    text-align: left;

    -ms-flex-align: flex-end;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end
{
    text-align: left;

    -ms-flex-align: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start
{
    text-align: right;

    -ms-flex-align: center;
    -ms-flex-pack: flex-end;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    text-anchor: end;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end
{
    text-align: left;

    -ms-flex-align: center;
    -ms-flex-pack: flex-start;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
       -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    text-anchor: end;
}
.ct-grid
{
    stroke-dasharray: 2px;
    stroke-width: 1px;
    stroke: rgba(0, 0, 0, .2);
}
.ct-point
{
    stroke-linecap: round;
    stroke-width: 10;
}
.ct-area
{
    fill-opacity: .1;
    stroke: none;
}
.ct-bar
{
    fill: none;
    stroke-width: 10;
}
.ct-slice-donut
{
    fill: none;
    stroke-width: 60;
}
.ct-series-a .ct-bar
{
    stroke: #9b00c8;
}
.ct-series-a .ct-line
{
    stroke: #9b00c8;
}
.ct-series-a .ct-point
{
    stroke: #9b00c8;
}
.ct-series-a .ct-slice-donut
{
    stroke: #9b00c8;
}
.ct-series-a .ct-area
{
    fill: #9b00c8;
}
.ct-series-a .ct-slice-donut-solid
{
    fill: #9b00c8;
}
.ct-series-a .ct-slice-pie
{
    fill: #9b00c8;
}
.ct-series-b .ct-bar
{
    stroke: #fb701a;
}
.ct-series-b .ct-line
{
    stroke: #fb701a;
}
.ct-series-b .ct-point
{
    stroke: #fb701a;
}
.ct-series-b .ct-slice-donut
{
    stroke: #fb701a;
}
.ct-series-b .ct-area
{
    fill: #fb701a;
}
.ct-series-b .ct-slice-donut-solid
{
    fill: #fb701a;
}
.ct-series-b .ct-slice-pie
{
    fill: #fb701a;
}
.ct-series-c .ct-bar
{
    stroke: #00addc;
}
.ct-series-c .ct-line
{
    stroke: #00addc;
}
.ct-series-c .ct-point
{
    stroke: #00addc;
}
.ct-series-c .ct-slice-donut
{
    stroke: #00addc;
}
.ct-series-c .ct-area
{
    fill: #00addc;
}
.ct-series-c .ct-slice-donut-solid
{
    fill: #00addc;
}
.ct-series-c .ct-slice-pie
{
    fill: #00addc;
}
.ct-series-d .ct-bar
{
    stroke: #8cc83c;
}
.ct-series-d .ct-line
{
    stroke: #8cc83c;
}
.ct-series-d .ct-point
{
    stroke: #8cc83c;
}
.ct-series-d .ct-slice-donut
{
    stroke: #8cc83c;
}
.ct-series-d .ct-area
{
    fill: #8cc83c;
}
.ct-series-d .ct-slice-donut-solid
{
    fill: #8cc83c;
}
.ct-series-d .ct-slice-pie
{
    fill: #8cc83c;
}
.ct-series-e .ct-bar
{
    stroke: #d9f3fa;
}
.ct-series-e .ct-line
{
    stroke: #d9f3fa;
}
.ct-series-e .ct-point
{
    stroke: #d9f3fa;
}
.ct-series-e .ct-slice-donut
{
    stroke: #d9f3fa;
}
.ct-series-e .ct-area
{
    fill: #d9f3fa;
}
.ct-series-e .ct-slice-donut-solid
{
    fill: #d9f3fa;
}
.ct-series-e .ct-slice-pie
{
    fill: #d9f3fa;
}
.ct-series-f .ct-bar
{
    stroke: #e986ff;
}
.ct-series-f .ct-line
{
    stroke: #e986ff;
}
.ct-series-f .ct-point
{
    stroke: #e986ff;
}
.ct-series-f .ct-slice-donut
{
    stroke: #e986ff;
}
.ct-series-f .ct-area
{
    fill: #e986ff;
}
.ct-series-f .ct-slice-donut-solid
{
    fill: #e986ff;
}
.ct-series-f .ct-slice-pie
{
    fill: #e986ff;
}
.ct-series-g .ct-bar
{
    stroke: #0d5e9f;
}
.ct-series-g .ct-line
{
    stroke: #0d5e9f;
}
.ct-series-g .ct-point
{
    stroke: #0d5e9f;
}
.ct-series-g .ct-slice-donut
{
    stroke: #0d5e9f;
}
.ct-series-g .ct-area
{
    fill: #0d5e9f;
}
.ct-series-g .ct-slice-donut-solid
{
    fill: #0d5e9f;
}
.ct-series-g .ct-slice-pie
{
    fill: #0d5e9f;
}
.ct-series-h .ct-bar
{
    stroke: #d5f046;
}
.ct-series-h .ct-line
{
    stroke: #d5f046;
}
.ct-series-h .ct-point
{
    stroke: #d5f046;
}
.ct-series-h .ct-slice-donut
{
    stroke: #d5f046;
}
.ct-series-h .ct-area
{
    fill: #d5f046;
}
.ct-series-h .ct-slice-donut-solid
{
    fill: #d5f046;
}
.ct-series-h .ct-slice-pie
{
    fill: #d5f046;
}
.ct-series-i .ct-bar
{
    stroke: #ffdd61;
}
.ct-series-i .ct-line
{
    stroke: #ffdd61;
}
.ct-series-i .ct-point
{
    stroke: #ffdd61;
}
.ct-series-i .ct-slice-donut
{
    stroke: #ffdd61;
}
.ct-series-i .ct-area
{
    fill: #ffdd61;
}
.ct-series-i .ct-slice-donut-solid
{
    fill: #ffdd61;
}
.ct-series-i .ct-slice-pie
{
    fill: #ffdd61;
}
.ct-series-j .ct-bar
{
    stroke: #eacf7d;
}
.ct-series-j .ct-line
{
    stroke: #eacf7d;
}
.ct-series-j .ct-point
{
    stroke: #eacf7d;
}
.ct-series-j .ct-slice-donut
{
    stroke: #eacf7d;
}
.ct-series-j .ct-area
{
    fill: #eacf7d;
}
.ct-series-j .ct-slice-donut-solid
{
    fill: #eacf7d;
}
.ct-series-j .ct-slice-pie
{
    fill: #eacf7d;
}
.ct-series-k .ct-bar
{
    stroke: #86797d;
}
.ct-series-k .ct-line
{
    stroke: #86797d;
}
.ct-series-k .ct-point
{
    stroke: #86797d;
}
.ct-series-k .ct-slice-donut
{
    stroke: #86797d;
}
.ct-series-k .ct-area
{
    fill: #86797d;
}
.ct-series-k .ct-slice-donut-solid
{
    fill: #86797d;
}
.ct-series-k .ct-slice-pie
{
    fill: #86797d;
}
.ct-series-l .ct-bar
{
    stroke: #b2c326;
}
.ct-series-l .ct-line
{
    stroke: #b2c326;
}
.ct-series-l .ct-point
{
    stroke: #b2c326;
}
.ct-series-l .ct-slice-donut
{
    stroke: #b2c326;
}
.ct-series-l .ct-area
{
    fill: #b2c326;
}
.ct-series-l .ct-slice-donut-solid
{
    fill: #b2c326;
}
.ct-series-l .ct-slice-pie
{
    fill: #b2c326;
}
.ct-series-m .ct-bar
{
    stroke: #6188e2;
}
.ct-series-m .ct-line
{
    stroke: #6188e2;
}
.ct-series-m .ct-point
{
    stroke: #6188e2;
}
.ct-series-m .ct-slice-donut
{
    stroke: #6188e2;
}
.ct-series-m .ct-area
{
    fill: #6188e2;
}
.ct-series-m .ct-slice-donut-solid
{
    fill: #6188e2;
}
.ct-series-m .ct-slice-pie
{
    fill: #6188e2;
}
.ct-series-n .ct-bar
{
    stroke: #a748ca;
}
.ct-series-n .ct-line
{
    stroke: #a748ca;
}
.ct-series-n .ct-point
{
    stroke: #a748ca;
}
.ct-series-n .ct-slice-donut
{
    stroke: #a748ca;
}
.ct-series-n .ct-area
{
    fill: #a748ca;
}
.ct-series-n .ct-slice-donut-solid
{
    fill: #a748ca;
}
.ct-series-n .ct-slice-pie
{
    fill: #a748ca;
}
.ct-series-o .ct-bar
{
    stroke: #b3f9e8;
}
.ct-series-o .ct-line
{
    stroke: #b3f9e8;
}
.ct-series-o .ct-point
{
    stroke: #b3f9e8;
}
.ct-series-o .ct-slice-donut
{
    stroke: #b3f9e8;
}
.ct-series-o .ct-area
{
    fill: #b3f9e8;
}
.ct-series-o .ct-slice-donut-solid
{
    fill: #b3f9e8;
}
.ct-series-o .ct-slice-pie
{
    fill: #b3f9e8;
}
.ct-square
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-square:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 100%;

    content: '';
}
.ct-square:after
{
    display: table;
}
.ct-square > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-minor-second
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-minor-second:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 93.75%;

    content: '';
}
.ct-minor-second:after
{
    display: table;
}
.ct-minor-second > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-major-second
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-major-second:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%;

    content: '';
}
.ct-major-second:after
{
    display: table;
}
.ct-major-second > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-minor-third
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-minor-third:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%;

    content: '';
}
.ct-minor-third:after
{
    display: table;
}
.ct-minor-third > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-major-third
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-major-third:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 80%;

    content: '';
}
.ct-major-third:after
{
    display: table;
}
.ct-major-third > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-perfect-fourth
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-perfect-fourth:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 75%;

    content: '';
}
.ct-perfect-fourth:after
{
    display: table;
}
.ct-perfect-fourth > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-perfect-fifth
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-perfect-fifth:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%;

    content: '';
}
.ct-perfect-fifth:after
{
    display: table;
}
.ct-perfect-fifth > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-minor-sixth
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-minor-sixth:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 62.5%;

    content: '';
}
.ct-minor-sixth:after
{
    display: table;
}
.ct-minor-sixth > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-golden-section
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-golden-section:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 61.804697157%;

    content: '';
}
.ct-golden-section:after
{
    display: table;
    clear: both;

    content: '';
}
.ct-golden-section > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-major-sixth
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-major-sixth:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 60%;

    content: '';
}
.ct-major-sixth:after
{
    display: table;
}
.ct-major-sixth > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-minor-seventh
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-minor-seventh:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 56.25%;

    content: '';
}
.ct-minor-seventh:after
{
    display: table;
}
.ct-minor-seventh > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-major-seventh
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-major-seventh:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%;

    content: '';
}
.ct-major-seventh:after
{
    display: table;
}
.ct-major-seventh > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-octave
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-octave:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 50%;

    content: '';
}
.ct-octave:after
{
    display: table;
}
.ct-octave > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-major-tenth
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-major-tenth:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 40%;

    content: '';
}
.ct-major-tenth:after
{
    display: table;
}
.ct-major-tenth > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-major-eleventh
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-major-eleventh:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 37.5%;

    content: '';
}
.ct-major-eleventh:after
{
    display: table;
}
.ct-major-eleventh > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-major-twelfth
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-major-twelfth:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%;

    content: '';
}
.ct-major-twelfth:after
{
    display: table;
}
.ct-major-twelfth > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.ct-double-octave
{
    position: relative;

    display: block;

    width: 100%;
}
.ct-double-octave:before
{
    display: block;
    float: left;

    width: 0;
    height: 0;
    padding-bottom: 25%;

    content: '';
}
.ct-double-octave:after
{
    display: table;
}
.ct-double-octave > svg
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.legend
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 0 25px 0;
    padding: 0;

    list-style: none;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.legend .legend-labels li span
{
    display: block;
    float: left;

    width: 160px;
    height: 15px;
}
.legend .legend-labels li:first-child span:first-child
{
    background: #9b00c8;
}
.legend .legend-labels li:nth-child(2) span:first-child
{
    background: #fb701a;
}
.legend .legend-labels li:nth-child(3) span:first-child
{
    background: #00addc;
}
.legend .legend-labels li:nth-child(4) span:first-child
{
    background: #8cc83c;
}
.legend .legend-labels li:nth-child(5) span:first-child
{
    background: #d9f3fa;
}
.legend .legend-labels li:nth-child(6) span:first-child
{
    background: #e986ff;
}
.legend .legend-labels li:nth-child(7) span:first-child
{
    background: #0d5e9f;
}
.legend .legend-labels li:nth-child(8) span:first-child
{
    background: #d5f046;
}
.legend .legend-labels li:nth-child(9) span:first-child
{
    background: #ffdd61;
}
.legend .legend-labels li:nth-child(10) span:first-child
{
    background: #eacf7d;
}
.legend .legend-labels li:nth-child(11) span:first-child
{
    background: #86797d;
}
.legend .legend-labels li:nth-child(12) span:first-child
{
    background: #b2c326;
}
.legend .legend-labels li:nth-child(13) span:first-child
{
    background: #6188e2;
}
.legend .legend-labels li:nth-child(14) span:first-child
{
    background: #a748ca;
}
.legend .legend-labels li:nth-child(15) span:first-child
{
    background: #b3f9e8;
}
.legend .legend-scale ul
{
    float: left;

    margin: 0;
    padding: 0;

    list-style: none;
}
.legend .legend-scale ul li
{
    font-family: 'Geomanist-Regular';
    font-size: 16px;
    font-weight: 700;

    display: block;
    float: left;

    width: 160px;
    margin: 5px;

    list-style: none;

    text-align: center;

    color: #2b2b2b;
}
/*
=============================================================================
 Utility classes
=============================================================================
*/
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.navbar.NavBar:before,
.navbar.NavBar:after,
.navbar.SubNavBar:before,
.navbar.SubNavBar:after
{
    display: table;

    content: ' ';
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.dl-horizontal dd:after,
.modal-header:after,
.modal-footer:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.navbar.NavBar:after,
.navbar.SubNavBar:after
{
    clear: both;
}
.center-block
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}
.pull-right
{
    float: right !important;
}
.pull-left
{
    float: left !important;
}
.hide
{
    display: none !important;
}
.show
{
    display: block !important;
}
.invisible
{
    visibility: hidden;
}
.text-hide
{
    font: 0/0 a;

    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
}
.hidden
{
    display: none !important;
}
.affix
{
    position: fixed;
}
@-ms-viewport
{
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg
{
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block
{
    display: none !important;
}
@media (max-width: 767px)
{
    .visible-xs
    {
        display: block !important;
    }
    table.visible-xs
    {
        display: table !important;
    }
    tr.visible-xs
    {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs
    {
        display: table-cell !important;
    }
}
@media (max-width: 767px)
{
    .visible-xs-block
    {
        display: block !important;
    }
}
@media (max-width: 767px)
{
    .visible-xs-inline
    {
        display: inline !important;
    }
}
@media (max-width: 767px)
{
    .visible-xs-inline-block
    {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .visible-sm
    {
        display: block !important;
    }
    table.visible-sm
    {
        display: table !important;
    }
    tr.visible-sm
    {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm
    {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .visible-sm-block
    {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .visible-sm-inline
    {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .visible-sm-inline-block
    {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px)
{
    .visible-md
    {
        display: block !important;
    }
    table.visible-md
    {
        display: table !important;
    }
    tr.visible-md
    {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md
    {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px)
{
    .visible-md-block
    {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px)
{
    .visible-md-inline
    {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px)
{
    .visible-md-inline-block
    {
        display: inline-block !important;
    }
}
@media (min-width: 1200px)
{
    .visible-lg
    {
        display: block !important;
    }
    table.visible-lg
    {
        display: table !important;
    }
    tr.visible-lg
    {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg
    {
        display: table-cell !important;
    }
}
@media (min-width: 1200px)
{
    .visible-lg-block
    {
        display: block !important;
    }
}
@media (min-width: 1200px)
{
    .visible-lg-inline
    {
        display: inline !important;
    }
}
@media (min-width: 1200px)
{
    .visible-lg-inline-block
    {
        display: inline-block !important;
    }
}
@media (max-width: 767px)
{
    .hidden-xs
    {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-sm
    {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-md
    {
        display: none !important;
    }
}
@media (min-width: 1200px)
{
    .hidden-lg
    {
        display: none !important;
    }
}
.visible-print
{
    display: none !important;
}
@media print
{
    .visible-print
    {
        display: block !important;
    }
    table.visible-print
    {
        display: table !important;
    }
    tr.visible-print
    {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print
    {
        display: table-cell !important;
    }
}
.visible-print-block
{
    display: none !important;
}
@media print
{
    .visible-print-block
    {
        display: block !important;
    }
}
.visible-print-inline
{
    display: none !important;
}
@media print
{
    .visible-print-inline
    {
        display: inline !important;
    }
}
.visible-print-inline-block
{
    display: none !important;
}
@media print
{
    .visible-print-inline-block
    {
        display: inline-block !important;
    }
}
@media print
{
    .hidden-print
    {
        display: none !important;
    }
}

.accordion
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    margin: 0;
    margin-bottom: 10px;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.accordion li:last-child
{
    margin-bottom: 20px;
}
.accordion-heading
{
    position: relative;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 5px 15px;

    cursor: pointer;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.accordion-title
{
    -webkit-flex: 1;
    -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.accordion-title h4
{
    font-weight: bold;

    color: #fff !important;
}
.accordion-icon
{
    font-weight: bold;

    position: absolute;
    right: 15px;

    -webkit-transition: -webkit-transform .5s ease;
       -moz-transition:    -moz-transform .5s ease;
         -o-transition:      -o-transform .5s ease;
            transition:         transform .5s ease;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
.rotate
{
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.accordion-body
{
    overflow: hidden;

    -webkit-transition: max-height .5s ease;
       -moz-transition: max-height .5s ease;
         -o-transition: max-height .5s ease;
            transition: max-height .5s ease;
}
@media screen and (max-width: 560px)
{
    .accordion-title
    {
        text-align: center;
    }
    .table-responsive
    {
        margin-bottom: 0;

        border: 0;
    }
    .table-responsive ul
    {
        width: -webkit-fit-content;
        width:    -moz-fit-content;
        width:         fit-content;
        margin: 0 auto !important;
    }
    .table-responsive ul a
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}

.header-admin
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    background-color: #300f5e;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.header-admin .logo
{
    width: 106px;
    height: 49px;
    margin: 0 15px;

    background-image: url('/images/tat-logo.png');
    background-size: contain;
}
.header-admin .mobile-toggle
{
    margin: 0 15px;
}
.header-admin .mobile-toggle button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    color: #000;
    background-color: #0f0;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.header-admin .mobile-toggle button:active:focus,
.header-admin .mobile-toggle button:active:hover
{
    color: #000;
    background-color: #0f0;
}
.header-admin .mobile-toggle button.open
{
    background-color: #fff;
}
.header-admin .mobile-toggle button.open:active:focus,
.header-admin .mobile-toggle button.open:active:hover
{
    color: #000;
    background-color: #fff;
}
.header-admin .mobile-toggle button span:nth-child(1)
{
    padding-right: 10px;
}
.header-admin .navbar-menu
{
    -webkit-transition: height .2s ease-in-out;
       -moz-transition: height .2s ease-in-out;
         -o-transition: height .2s ease-in-out;
            transition: height .2s ease-in-out;

    border-top: 0;
}
.header-admin .navbar-menu .language-selection
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 15px;

    background-color: transparent;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.header-admin .navbar-menu ul
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;
            flex-direction: column;

    margin: 0 0 30px 0;
    padding: 30px 0;

    list-style: none;

    border-top: 1px solid #622494;
    border-bottom: 1px solid #622494;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.header-admin .navbar-menu ul li
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 15px;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.header-admin .navbar-menu ul li:hover
{
    background-color: #c3f188;
}
.header-admin .navbar-menu ul li:hover a
{
    /* display: flex;
                        justify-content: center; */
    color: #2b2b2b;
}
.header-admin .navbar-menu ul li.active
{
    background-color: #0f0;
}
.header-admin .navbar-menu ul li.active a
{
    color: #2b2b2b;
}
.header-admin .navbar-menu ul li a
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 15px;

    color: #fff;
}
.header-admin .navbar-menu .logout-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin: 0 15px;

    background-color: transparent;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.header-admin .navbar-menu .logout-container button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    color: #fff;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.header-admin .navbar-menu .logout-container button:hover
{
    text-decoration: none;

    color: #2b2b2b;
    background-color: #ebebeb;
}
.header-admin .navbar-menu .logout-container button .glyphicon
{
    padding-left: 8px;
}
@media screen and (min-width: 1200px)
{
    .header-admin
    {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 992px)
{
    .header-admin
    {
        height: 100px;
    }
    .navbar-menu.active
    {
        height: -webkit-calc(100vh - 100px);
        height:    -moz-calc(100vh - 100px);
        height:         calc(100vh - 100px);
    }
}
@media screen and (max-width: 992px)
{
    .header-admin
    {
        height: 100px;
    }
    .header-admin .logo
    {
        width: 69px;
        height: 32px;
    }
    .navbar-menu.active
    {
        height: -webkit-calc(100vh - 64px);
        height:    -moz-calc(100vh - 64px);
        height:         calc(100vh - 64px);
    }
}
@media screen and (max-width: 560px)
{
    .header-admin
    {
        height: 64px;
    }
    .navbar-menu ul li
    {
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}

.NavBar li:nth-child(2)
{
    padding-right: 10rem;
}
.NavBar ul.no-bottom-border
{
    border-bottom: none;
}
@media screen and (max-width: 1023px)
{
    .NavBar li:nth-child(3)
    {
        display: table;
        clear: both;

        content: '';
    }
}

.main-container
{
    height: inherit;
}
.main-container .assignment-header
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 100px;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.main-container .assignment-header img
{
    width: auto;
    max-width: 630px;
}
.main-container .assignment-filter
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin: 20px 2.5%;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex: 1;
    -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.main-container .assignment-filter .option
{
    margin: 3px;

    color: #fff;
}
.main-container .assignment-filter .option:hover
{
    color: #fff;
    background-color: #622494;
}
.main-container .assignment-filter .option:focus
{
    color: #fff;
    background-color: #120642;
}
.main-container .assignment-filter .option.active
{
    color: #2b2b2b;
    background-color: #0f0;
}
.main-container .assignment-filter .option.active:hover
{
    color: #2b2b2b;
    background-color: #c3f188;
}
.main-container .assignment-filter .option.active:focus
{
    color: #2b2b2b;
    background-color: #00d13b;
}
.main-container .assignment-list
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    height: inherit;
    margin: 0 20px;

    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
            align-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.main-container .assignment-list .assignment-card
{
    display: block;

    width: 45%;
    height: -webkit-fit-content;
    height:    -moz-fit-content;
    height:         fit-content;
    margin: 10px 15px 30px 15px;

    text-align: left;

    background-color: #f9f4ff;
}
.main-container .assignment-list .assignment-card .heading,
.main-container .assignment-list .assignment-card .content
{
    font-size: 22px;

    padding: 20px 30px;
}
.main-container .assignment-list .assignment-card .heading
{
    font-weight: 600;

    width: 100%;

    color: #fff;
    background-color: #300f5e;
}
.main-container .assignment-list .assignment-card .content
{
    font-weight: 400;

    color: #2b2b2b;
}
.main-container .assignment-list .assignment-card .content .description
{
    margin-bottom: 30px;
}
.main-container .assignment-list .assignment-card .content .compensation .color-coded-sum,
.main-container .assignment-list .assignment-card .content .cost .color-coded-sum
{
    margin-left: 0;
}
.main-container .assignment-list .assignment-card .content .code
{
    margin-top: 30px;
}
.main-container .assignment-list .assignment-card .content .code .id
{
    font-weight: 600;

    color: #300f5e;
}

.AssignmentTaskModal .modal-footer
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;

    background-color: #fff !important;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.AssignmentTaskModal .footer-buttons
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.AssignmentTaskModal .verify-prompt
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;
    margin-top: 20px;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.AssignmentTaskModal .verify-prompt .alert
{
    text-align: left;
}
.AssignmentTaskModal .verify-prompt button
{
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
            align-self: flex-end;
}
.AssignmentTaskModal .modal-header
{
    border: none !important;
}

button.btn.back-to-view
{
    margin-bottom: 20px;

    color: #fff;
    border: none;
}

canvas
{
    display: block;

    width: inherit;

    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.collapse
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    margin: 0;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.collapse-heading
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 2px;
    padding: 5px 15px;

    cursor: pointer;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.collapse-title > h4
{
    font-weight: bold;

    color: #fff !important;
}
.collapse-icon
{
    font-weight: bold;

    margin-left: auto;

    -webkit-transition: -webkit-transform .5s ease;
       -moz-transition:    -moz-transform .5s ease;
         -o-transition:      -o-transform .5s ease;
            transition:         transform .5s ease;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
.rotate
{
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.collapse-body
{
    overflow: hidden;

    -webkit-transition: max-height .5s ease;
       -moz-transition: max-height .5s ease;
         -o-transition: max-height .5s ease;
            transition: max-height .5s ease;
}

.color-coded-sum
{
    margin-left: 1ex;
}
.color-coded-sum.credit
{
    color: #00d13b;
}
.color-coded-sum.debit
{
    color: #d0004b;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
body .modal .modal-content
{
    border-radius: 0;
}
body .modal .confirmation-modal
{
    max-width: 300px;
}
body .modal .confirmation-modal .modal-header
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 15px 15px 0 15px;

    border: 0;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
body .modal .confirmation-modal .modal-header::before,
body .modal .confirmation-modal .modal-header::after
{
    content: unset;
}
body .modal .confirmation-modal .modal-header h1
{
    margin: 0;
}
body .modal .confirmation-modal .modal-header .close
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 10px;

    opacity: unset;
    background-color: #fff;
    box-shadow: unset;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
body .modal .confirmation-modal .modal-header .close:hover
{
    opacity: unset;
    color: #000;
    background-color: #ebebeb;
}
body .modal .confirmation-modal .modal-header .close span
{
    font-size: 16px;

    margin: 0 5px;

    color: #000;
}
body .modal .confirmation-modal .modal-header .close span:nth-child(2)
{
    font-size: 26px;
}
body .modal .confirmation-modal .modal-body
{
    padding: 15px;

    text-align: left;

    color: #2b2b2b;
}
body .modal .confirmation-modal .modal-footer
{
    padding: 0 15px 15px 15px;

    border-top: none;
}
body .modal .confirmation-modal .modal-footer:before,
body .modal .confirmation-modal .modal-footer:after
{
    content: unset;
}
body .modal .confirmation-modal .modal-footer .btn
{
    border: none;
}
body .modal .confirmation-modal .modal-footer .btn[disabled]
{
    color: #ababab;
}
body .modal .danger .modal-header
{
    padding: 15px 15px 0 15px;

    border: none;
    background-color: #ffeef2;
}
body .modal .danger .modal-header .modal-title
{
    color: #d0004b !important;
}
body .modal .danger .modal-header h1
{
    color: #d0004b !important;
}
body .modal .danger .modal-body
{
    padding: 15px;

    text-align: left;

    color: #2b2b2b;
    background-color: #ffeef2;
}
body .modal .danger .modal-footer
{
    padding: 0 15px 15px 15px;

    background-color: #ffeef2;
}

.ElectricityCustomers .over-threshold
{
    color: #00addc;
}
.ElectricityCustomers .progress
{
    margin-bottom: 4px;
}

/**
    Header.less
*/
/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
header
{
    width: 100%;
}
@media print
{
    header
    {
        display: none !important;
    }
}
.header-image
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;
    height: 140px;

    background-image: url('/images/header-background.png');
    background-repeat: repeat-x;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.header-company-name
{
    font-size: 20px;
    font-weight: bold;

    margin-left: 5%;
    padding: 0 12px;

    color: #00addc;
    border-radius: 0 0 4px 4px;
    background-color: #d9f3fa;

    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
            align-self: flex-start;
}

.infoAlert
{
    border: 0;
    background-color: #e7fffe;
}
.infoAlert button.close
{
    margin: 0 !important;

    color: #000 !important;
    background: transparent !important;
}
.infoAlert button.close > span
{
    line-height: 1;
}
.infoAlert p
{
    color: #2b2b2b;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
body .modal .info-modal
{
    max-width: 300px;
}
body .modal .info-modal .modal-header
{
    padding: 15px 15px 0 15px;

    border: 0;
}
body .modal .info-modal .modal-header h1
{
    margin: 0;
}
body .modal .info-modal .modal-body
{
    padding: 15px;

    text-align: left;

    color: #2b2b2b;
}
body .modal .info-modal .modal-footer
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 15px 15px 15px;

    border: 0;

    -webkit-justify-content: right;
    -moz-box-pack: right;
    -ms-flex-pack: right;
            justify-content: right;
}
body .modal .info-modal .modal-footer .btn
{
    border: none;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.Invoice table.table
{
    margin-top: 20px;
    margin-bottom: 0;

    color: #2b2b2b;
}
.Invoice table.table thead > tr > th:first-child,
.Invoice table.table thead > tr > th:last-child
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.Invoice table.table tbody > tr > th
{
    font-size: 14px;

    color: #2b2b2b;
    background-color: #ebebeb;
}
.Invoice table.table td
{
    text-align: left;
}
.Invoice table.table tr.tax-info
{
    border-top: 2px solid;
}
.Invoice table.table td.total
{
    font-weight: bold;
}
.Invoice table.table td.big-content,
.Invoice table.table .content.big-content
{
    font-size: 22px;
}
.Invoice table.table .invoice-cell
{
    vertical-align: top;

    border: 2px solid !important;
    border-color: #000 !important;
}
.Invoice table.table .invoice-cell .description
{
    font-size: 16px;

    float: left;
    clear: right;
}
.Invoice table.table .invoice-cell .content
{
    float: right;
    clear: left;
}
.Invoice table.table .buyer
{
    font-size: 12px;

    vertical-align: top;
}


.pin-container
{
    position: relative;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
.pin-container .pin-code
{
    font-weight: 400;

    position: relative;
    left: -8px;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
    visibility: visible;

    width: 60px;
    padding: 5px 10px;

    color: white;
    border-radius: 0;
    background-color: #300f5e;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.pin-container .pin-code:after
{
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 100%;

    display: block;

    width: 0;

    content: '';

    border-width: 8px 0 8px 10px;
    border-style: solid;
    border-color: transparent #300f5e;
}
.pin-container .hidden
{
    visibility: hidden;
}
button.show-pin-button,
button.show-pin-button:hover
{
    color: #fff;
    border: 2px solid #300f5e;
}
button.show-pin-button.disabled,
button.show-pin-button.disabled:hover
{
    color: grey;
    border-color: grey;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.LoanChooser
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;
            flex-direction: column;

    color: #fff;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
    justify-items: center;
}
.LoanChooser button
{
    margin: 0 0 12.5px;

    text-align: left;

    border: 0;
    background-color: #300f5e;
}
.LoanChooser button:hover,
.LoanChooser button:focus,
.LoanChooser button:focus-visible
{
    outline-style: inherit;
    background-color: #622494;
}
.LoanChooser button:active
{
    border-radius: 0;
    background-color: #120642;
}
.LoanChooser .loan-item
{
    padding: 6px 12px;

    background-color: #300f5e;
}
.LoanChooser .loan-item.selected
{
    color: #2b2b2b;
    background-color: #0f0;
}
.LoanChooser .loan-item.selected:hover
{
    background-color: #c3f188;
}
.LoanChooser .loan-item.selected:active
{
    background-color: #00d13b;
}
.LoanChooser hr
{
    margin-top: 5px;
    margin-bottom: 5px;

    border-color: #ebebeb;
}
.LoanChooser .total
{
    font-size: 34px;
    font-weight: bold;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.MultipleInvoices table.table
{
    margin-top: 0;
    margin-bottom: 0;

    color: #2b2b2b;
}
.MultipleInvoices table.table thead > tr > th:first-child,
.MultipleInvoices table.table thead > tr > th:last-child
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.MultipleInvoices table.table tbody > tr > th
{
    font-size: 14px;

    color: #2b2b2b;
    background-color: #ebebeb;
}
.MultipleInvoices table.table tr.total-row
{
    border-top: 2px solid;
}
.MultipleInvoices table.table td.total
{
    font-weight: bold;
}

.sub-heading a,
.link a
{
    font-weight: 400;

    text-decoration: none;

    color: #fff;
}
.sub-heading:hover,
.link:hover
{
    text-decoration: none;

    background-color: #c3f188;
}
.sub-heading:hover a,
.link:hover a
{
    color: #2b2b2b;
}
.sub-heading.active,
.link.active
{
    text-decoration: none;

    background-color: #00d13b;
}
.sub-heading.active a,
.link.active a
{
    color: #2b2b2b;
}
.my-navbar
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.my-navbar .navbar-header
{
    font-size: 20px;
    font-weight: 700;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    color: #0f0;
    background-color: #300f5e;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.my-navbar .navbar-header .logo,
.my-navbar .navbar-header .sub-heading,
.my-navbar .navbar-header .mobile-toggle
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin: 15px;
    padding: 0;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.my-navbar .navbar-header .logo
{
    padding-left: 15px;

    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}
.my-navbar .navbar-header .mobile-toggle
{
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}
.my-navbar .navbar-header .mobile-toggle button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
    float: right;

    margin: 0;
    padding: 7px 16px;

    color: #000;
    background-color: #0f0;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.my-navbar .navbar-header .mobile-toggle button .hamburger-icon
{
    font-size: 22px;

    padding-left: 10px;

    cursor: pointer;
}
.my-navbar .navbar-header .mobile-toggle button.open
{
    background-color: #fff;
}
.navbar-menu.active
{
    padding-bottom: 30px;
}
.navbar-menu
{
    position: absolute;
    z-index: 99;
    top: 64px;

    overflow: hidden;
    overflow-y: auto;

    width: 100%;
    height: 0vh;

    -webkit-transition: height .2s ease-in-out;
       -moz-transition: height .2s ease-in-out;
         -o-transition: height .2s ease-in-out;
            transition: height .2s ease-in-out;

    border-top: 1px solid #622494;
    background-color: #300f5e;
}
.navbar-menu .table-responsive .accordion
{
    margin: 0 15px;
}
.navbar-menu .table-responsive .accordion .accordion-heading
{
    margin-bottom: 2px;
}
.navbar-menu .table-responsive .accordion .accordion-heading .accordion-title h4
{
    font-size: 22px !important;
}
.navbar-menu .table-responsive .accordion .accordion-heading .accordion-icon
{
    color: #fff;
}
.navbar-menu .table-responsive .accordion .accordion-heading.active
{
    margin-bottom: 2px;

    background-color: #00d13b;
}
.navbar-menu .table-responsive .accordion .accordion-heading.active .accordion-title > h4
{
    color: #2b2b2b !important;
}
.navbar-menu .table-responsive .accordion .accordion-heading.active .accordion-icon
{
    color: #2b2b2b;
}
.navbar-menu .table-responsive .accordion .accordion-heading:hover
{
    margin-bottom: 2px;

    background-color: #c3f188;
}
.navbar-menu .table-responsive .accordion .accordion-heading:hover .accordion-title > h4
{
    color: #2b2b2b !important;
}
.navbar-menu .table-responsive .accordion .accordion-heading:hover .accordion-icon
{
    color: #2b2b2b;
}
.navbar-menu .table-responsive .accordion .accordion-body ul
{
    overflow: hidden;

    margin: 0 12.5%;
    padding: 0;

    list-style: none;
}
.navbar-menu .table-responsive .accordion .accordion-body ul .link a
{
    font-weight: 400;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 15px;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (min-width: 992px)
{
    .navbar-header
    {
        height: 100px;
    }
    .navbar-menu
    {
        top: 100px;
    }
    .navbar-menu .table-responsive
    {
        margin-bottom: 0;

        border: 0;
    }
    .navbar-menu.active
    {
        height: -webkit-calc(100vh - 100px);
        height:    -moz-calc(100vh - 100px);
        height:         calc(100vh - 100px);
    }
}
@media screen and (max-width: 992px)
{
    .mobile-toggle
    {
        pointer-events: auto;
    }
    .navbar-header
    {
        height: 100px;
    }
    .navbar-menu
    {
        top: 100px;
    }
    .navbar-menu .table-responsive
    {
        margin-bottom: 0;

        border: 0;
    }
    .navbar-menu.active
    {
        height: -webkit-calc(100vh - 100px);
        height:    -moz-calc(100vh - 100px);
        height:         calc(100vh - 100px);
    }
}
@media screen and (max-width: 560px)
{
    .mobile-toggle
    {
        pointer-events: auto;
    }
    .navbar-menu.active
    {
        height: -webkit-calc(100vh - 64px);
        height:    -moz-calc(100vh - 64px);
        height:         calc(100vh - 64px);
    }
    .navbar-header
    {
        height: 64px;
    }
    .navbar-menu
    {
        top: 64px;
    }
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.open-answer-modal .modal-content .modal-header
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 15px 15px 0 15px;

    border: 0;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.open-answer-modal .modal-content .modal-header::before,
.open-answer-modal .modal-content .modal-header::after
{
    content: unset;
}
.open-answer-modal .modal-content .modal-header h1
{
    margin: 0;
}
.open-answer-modal .modal-content .modal-header .close
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 10px;

    opacity: unset;
    background-color: #fff;
    box-shadow: unset;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.open-answer-modal .modal-content .modal-header .close:hover
{
    opacity: unset;
    color: #000;
    background-color: #ebebeb;
}
.open-answer-modal .modal-content .modal-header .close span
{
    font-size: 16px;

    margin: 0 5px;

    color: #000;
}
.open-answer-modal .modal-content .modal-header .close span:nth-child(2)
{
    font-size: 26px;
}
.open-answer-modal .modal-content .modal-body
{
    padding: 15px;

    text-align: left;
}
.open-answer-modal .modal-content .modal-body button[type='submit']
{
    float: right;
}
.open-answer-modal .modal-content .modal-footer
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 15px 15px 15px;

    border: 0;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.open-answer-modal .modal-content .modal-footer::before,
.open-answer-modal .modal-content .modal-footer::after
{
    content: unset;
}

.PayByCard .col-md-4
{
    padding-left: 0;
}

.PaySalaryButton .salary-paid
{
    font-style: italic;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.PaymentTerminal
{
    width: 300px;
    margin-bottom: 20px;
    padding: 20px;

    background-color: #2b2b2b;
}
.PaymentTerminal .display
{
    font-size: 22px;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;
            flex-direction: column;

    height: 125px;
    margin-bottom: 20px;
    padding: 10px;

    color: black;
    background-color: #f6f6f6;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.PaymentTerminal .buttons
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;

    color: #fff;
}
.PaymentTerminal .buttons .terminal-button
{
    font-size: 25px;

    width: 55px;
    height: 55px;
    margin: 5px;
    padding: 0;

    color: white;
    border-radius: 100%;
    background-color: #777;
}
.PaymentTerminal .buttons .terminal-button:active
{
    background-color: #535353;
}
.PaymentTerminal .buttons .digits
{
    width: 75%;

    text-align: center;
}
.PaymentTerminal .buttons .controls
{
    width: 25%;
}
.PaymentTerminal .buttons .backspace-button
{
    background-color: #ff8c00;
}
.PaymentTerminal .buttons .backspace-button:active
{
    background-color: #813600;
}
.PaymentTerminal .buttons .glyphicon
{
    font-size: inherit;

    margin-right: 0;

    color: inherit;
}
.PaymentTerminal .buttons .accept-button
{
    height: 130px;

    border-radius: 30px;
    background-color: #00d13b;
}
.PaymentTerminal .buttons .accept-button:active
{
    background-color: #005418;
}
.PaymentTerminal .buttons .clear-button
{
    background-color: #ec008c;
}
.PaymentTerminal .buttons .clear-button:active
{
    background-color: #8d0a39;
}
.PaymentTerminal .buttons .clear-button .glyphicon
{
    top: 3px;
}
body .modal .confirmation-modal.payment-confirmation-modal
{
    width: 80%;
    max-width: 600px;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body
{
    text-align: left;

    color: black;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body label
{
    margin-right: 10px;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .form-field,
body .modal .confirmation-modal.payment-confirmation-modal .modal-body input
{
    margin-bottom: 15px;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body form,
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body form .float-right,
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .content .float-right
{
    float: right;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body form .form-container,
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .content .form-container
{
    margin-right: 10px;

    -webkit-flex: 6;
    -moz-box-flex: 6;
        -ms-flex: 6;
            flex: 6;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body form .loan-amount,
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .content .loan-amount
{
    -webkit-flex: 5;
    -moz-box-flex: 5;
        -ms-flex: 5;
            flex: 5;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body form hr,
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .content hr
{
    margin-top: 5px;
    margin-bottom: 5px;

    border-color: #ebebeb;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body form .total,
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .content .total
{
    font-size: 34px;
    font-weight: bold;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .content .loan-amount
{
    padding: 20px;

    color: #2b2b2b;
    border-radius: 0;
    background-color: #e7fffe;
}
body .modal .confirmation-modal.payment-confirmation-modal .modal-body .alert
{
    margin-top: 10px;
    margin-bottom: 0;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.center-text-left
{
    display: table;

    margin-right: auto;
    margin-left: auto;

    text-align: left;
}
body .modal .quiz-modal .modal-header
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 15px 15px 0 15px;

    border: 0;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
body .modal .quiz-modal .modal-header::before,
body .modal .quiz-modal .modal-header::after
{
    content: unset;
}
body .modal .quiz-modal .modal-header h1
{
    margin: 0;
}
body .modal .quiz-modal .modal-header .close
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 0 10px;

    opacity: unset;
    background-color: #fff;
    box-shadow: unset;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
body .modal .quiz-modal .modal-header .close:hover
{
    opacity: unset;
    color: #000;
    background-color: #ebebeb;
}
body .modal .quiz-modal .modal-header .close span
{
    font-size: 16px;

    margin: 0 5px;

    color: #000;
}
body .modal .quiz-modal .modal-header .close span:nth-child(2)
{
    font-size: 26px;
}
body .modal .quiz-modal .modal-body
{
    padding: 15px;

    text-align: center;

    color: #00addc;
}
body .modal .quiz-modal .modal-body .quiz-navigation
{
    margin-top: 2rem;
}
body .modal .quiz-modal .modal-body .quiz-navigation .btn
{
    margin: 0 6px 0 6px;
}
body .modal .quiz-modal .modal-body .alert
{
    border: 0;
    border-radius: 0;
}
body .modal .quiz-modal .modal-footer
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    min-height: 80px;
    padding: 0 15px 15px 15px;

    border: 0;
    border-top: none;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
body .modal .quiz-modal .modal-footer::before,
body .modal .quiz-modal .modal-footer::after
{
    content: unset;
}
body .modal .quiz-modal .modal-footer .btn
{
    border: none;
}
body .modal .quiz-modal .modal-footer .btn[disabled]
{
    color: #ababab;
}
body .modal .quiz-modal .modal-footer div.progress
{
    width: 50%;
    margin: 0;
}
body .modal .quiz-modal .modal-footer div.progress .feedback-info
{
    background-color: #00bcf2;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.feedback-correct
{
    color: #0f0;
}
.feedback-incorrect
{
    color: #d0004b;
}
.feedback-info
{
    color: #00bcf2;
}
.question-intro
{
    margin-bottom: 25px;

    text-align: left;
    white-space: pre-line;

    color: #333;
}
.question-image
{
    margin-bottom: 25px;
}
.question-image img
{
    max-width: 250px;
}
.question-text
{
    font-weight: bold;

    color: #333;
}
.quiz-info
{
    margin-top: 2rem;
}
.option-button
{
    white-space: normal !important;
}
.option-button.btn-success,
.option-button.btn-success:hover
{
    color: #fff;
    border: 0;
    border-radius: 0;
    background-color: #00d13b;
}
.option-button.btn-danger,
.option-button.btn-danger:hover
{
    color: #fff;
    border: 0;
    border-radius: 0;
    background-color: #8d0a39;
}
.lightOrange
{
    background-color: #ffba8e !important;
}
.lightOrange:hover
{
    background-color: #ffdad6 !important;
}
.lightOrange:focus
{
    background-color: #fceaf5 !important;
}
.lightPink
{
    background-color: #ffa7da !important;
}
.lightPink:hover
{
    background-color: #fddaff !important;
}
.lightPink:focus
{
    background-color: #eaedfd !important;
}
.lightBlue
{
    background-color: #76e1fc !important;
}
.lightBlue:hover
{
    background-color: #daffe6 !important;
}
.lightBlue:focus
{
    background-color: #f0ffe4 !important;
}
.paleGreen
{
    background-color: #8cfcc0 !important;
}
.paleGreen:hover
{
    background-color: #dfffd6 !important;
}
.paleGreen:focus
{
    background-color: #fffee6 !important;
}
.yellowGreen
{
    background-color: #caf02b !important;
}
.yellowGreen:hover
{
    background-color: #f3ed97 !important;
}
.yellowGreen:focus
{
    background-color: #fff5df !important;
}
.lightYellow
{
    background-color: #ffe389 !important;
}
.lightYellow:hover
{
    background-color: #ffe9d1 !important;
}
.lightYellow:focus
{
    background-color: #fffbee !important;
}

.quiz-trigger .competitor-input
{
    width: 50%;
}
.quiz-trigger .button-row
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
}
.quiz-trigger button
{
    margin-top: 12px;
    margin-bottom: 12px;
}
.competition-trigger
{
    margin-top: 12px;
}
.competition-trigger .competition-info
{
    margin-bottom: 1.2rem;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.invoice-footer
{
    padding: 20px 0;

    text-align: right;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
/*
=============================================================================
 Mixins
=============================================================================
*/
.ShoppingCart table.table
{
    margin: 0;
}
.ShoppingCart table.table thead > tr > th
{
    color: white;
    border: none;
    border-radius: 0;
    background-color: #300f5e;
}
.ShoppingCart .content
{
    padding: .5em;

    border-radius: 0;
    background-color: #f6f6f6;
}
.ShoppingCart .content .shopping-cart-item
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: .25em;

    color: black;
    border-radius: 0;
    background-color: white;
}
.ShoppingCart .content .shopping-cart-item .product-info
{
    width: 85%;
    padding: .5em;
    padding-right: 1em;
    padding-bottom: 1em;

    border-radius: 0;
}
.ShoppingCart .content .shopping-cart-item.non-removable .product-info
{
    width: 100%;
}
.ShoppingCart .content .shopping-cart-item .product-price
{
    font-size: 28px;
    font-weight: bold;

    float: right;
}
.ShoppingCart .content .shopping-cart-item .product-name
{
    margin-bottom: 1em;
}
.ShoppingCart .content .shopping-cart-item .product-quantity-in-cart .number
{
    padding: .25em 1em;

    color: #2b2b2b;
    border-radius: 0;
    background-color: #f6f6f6;
}
.ShoppingCart .content .shopping-cart-item button.remove-item-button
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    width: 15%;
    padding: 0;

    color: white;
    border: none;
    border-radius: 0;
    background-color: #300f5e;

    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.ShoppingCart .content .shopping-cart-item button.remove-item-button:hover
{
    background-color: #622494;
}
.ShoppingCart .content .shopping-cart-item button.remove-item-button .glyphicon.glyphicon-remove
{
    position: static;

    margin: 0;

    color: #ec008c;
}
.ShoppingCart .content .shopping-cart-total
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin-top: .5em;
    padding: .5em 0;

    color: #2b2b2b;
    border-top: 2px solid #ebebeb;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.ShoppingCart .content .shopping-cart-total .total-price
{
    font-size: 34px;
    font-weight: bold;
}
.ShoppingCart .content button.proceed-to-checkout
{
    width: 100%;
    padding: 12px;
}
.ShoppingCart.empty table.table thead
{
    background-color: transparent;
}
.ShoppingCart.empty table.table thead > tr > th
{
    color: #fff;
    background-color: #300f5e;
}
.ShoppingCart.empty .content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    height: 200px;

    color: #2b2b2b;
    background-color: #f6f6f6;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.ShoppingCartView .alert-dismissable .close
{
    top: -7px;
}
.ShoppingCartView th,
.ShoppingCartView td
{
    text-align: center;
}
.ShoppingCartView .col-md-8
{
    padding-left: 0;
}
.ShoppingCartView .table
{
    margin-top: 0;
}
.ShoppingCartView .table tbody > tr > td:first-child
{
    padding-left: 8px;
}
.ShoppingCartView .table thead > tr > th
{
    color: #fff;
    background-color: #300f5e;
}
.ShoppingCartView tbody > tr > th
{
    color: #2b2b2b;
    background-color: #ebebeb;
}
.ShoppingCartView td.name
{
    width: 33%;

    text-align: left;
}
.ShoppingCartView td.price
{
    font-size: 18px;
    font-weight: 400;

    width: 33%;

    color: #2b2b2b;
}
.ShoppingCartView td.add-to-shopping-cart
{
    text-align: right;
}
.ShoppingCartView td.add-to-shopping-cart .out-of-stock
{
    color: #2b2b2b;
}

.zef-modal
{
    width: 90vw;
    max-width: 960px;
    height: 90%;
}
.zef-modal .modal-content
{
    height: 100%;
}
.zef-modal .modal-content .modal-body
{
    height: 100%;
    padding: 0;
}

.VoteOption
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.VoteOption .vote-input
{
    -webkit-flex-basis: 90%;
    -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
}
.VoteOption .vote-delete
{
    text-align: right;

    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
}
.VoteOption .vote-delete .btn-danger-round:active,
.VoteOption .vote-delete .btn-danger-round:focus
{
    background-color: #8d0a39;
}
.VoteOption .vote-delete .glyphicon-heart
{
    line-height: 1.5;
}
.VoteOption .form-group input
{
    border-radius: 0;
}
.VoteOption p.error-text
{
    color: #d0004b;
}
.VoteOption .progress
{
    height: 49px;
    margin-bottom: 0;

    border-radius: 0;
    background-color: #eee;
}
.VoteOption .progress .progress-bar
{
    font-size: inherit;
    line-height: 53px;

    border-radius: 0;
    background-color: #300f5e;
}
.VoteOption .progress + p
{
    font-size: 23px;
    font-size: inherit;

    margin-bottom: 15px;
}

.status-indicator
{
    float: right;
}
.status-indicator::after
{
    display: inline-block;

    width: 14px;
    height: 14px;
    margin-left: .5em;

    content: '';
    vertical-align: -2px;

    border-radius: 50%;
}
.status-indicator.working
{
    color: #8cc83c;
}
.status-indicator.working::after
{
    background-color: #8cc83c;
}
.status-indicator.free
{
    color: orange;
}
.status-indicator.free::after
{
    background-color: orange;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.AccountingPage
{
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.AccountingPage .accounting-table
{
    margin-bottom: 40px;
}
.AccountingPage .accounting-table table.table
{
    margin-bottom: 5px;
}
.AccountingPage .accounting-table .table thead > tr > th
{
    border-bottom-right-radius: 0;
    /* text-align: center;
            font-size: @font-size-h3; */
    border-bottom-left-radius: 0;
}
.AccountingPage .accounting-table tbody > tr > th
{
    font-weight: normal;

    color: #00addc;
    background-color: rgba(217, 243, 250, .35);
}
.AccountingPage .accounting-table tbody > tr > th:first-child
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.AccountingPage .accounting-table tbody > tr > th:last-child
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.AccountingPage .accounting-table tbody > tr:first-child > th
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.AccountingPage .summary
{
    font-size: 20px;

    padding: 15px;

    text-align: right;

    color: #2b2b2b;
    border-radius: 5px;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.balance-modal .account-balance
{
    font-size: 28px;

    text-align: left;
}
.balance-modal .no-items
{
    font-size: 20px;
    font-style: italic;
}
.balance-modal table.table
{
    text-align: left;
}
.balance-modal .modal-header
{
    padding: 15px 15px 0 15px;

    border: 0;
}
.balance-modal .modal-header h1
{
    margin: 0;
}
.balance-modal .modal-body
{
    padding: 15px;

    text-align: left;
}
.balance-modal .modal-footer
{
    padding: 0 15px 15px 15px;

    border: 0;

    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}

.EntrepreneurshipPage .add-assignment-button
{
    width: 40%;
    max-width: 300px;
    min-height: 300px;
    margin-right: 20px;
    margin-bottom: 30px;
    padding: 20px;

    color: white;
    border: none;
    background-color: #300f5e;
}
.EntrepreneurshipPage .add-assignment-button .glyphicon-plus
{
    color: #00d13b;
}
.EntrepreneurshipPage .add-assignment-button:hover
{
    background-color: #622494;
}
.EntrepreneurshipPage .assignment
{
    font-size: 25px;
    font-weight: bold;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 40%;
    max-width: 300px;
    min-height: 300px;
    margin-right: 20px;
    margin-bottom: 30px;
    padding: 20px 30px;

    text-align: left;

    color: #2b2b2b;
    background-color: #f4edff;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.EntrepreneurshipPage .assignment .state
{
    font-size: 16px;

    margin-top: 10px;
}
.EntrepreneurshipPage .assignment .state._unopened,
.EntrepreneurshipPage .assignment .state._in_progress,
.EntrepreneurshipPage .assignment .state._review,
.EntrepreneurshipPage .assignment .state._summary
{
    color: #d0004b;
}
.EntrepreneurshipPage .assignment .state._done
{
    color: #00d13b;
}
.EntrepreneurshipPage .assignment .add-assignment-button
{
    border: none;
}
.EntrepreneurshipPage .assignment .button-group
{
    margin-top: 20px;
}
.EntrepreneurshipPage .assignment .button-group .link-button.btn-primary
{
    margin-right: 10px;
}
.EntrepreneurshipPage .assignment .summary
{
    font-size: 16px;

    margin: auto;
    margin-top: 20px;
}
.EntrepreneurshipPage .assignments
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
            justify-content: left;
}
.EntrepreneurshipPage .button-success
{
    color: black;
    background-color: #0f0;
}
.EntrepreneurshipPage .button-success:hover
{
    background-color: #c3f188;
}
.no-border
{
    border-bottom: 0 !important;
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */
}
.no-border input::-webkit-outer-spin-button,
.no-border input::-webkit-inner-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}
.no-border input[type=number]
{
    -moz-appearance: textfield;
}
.no-border .infoAlert
{
    margin-bottom: 0;
}
.header
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 10px;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.modal-input
{
    text-align: left;
}
.button-footer-container
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;

    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.modal-label
{
    width: 100%;

    text-align: left;
}
.modal-header
{
    padding: 15px 15px 0 15px;
}
.modal-footer
{
    padding: 0 15px 15px 15px;

    border: 0;
}

.AssignmentPage .task
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    margin-bottom: 16px;

    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.AssignmentPage .summary-numbers
{
    margin: 20px 0;
}
.AssignmentPage .summary-number
{
    font-size: 16px;
    font-weight: 600;
}
.AssignmentPage .review
{
    margin-top: 16px;
}
.assignment-glyphicon
{
    top: 5px;
    left: 10px;
}

@media screen and (max-height: 3840px)
{
    .business-hub
    {
        height: -webkit-calc(3840px - (3840px * .075));
        height:    -moz-calc(3840px - (3840px * .075));
        height:         calc(3840px - (3840px * .075));
    }
}
@media screen and (max-height: 2160px)
{
    .business-hub
    {
        height: -webkit-calc(2160px - (2160px * .075));
        height:    -moz-calc(2160px - (2160px * .075));
        height:         calc(2160px - (2160px * .075));
    }
}

.CardsPage table.table tbody > tr > td:last-child
{
    width: 25%;
}

.InvoicesPage
{
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.modal-dialog.invoice-modal
{
    width: auto;
    max-width: 80%;
}
.modal-dialog.invoice-modal .modal-header
{
    padding: 15px 15px 0 15px;

    border: 0;
}
.modal-dialog.invoice-modal .modal-header h1
{
    margin: 0;
}
.modal-dialog.invoice-modal .modal-body
{
    padding: 15px;
}
.modal-dialog.invoice-modal .modal-footer
{
    padding: 0 15px 15px 15px;

    text-align: right;

    border: 0;
}
.modal-dialog.invoice-modal .modal-footer::before,
.modal-dialog.invoice-modal .modal-footer::after
{
    content: unset;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.LoanApplicationPage
{
    margin-right: 0;
    margin-bottom: 40px;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.LoanApplicationPage table.table tbody > tr > td
{
    width: 33%;
}
.LoanApplicationPage .LoanChooser
{
    margin-bottom: 15px;
}
.LoanApplicationPage .float-right
{
    float: right;
}
.loan-application-sent-modal .modal-content
{
    background-color: #f0ffd1;
}
.loan-application-sent-modal .modal-content .modal-header
{
    padding: 15px 15px 0 15px;

    color: #005417;
    border: 0;
}
.loan-application-sent-modal .modal-content .modal-header h1,
.loan-application-sent-modal .modal-content .modal-header h2,
.loan-application-sent-modal .modal-content .modal-header h3,
.loan-application-sent-modal .modal-content .modal-header h4,
.loan-application-sent-modal .modal-content .modal-header h5,
.loan-application-sent-modal .modal-content .modal-header h6
{
    color: inherit !important;
}
.loan-application-sent-modal .modal-content .modal-body
{
    margin-bottom: 4rem;
    padding: 0 15px;

    text-align: left;

    color: #005417;
}
.loan-application-sent-modal .modal-content .modal-body p
{
    color: inherit !important;
}
.loan-application-sent-modal .modal-content .modal-footer
{
    padding: 0 15px 15px 15px;

    border: 0;

    -webkit-justify-content: right;
    -moz-box-pack: right;
    -ms-flex-pack: right;
            justify-content: right;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.LoansPage table.table tbody > tr > td
{
    width: 33%;
}
body .modal .confirmation-modal.loans-modal
{
    width: 80%;
    max-width: 80%;
}
body .modal .confirmation-modal.loans-modal .modal-body
{
    text-align: left;

    color: black;
}
body .modal .confirmation-modal.loans-modal .modal-body label
{
    margin-right: 10px;
}
body .modal .confirmation-modal.loans-modal .modal-body .form-field,
body .modal .confirmation-modal.loans-modal .modal-body input
{
    margin-bottom: 15px;
}
body .modal .confirmation-modal.loans-modal .modal-body form,
body .modal .confirmation-modal.loans-modal .modal-body .content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
body .modal .confirmation-modal.loans-modal .modal-body form .float-right,
body .modal .confirmation-modal.loans-modal .modal-body .content .float-right
{
    float: right;
}
body .modal .confirmation-modal.loans-modal .modal-body form .form-container,
body .modal .confirmation-modal.loans-modal .modal-body .content .form-container
{
    margin-right: 10px;

    -webkit-flex: 6;
    -moz-box-flex: 6;
        -ms-flex: 6;
            flex: 6;
}
body .modal .confirmation-modal.loans-modal .modal-body form .loan-amount,
body .modal .confirmation-modal.loans-modal .modal-body .content .loan-amount
{
    -webkit-flex: 5;
    -moz-box-flex: 5;
        -ms-flex: 5;
            flex: 5;
}
body .modal .confirmation-modal.loans-modal .modal-body form hr,
body .modal .confirmation-modal.loans-modal .modal-body .content hr
{
    margin-top: 5px;
    margin-bottom: 5px;

    border-color: #ebebeb;
}
body .modal .confirmation-modal.loans-modal .modal-body form .total,
body .modal .confirmation-modal.loans-modal .modal-body .content .total
{
    font-size: 34px;
    font-weight: bold;
}
body .modal .confirmation-modal.loans-modal .modal-body .content .loan-amount
{
    padding: 20px;

    color: #2b2b2b;
    border-radius: 0;
    background-color: #e7fffe;
}
body .modal .confirmation-modal.loans-modal .modal-body .alert
{
    margin-top: 10px;
    margin-bottom: 0;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.NewsPage .page-header-wrapper button
{
    color: #000;
    background-color: #fff;
}
.NewsPage table.table tbody > tr > td
{
    width: 33%;
}
.NewsPage table.table tbody > tr:nth-child(odd) > td
{
    background-color: #f6f6f6;
}
.NewsPage table.table tbody > tr:nth-child(even) > td
{
    background-color: #ebebeb;
}
.NewsPage button
{
    display: block;

    margin-top: 5px;
    margin-bottom: 10px;

    color: white;
}
.NewsPage img
{
    width: 480px;
    margin-bottom: 15px;
}
.NewsPage iframe
{
    margin: auto;
}
.NewsPage .timeCol
{
    margin-top: 25px;
}
.NewsPage .newsRow
{
    white-space: pre-line;
    white-space: pre-wrap;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.NewsToolPage .page-header-wrapper button
{
    color: #000;
    background-color: #fff;
}
.NewsToolPage table.table tbody > tr > td
{
    width: 33%;
}
.NewsToolPage table.table tbody > tr:nth-child(odd) > td
{
    background-color: #f6f6f6;
}
.NewsToolPage table.table tbody > tr:nth-child(even) > td
{
    background-color: #ebebeb;
}
.NewsToolPage button
{
    display: inline !important;

    margin-right: 10px;
    margin-bottom: 10px;
}
.NewsToolPage .btn
{
    display: inline !important;

    margin-right: 10px;
    margin-bottom: 23px;
}
.NewsToolPage img,
.NewsToolPage video
{
    width: 480px;
    margin-bottom: 15px;
}
.NewsToolPage iframe
{
    margin: auto;
}
.NewsToolPage .timeCol
{
    margin-top: 22px;
}
.NewsToolPage .newsRow p
{
    white-space: pre-line;
    white-space: pre-wrap;
}
body .modal .confirmation-modal.news-modal
{
    max-width: 700px;
}
body .modal .confirmation-modal.news-modal .modal-body
{
    text-align: left;

    color: black;
}
body .modal .confirmation-modal.news-modal .modal-body .NewsToolPage
{
    display: block;
}
body .modal .confirmation-modal.news-modal .modal-body #stopRecButton
{
    border-color: #ff8c00;
    background-color: #ff8c00;
}
body .modal .confirmation-modal.news-modal .modal-body #stopRecButton:hover
{
    border-color: #ffc267;
    background-color: #ffc267;
}
body .modal .confirmation-modal.news-modal .modal-body img,
body .modal .confirmation-modal.news-modal .modal-body video
{
    width: 100%;
    margin: auto;
    margin-bottom: 15px;
}
body .modal .confirmation-modal.news-modal .modal-body .cameraButtonGroup
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
body .modal .confirmation-modal.news-modal .modal-body .cameraButtonGroup button
{
    padding: 9px 24px;
}
body .modal .confirmation-modal.news-modal .modal-body .cameraButtonGroup form label
{
    padding: 9px 24px;
}
body .modal .confirmation-modal.news-modal .modal-body .cameraButtonGroup form .form-group
{
    position: absolute;

    width: 0;
    height: 0;
}
body .modal .confirmation-modal.news-modal .modal-body label
{
    display: block;
}
body .modal .confirmation-modal.news-modal .modal-body .newsText label span
{
    font-family: 'Geomanist-Regular';
}
body .modal .confirmation-modal.news-modal .modal-body .form-field,
body .modal .confirmation-modal.news-modal .modal-body input,
body .modal .confirmation-modal.news-modal .modal-body textarea
{
    font-family: 'Geomanist-Regular';

    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
body .modal .confirmation-modal.news-modal .modal-body form,
body .modal .confirmation-modal.news-modal .modal-body .content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
}
body .modal .confirmation-modal.news-modal .modal-body form .float-right,
body .modal .confirmation-modal.news-modal .modal-body .content .float-right
{
    float: right;
}
body .modal .confirmation-modal.news-modal .modal-body form .form-container,
body .modal .confirmation-modal.news-modal .modal-body .content .form-container
{
    margin-top: 15px;

    -webkit-flex: 6;
    -moz-box-flex: 6;
        -ms-flex: 6;
            flex: 6;
}
body .modal .confirmation-modal.news-modal .modal-body form hr,
body .modal .confirmation-modal.news-modal .modal-body .content hr
{
    margin-top: 5px;
    margin-bottom: 5px;

    border-color: #ebebeb;
}
body .modal .confirmation-modal.news-modal .modal-body form .total,
body .modal .confirmation-modal.news-modal .modal-body .content .total
{
    font-size: 34px;
    font-weight: bold;
}
body .modal .confirmation-modal.news-modal .modal-body .content .loan-amount
{
    padding: 20px;

    color: #2b2b2b;
    border-radius: 0;
    background-color: #e7fffe;
}
body .modal .confirmation-modal.news-modal .modal-body .alert
{
    margin-top: 10px;
    margin-bottom: 0;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.OnlineBankListPage
{
    margin-bottom: 40px;
}
.OnlineBankListPage .account-balance
{
    font-size: 28px;

    margin-top: 20px;

    text-align: center;

    color: #2b2b2b;
}
.OnlineBankListPage .no-items
{
    font-size: 20px;
    font-style: italic;
}
.OnlineBankListPage button
{
    margin-top: 20px;
}
.OnlineBankListPage button,
.OnlineBankListPage h1:not(:first-child)
{
    margin-top: 50px;
}

.OnlineBankSelectionPage.container
{
    margin-top: 20px;
}
.OnlineBankSelectionPage
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.OnlineBankSelectionPage .jobs
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
            justify-content: left;
}
.OnlineBankSelectionPage .jobs .task-list-link
{
    position: relative;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 40%;
    max-width: 300px;
    min-height: 300px;
    margin-right: 20px;
    margin-bottom: 30px;
    padding: 20px 30px;

    border-radius: 0;
    background-color: #ffe5fe;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.OnlineBankSelectionPage .jobs .task-list-link .role
{
    font-weight: bold;

    color: #2b2b2b !important;
}
.OnlineBankSelectionPage .jobs .task-list-link .name
{
    margin-bottom: 20px;
}
.OnlineBankSelectionPage .jobs .task-link::after
{
    position: absolute;
    top: 100%;
    left: -webkit-calc(40%);
    left:    -moz-calc(40%);
    left:         calc(40%);

    content: '';

    border-top: 20px solid black;
    border-top-color: inherit;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.OpenAccountPage
{
    margin-bottom: 40px;
}
.OpenAccountPage table.table tbody > tr > td
{
    width: 33%;
}
body .modal .confirmation-modal.loans-modal
{
    width: 80%;
    max-width: 80%;
}
body .modal .confirmation-modal.loans-modal .modal-body
{
    text-align: left;

    color: black;
}
body .modal .confirmation-modal.loans-modal .modal-body label
{
    margin-right: 10px;
}
body .modal .confirmation-modal.loans-modal .modal-body .form-field,
body .modal .confirmation-modal.loans-modal .modal-body input
{
    margin-bottom: 15px;
}
body .modal .confirmation-modal.loans-modal .modal-body form,
body .modal .confirmation-modal.loans-modal .modal-body .content
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
}
body .modal .confirmation-modal.loans-modal .modal-body form .float-right,
body .modal .confirmation-modal.loans-modal .modal-body .content .float-right
{
    float: right;
}
body .modal .confirmation-modal.loans-modal .modal-body form .form-container,
body .modal .confirmation-modal.loans-modal .modal-body .content .form-container
{
    margin-right: 10px;

    -webkit-flex-grow: 6;
    -moz-box-flex: 6;
    -ms-flex-positive: 6;
            flex-grow: 6;
}
body .modal .confirmation-modal.loans-modal .modal-body form .loan-amount,
body .modal .confirmation-modal.loans-modal .modal-body .content .loan-amount
{
    -webkit-flex-grow: 5;
    -moz-box-flex: 5;
    -ms-flex-positive: 5;
            flex-grow: 5;
}
body .modal .confirmation-modal.loans-modal .modal-body form hr,
body .modal .confirmation-modal.loans-modal .modal-body .content hr
{
    margin-top: 5px;
    margin-bottom: 5px;

    border-color: #ebebeb;
}
body .modal .confirmation-modal.loans-modal .modal-body form .total,
body .modal .confirmation-modal.loans-modal .modal-body .content .total
{
    font-size: 34px;
    font-weight: bold;
}
body .modal .confirmation-modal.loans-modal .modal-body .content .loan-amount
{
    padding: 20px;

    color: #2b2b2b;
    border-radius: 0;
    background-color: #e7fffe;
}
body .modal .confirmation-modal.loans-modal .modal-body .alert
{
    margin-top: 10px;
    margin-bottom: 0;
}
body .modal .online-bank-account-opened-modal .modal-content
{
    background-color: #f0ffd1;
}
body .modal .online-bank-account-opened-modal .modal-content .modal-body
{
    padding: 0 25px;

    text-align: left;
}
body .modal .online-bank-account-opened-modal .modal-content .modal-footer
{
    border-top: 0;

    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}

.PayInvoicesPage .custom-checkbox
{
    margin-top: 8px;
}
.PayInvoicesPage .custom-checkbox input[type=checkbox]
{
    visibility: visible !important;

    opacity: 0 !important;
}
.PayInvoicesPage .custom-checkbox input[type=checkbox]:focus + label
{
    border: 1px solid black;
}
.pay-invoice-modal
{
    width: auto;
    max-width: 80%;
}
.pay-invoice-modal .modal-header
{
    padding: 15px 15px 0 15px;

    border: 0;
}
.pay-invoice-modal .modal-header h1
{
    margin: 0;
}
.pay-invoice-modal .modal-body
{
    padding: 15px;

    text-align: left;
}
.pay-invoice-modal .modal-body .Invoice,
.pay-invoice-modal .modal-body .MultipleInvoices
{
    margin-bottom: 30px;
}
.pay-invoice-modal .modal-body tr.checked-invoice
{
    background-color: #300f5e;
}
.pay-invoice-modal .modal-body .alert-danger
{
    white-space: pre-line;
}
.pay-invoice-modal .modal-footer
{
    padding: 0 15px 15px 15px;

    border: 0;
}
.pay-invoice-modal .modal-footer::before,
.pay-invoice-modal .modal-footer::after
{
    content: unset;
}

.ProcessGamePage .progress
{
    max-width: 300px;
    margin: 5px 0 0 auto;

    background-color: #fff;
    box-shadow: none;
}
.ProcessGamePage .progress .progress-bar
{
    background-color: #00d8cc !important;
}
.ProcessGamePage .btn-icon
{
    line-height: 0;

    width: 35px;
    height: 35px;
    padding: 0;

    border-radius: 35px;
}


/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.StaffPage
{
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.StaffPage .staff-member h3
{
    display: inline;

    margin-right: 1em;
}
.StaffPage .staff-member .role
{
    font-weight: bold;

    color: #2b2b2b;
}
.StaffPage .staff-member .net-salary
{
    font-weight: bold;
}
.StaffPage .staff-member table > tbody > tr > td
{
    vertical-align: middle;
}
.StaffPage .staff-member table > tbody > tr > td:first-child
{
    /* padding-left: @first-cell-left-margin; */
    border-top-left-radius: 0;
}
.StaffPage .staff-member table > tbody > tr > td:last-child
{
    border-top-right-radius: 0;
}
.StaffPage .staff-member table > thead > tr > th
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.StaffPage .staff-member table > thead > tr > th:first-child
{
    /* padding-left: @first-cell-left-margin; */
    border-bottom-left-radius: 0;
}
.StaffPage .staff-member table > thead > tr > th:last-child
{
    border-bottom-right-radius: 0;
}
.StaffPage .staff-member table
{
    margin-top: .5em;

    border-spacing: 0;
}
.StaffPage .staff-member table thead
{
    color: white;
    background-color: #00addc;
}
.paySalaryModal
{
    max-width: 350px !important;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.TaskListPage
{
    margin-bottom: 15px;

    color: #2b2b2b;
}
.TaskListPage h1,
.TaskListPage h3,
.TaskListPage h4
{
    color: #300f5e;
}
.TaskListPage .accordion .accordion-heading
{
    color: white;
    background-color: #300f5e;
}
.TaskListPage .accordion .accordion-heading:hover
{
    background-color: #622494;
}
.TaskListPage .accordion .accordion-body > div > .task-row
{
    background-color: #ebebeb;
}
.TaskListPage .collapse .collapse-heading
{
    color: white;
    background-color: #300f5e;
}
.TaskListPage .collapse .collapse-heading:hover
{
    background-color: #622494;
}
.TaskListPage .collapse .collapse-body > div > .task-row
{
    background-color: #ebebeb;
}
.TaskListPage .task-row
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    padding: 8px;

    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(217, 243, 250, .35);

    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
            align-items: stretch;
}
.TaskListPage .task-row .task-name
{
    font-family: 'Geomanist-Regular';
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;

    margin: 18px 0;

    color: #2b2b2b;
}
.TaskListPage .task-row .task-description img,
.TaskListPage .task-row .collapsible-content img
{
    max-width: 100%;
}
.TaskListPage .task-row .task-content
{
    margin-right: 40px;

    -webkit-flex: 1;
    -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.TaskListPage .task-row .task-content ul
{
    padding: 0 1em;

    list-style-type: disc;
}
.TaskListPage .task-row .task-content .alert
{
    margin-bottom: 6px;
}
.TaskListPage .task-row .custom-checkbox
{
    margin: 12px 20px;
}
.TaskListPage .task-row .custom-checkbox label
{
    border: 3px solid #300f5e;
}
.TaskListPage .task-list-task-time
{
    display: inline-block;

    min-width: 110px;
    margin-right: 2rem;
    padding-right: 1rem;

    border-right: 2px solid white;
}
.TaskListPage .student-title .job-name
{
    /* font-size: 31px;
            color: #0d5e9f;
            font-family: 'bariol-light';
            font-weight: 500;
            line-height: 1.1; */
    margin-bottom: 0;
}
.TaskListPage .student-title .job-name-heading
{
    font-family: 'bariol-light';
    font-size: 31px;
    font-weight: 500;
    line-height: 1.1;

    margin-top: 25px;
    margin-bottom: 0;

    color: #0d5e9f;
}
.TaskListPage .student-title .student-name
{
    margin-top: 0;
}
.TaskListPage .student-title .student-name-heading
{
    font-family: 'bariol-light';
    font-size: 38px;
    font-weight: 500;
    line-height: 1.1;

    margin-top: 0;
    margin-bottom: 12.5px;

    color: #00addc;
}
@media print
{
    .TaskListPage .custom-checkbox
    {
        display: none;
    }
    .TaskListPage .accordion .accordion-heading
    {
        background-color: #ffe5fe !important;

        -webkit-print-color-adjust: exact;
    }
    .TaskListPage .accordion .accordion-body > div > .task-row,
    .TaskListPage .accordion .accordion-body > div:last-child > .task-row
    {
        border: 1px solid #ffe5fe !important;
        border-top: 0 !important;
        border-radius: 0 !important;
    }
}

.TaskSelectionPage.container
{
    margin-top: 20px;
}
.TaskSelectionPage
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
}
.TaskSelectionPage .jobs
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
            justify-content: left;
}
.TaskSelectionPage .jobs .task-list-link
{
    position: relative;

    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 40%;
    max-width: 300px;
    min-height: 300px;
    margin-right: 20px;
    margin-bottom: 30px;
    padding: 20px 30px;

    border-radius: 0;
    background-color: #ffe5fe;

    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.TaskSelectionPage .jobs .task-list-link .role
{
    font-weight: bold;

    color: #2b2b2b !important;
}
.TaskSelectionPage .jobs .task-list-link .name
{
    margin-bottom: 20px;
}
.TaskSelectionPage .jobs .task-link::after
{
    position: absolute;
    top: 100%;
    left: -webkit-calc(40%);
    left:    -moz-calc(40%);
    left:         calc(40%);

    content: '';

    border-top: 20px solid black;
    border-top-color: inherit;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

/*
=============================================================================
 Variables
=============================================================================
*/
@font-face
{
    font-family: 'bariol-bold';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-regular-webfont.otf');
    src: url('/fonts/bariol-regular-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-regular';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/bariol-bold-webfont.otf');
    src: url('/fonts/bariol-bold-webfont.ttf') format('truetype');
}
@font-face
{
    font-family: 'bariol-light';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/bariol-light-webfont.otf');
}
@font-face
{
    font-family: 'Geomanist-Bold';
    font-weight: bold;
    font-style: normal;

    src: url('/fonts/Geomanist-Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Medium';
    font-weight: 500;
    font-style: normal;

    src: url('/fonts/Geomanist-Medium.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Regular';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/Geomanist-Regular.ttf') format('truetype');
}
@font-face
{
    font-family: 'Geomanist-Light';
    font-weight: 300;
    font-style: normal;

    src: url('/fonts/Geomanist-Light.ttf') format('truetype');
}
a
{
    font-weight: 600;
}
.TeacherCompanyCardsPage
{
    margin-bottom: 40px;
}

.BankPage .VisitorsPage.container
{
    width: auto;
    margin: 0;
    padding: 0;
}
.BankPage .VisitorsPage.container::after
{
    display: unset !important;
}
.BankPage::before
{
    display: unset !important;
}
.VisitorsPage .checkbox-cell
{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.VisitorsPage .checkbox-cell .custom-checkbox
{
    top: 4px;

    margin-left: 12px;
}
.VisitorsPage .interaction-completed
{
    font-style: italic;
}