@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-Black.eot);
    src: url(../fonts/lato/LatoLatin-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Black.woff) format("woff"), url(../fonts/lato/LatoLatin-Black.ttf) format("truetype");
    font-style: normal;
    font-weight: 900;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-BlackItalic.eot);
    src: url(../fonts/lato/LatoLatin-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-BlackItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-BlackItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 900;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-Bold.eot);
    src: url(../fonts/lato/LatoLatin-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Bold.woff) format("woff"), url(../fonts/lato/LatoLatin-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-BoldItalic.eot);
    src: url(../fonts/lato/LatoLatin-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-BoldItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-BoldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-Italic.eot);
    src: url(../fonts/lato/LatoLatin-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Italic.woff) format("woff"), url(../fonts/lato/LatoLatin-Italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-Regular.eot);
    src: url(../fonts/lato/LatoLatin-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Regular.woff) format("woff"), url(../fonts/lato/LatoLatin-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-Light.eot);
    src: url(../fonts/lato/LatoLatin-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-Light.woff) format("woff"), url(../fonts/lato/LatoLatin-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/lato/LatoLatin-LightItalic.eot);
    src: url(../fonts/lato/LatoLatin-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/lato/LatoLatin-LightItalic.woff) format("woff"), url(../fonts/lato/LatoLatin-LightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility
}

.red {
    color: #fe3e39
}

.blue {
    color: #2e8aea
}

.black {
    color: #000
}

.turquoise {
    color: #03bfb3
}

.turquoise-d1 {
    color: #00aea2
}

.color-red,
.color-red i {
    color: #f02e28 !important
}

.color-blue,
.color-blue i {
    color: #00aea2 !important
}

.color-orange,
.color-orange i {
    color: #d9631e !important
}

.color-green,
.color-green i {
    color: #1fb572 !important
}

.color-yellow,
.color-yellow i {
    color: #ffc011 !important
}

.clearfix {
    *zoom: 1
}

    .clearfix:after,
    .clearfix:before {
        display: table;
        content: "";
        line-height: 0
    }

    .clearfix:after {
        clear: both
    }

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 32px;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted #515054;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:active,
a:hover {
    outline: 0
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
.google-maps img {
    max-width: none
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,
input {
    *overflow: visible;
    line-height: normal
}

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button,
    input[type=button],
    input[type=checkbox],
    input[type=radio],
    input[type=reset],
    input[type=submit],
    label,
    select {
        cursor: pointer
    }

    input[type=search] {
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

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

textarea {
    overflow: auto;
    vertical-align: top
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

a {
    color: #000;
    text-decoration: none
}

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

.img-rounded {
    border-radius: 6px
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.img-circle {
    border-radius: 500px
}

.row {
    margin-left: 0;
    *zoom: 1
}

    .row:after,
    .row:before {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 0
}

.container,
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container,
.span12 {
    width: 720px
}

.span11 {
    width: 660px
}

.span10 {
    width: 600px
}

.span9 {
    width: 540px
}

.span8 {
    width: 480px
}

.span7 {
    width: 420px
}

.span6 {
    width: 360px
}

.span5 {
    width: 300px
}

.span4 {
    width: 240px
}

.span3 {
    width: 180px
}

.span2 {
    width: 120px
}

.span1 {
    width: 60px
}

.offset12 {
    margin-left: 720px
}

.offset11 {
    margin-left: 660px
}

.offset10 {
    margin-left: 600px
}

.offset9 {
    margin-left: 540px
}

.offset8 {
    margin-left: 480px
}

.offset7 {
    margin-left: 420px
}

.offset6 {
    margin-left: 360px
}

.offset5 {
    margin-left: 300px
}

.offset4 {
    margin-left: 240px
}

.offset3 {
    margin-left: 180px
}

.offset2 {
    margin-left: 120px
}

.offset1 {
    margin-left: 60px
}

.row-fluid {
    width: 100%;
    *zoom: 1
}

    .row-fluid:after,
    .row-fluid:before {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 32px;
        box-sizing: border-box;
        float: left;
        margin-left: 0;
        *margin-left: -.06944444%
    }

        .row-fluid .controls-row [class*=span] + [class*=span],
        .row-fluid [class*=span]:first-child {
            margin-left: 0
        }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.93055556%
    }

    .row-fluid .span11 {
        width: 91.66666667%;
        *width: 91.59722222%
    }

    .row-fluid .span10 {
        width: 83.33333333%;
        *width: 83.26388889%
    }

    .row-fluid .span9 {
        width: 75%;
        *width: 74.93055556%
    }

    .row-fluid .span8 {
        width: 66.66666667%;
        *width: 66.59722222%
    }

    .row-fluid .span7 {
        width: 58.33333333%;
        *width: 58.26388889%
    }

    .row-fluid .span6 {
        width: 50%;
        *width: 49.93055556%
    }

    .row-fluid .span5 {
        width: 41.66666667%;
        *width: 41.59722222%
    }

    .row-fluid .span4 {
        width: 33.33333333%;
        *width: 33.26388889%
    }

    .row-fluid .span3 {
        width: 25%;
        *width: 24.93055556%
    }

    .row-fluid .span2 {
        width: 16.66666667%;
        *width: 16.59722222%
    }

    .row-fluid .span1 {
        width: 8.33333333%;
        *width: 8.26388889%
    }

    .row-fluid .offset12,
    .row-fluid .offset12:first-child {
        margin-left: 100%;
        *margin-left: 99.86111111%
    }

    .row-fluid .offset11,
    .row-fluid .offset11:first-child {
        margin-left: 91.66666667%;
        *margin-left: 91.52777778%
    }

    .row-fluid .offset10,
    .row-fluid .offset10:first-child {
        margin-left: 83.33333333%;
        *margin-left: 83.19444444%
    }

    .row-fluid .offset9,
    .row-fluid .offset9:first-child {
        margin-left: 75%;
        *margin-left: 74.86111111%
    }

    .row-fluid .offset8,
    .row-fluid .offset8:first-child {
        margin-left: 66.66666667%;
        *margin-left: 66.52777778%
    }

    .row-fluid .offset7,
    .row-fluid .offset7:first-child {
        margin-left: 58.33333333%;
        *margin-left: 58.19444444%
    }

    .row-fluid .offset6,
    .row-fluid .offset6:first-child {
        margin-left: 50%;
        *margin-left: 49.86111111%
    }

    .row-fluid .offset5,
    .row-fluid .offset5:first-child {
        margin-left: 41.66666667%;
        *margin-left: 41.52777778%
    }

    .row-fluid .offset4,
    .row-fluid .offset4:first-child {
        margin-left: 33.33333333%;
        *margin-left: 33.19444444%
    }

    .row-fluid .offset3,
    .row-fluid .offset3:first-child {
        margin-left: 25%;
        *margin-left: 24.86111111%
    }

    .row-fluid .offset2,
    .row-fluid .offset2:first-child {
        margin-left: 16.66666667%;
        *margin-left: 16.52777778%
    }

    .row-fluid .offset1,
    .row-fluid .offset1:first-child {
        margin-left: 8.33333333%;
        *margin-left: 8.19444444%
    }

    .row-fluid [class*=span].hide,
    [class*=span].hide {
        display: none
    }

    .row-fluid [class*=span].pull-right,
    [class*=span].pull-right {
        float: right
    }

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

    .container:after,
    .container:before {
        display: table;
        content: "";
        line-height: 0
    }

    .container:after {
        clear: both
    }

.container-fluid {
    padding-right: 0;
    padding-left: 0;
    *zoom: 1
}

    .container-fluid:after,
    .container-fluid:before {
        display: table;
        content: "";
        line-height: 0
    }

    .container-fluid:after {
        clear: both
    }

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 22.5px;
    font-weight: 200;
    line-height: 30px
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #d9d9d9
}

a.muted:focus,
a.muted:hover {
    color: silver
}

.text-warning {
    color: #fff
}

a.text-warning:focus,
a.text-warning:hover {
    color: #e6e6e6
}

.text-error {
    color: #fff
}

a.text-error:focus,
a.text-error:hover {
    color: #e6e6e6
}

.text-info {
    color: #fff
}

a.text-info:focus,
a.text-info:hover {
    color: #e6e6e6
}

.text-success {
    color: #fff
}

a.text-success:focus,
a.text-success:hover {
    color: #e6e6e6
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility
}

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

h1,
h2,
h3 {
    line-height: 40px
}

h1 {
    font-size: 41.25px
}

h2 {
    font-size: 33.75px
}

h3 {
    font-size: 26.25px
}

h4 {
    font-size: 18.75px
}

h6 {
    font-size: 12.75px
}

h1 small {
    font-size: 26.25px
}

h2 small {
    font-size: 18.75px
}

h3 small,
h4 small {
    font-size: 15px
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #f8f8f8
}

ol,
ul {
    padding: 0;
    margin: 0 0 10px 25px
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0
    }

li {
    line-height: 20px
}

ol.inline,
ol.unstyled,
ul.inline,
ul.unstyled {
    margin-left: 0;
    list-style: none
}

    ol.inline > li,
    ul.inline > li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-bottom: 20px
}

dd,
dt {
    line-height: 20px
}

dt {
    font-weight: 700
}

dd {
    margin-left: 10px
}

.dl-horizontal {
    *zoom: 1
}

    .dl-horizontal:after,
    .dl-horizontal:before {
        display: table;
        content: "";
        line-height: 0
    }

    .dl-horizontal:after {
        clear: both
    }

    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #f3f3f5;
    border-bottom: 1px solid #fff
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #d9d9d9
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #f8f8f8
}

    blockquote p {
        margin-bottom: 0;
        font-size: 18.75px;
        font-weight: 300;
        line-height: 1.25
    }

    blockquote small {
        display: block;
        line-height: 20px;
        color: #d9d9d9
    }

        blockquote small:before {
            content: "\2014 \00A0"
        }

    blockquote.pull-right {
        float: right;
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #f8f8f8;
        border-left: 0
    }

        blockquote.pull-right p,
        blockquote.pull-right small {
            text-align: right
        }

            blockquote.pull-right small:before {
                content: ""
            }

            blockquote.pull-right small:after {
                content: "\00A0 \2014"
            }

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: ""
    }

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px
}

code,
pre.code {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, Courier New, monospace;
    font-size: 13px;
    color: #343434;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    white-space: nowrap
}

pre.code {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px
}

    pre.code.prettyprint {
        margin-bottom: 20px
    }

    pre.code code {
        padding: 0;
        color: inherit;
        white-space: pre;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

    table thead {
        background-color: #f3f3f5
    }

.table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #d8d7d9
}

    .table td,
    .table th {
        padding: 10px 8px;
        line-height: 20px;
        text-align: left;
        border-top: 1px solid #d8d7d9
    }

    .table th {
        font-weight: 700
    }

    .table thead th {
        vertical-align: bottom
    }

    .table caption + thead tr:first-child td,
    .table caption + thead tr:first-child th,
    .table colgroup + thead tr:first-child td,
    .table colgroup + thead tr:first-child th,
    .table thead:first-child tr:first-child td,
    .table thead:first-child tr:first-child th {
        border-top: 0
    }

    .table tbody + tbody {
        border-top: 2px solid #d8d7d9
    }

    .table .table {
        background-color: #fff
    }

.table-condensed td,
.table-condensed th {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #d8d7d9;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    border-radius: 3px
}

    .table-bordered td,
    .table-bordered th {
        border-left: 1px solid #d8d7d9
    }

    .table-bordered caption + tbody tr:first-child td,
    .table-bordered caption + tbody tr:first-child th,
    .table-bordered caption + thead tr:first-child th,
    .table-bordered colgroup + tbody tr:first-child td,
    .table-bordered colgroup + tbody tr:first-child th,
    .table-bordered colgroup + thead tr:first-child th,
    .table-bordered tbody:first-child tr:first-child td,
    .table-bordered tbody:first-child tr:first-child th,
    .table-bordered thead:first-child tr:first-child th {
        border-top: 0
    }

    .table-bordered tbody:first-child tr:first-child > td:first-child,
    .table-bordered tbody:first-child tr:first-child > th:first-child,
    .table-bordered thead:first-child tr:first-child > th:first-child {
        border-top-left-radius: 3px
    }

    .table-bordered tbody:first-child tr:first-child > td:last-child,
    .table-bordered tbody:first-child tr:first-child > th:last-child,
    .table-bordered thead:first-child tr:first-child > th:last-child {
        border-top-right-radius: 3px
    }

    .table-bordered tbody:last-child tr:last-child > td:first-child,
    .table-bordered tbody:last-child tr:last-child > th:first-child,
    .table-bordered tfoot:last-child tr:last-child > td:first-child,
    .table-bordered tfoot:last-child tr:last-child > th:first-child,
    .table-bordered thead:last-child tr:last-child > th:first-child {
        border-bottom-left-radius: 3px
    }

    .table-bordered tbody:last-child tr:last-child > td:last-child,
    .table-bordered tbody:last-child tr:last-child > th:last-child,
    .table-bordered tfoot:last-child tr:last-child > td:last-child,
    .table-bordered tfoot:last-child tr:last-child > th:last-child,
    .table-bordered thead:last-child tr:last-child > th:last-child {
        border-bottom-right-radius: 3px
    }

    .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
        border-bottom-left-radius: 0
    }

    .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
        border-bottom-right-radius: 0
    }

    .table-bordered caption + tbody tr:first-child td:first-child,
    .table-bordered caption + thead tr:first-child th:first-child,
    .table-bordered colgroup + tbody tr:first-child td:first-child,
    .table-bordered colgroup + thead tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .table-bordered caption + tbody tr:first-child td:last-child,
    .table-bordered caption + thead tr:first-child th:last-child,
    .table-bordered colgroup + tbody tr:first-child td:last-child,
    .table-bordered colgroup + thead tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th,
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f3f3f5
}

.row-fluid table td[class*=span],
.row-fluid table th[class*=span],
table td[class*=span],
table th[class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 104px;
    margin-left: 0
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 164px;
    margin-left: 0
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 224px;
    margin-left: 0
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 284px;
    margin-left: 0
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 344px;
    margin-left: 0
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 404px;
    margin-left: 0
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 464px;
    margin-left: 0
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 524px;
    margin-left: 0
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 584px;
    margin-left: 0
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 644px;
    margin-left: 0
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 704px;
    margin-left: 0
}

.table tbody tr.success > td {
    background-color: #1fb572
}

.table tbody tr.error > td {
    background-color: #f02e28
}

.table tbody tr.warning > td {
    background-color: #f0ac00
}

.table tbody tr.info > td {
    background-color: #00aea2
}

.table-hover tbody tr.success:hover > td {
    background-color: #1b9f64
}

.table-hover tbody tr.error:hover > td {
    background-color: #ee1711
}

.table-hover tbody tr.warning:hover > td {
    background-color: #d79a00
}

.table-hover tbody tr.info:hover > td {
    background-color: #00958a
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

    .dropdown-toggle:active,
    .open .dropdown-toggle {
        outline: 0
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid #d8d7d9;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #d8d7d9;
        border-bottom: 1px solid #fff
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 20px;
        color: #303033;
        white-space: nowrap
    }

        .dropdown-menu > .active > a,
        .dropdown-menu > .active > a:focus,
        .dropdown-menu > .active > a:hover,
        .dropdown-menu > li > a:focus,
        .dropdown-menu > li > a:hover,
        .dropdown-submenu:focus > a,
        .dropdown-submenu:hover > a {
            text-decoration: none;
            color: #fff;
            background-color: #000;
            background-image: linear-gradient(180deg, #000, #000);
            background-repeat: repeat-x;
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff000000", endColorstr="#ff000000", GradientType=0)
        }

            .dropdown-menu > .active > a,
            .dropdown-menu > .active > a:focus,
            .dropdown-menu > .active > a:hover {
                outline: 0
            }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:focus,
    .dropdown-menu > .disabled > a:hover {
        color: #d9d9d9
    }

        .dropdown-menu > .disabled > a:focus,
        .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: default
        }

.open {
    *z-index: 1000
}

    .open > .dropdown-menu {
        display: block
    }

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    border-radius: 5px 5px 5px 0
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px
    }

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    border-radius: 3px
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f3f3f5;
    border: 1px solid #e0e0e5;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, .15)
    }

.well-large {
    padding: 24px;
    border-radius: 3px
}

.well-small {
    padding: 9px;
    border-radius: 3px
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

    .collapse.in {
        height: auto
    }

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        filter: alpha(opacity=40)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em
}

    .btn-group:first-child {
        *margin-left: 0
    }

    .btn-group + .btn-group {
        margin-left: 5px
    }

.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

    .btn-toolbar > .btn + .btn,
    .btn-toolbar > .btn + .btn-group,
    .btn-toolbar > .btn-group + .btn {
        margin-left: 5px
    }

.btn-group > .btn {
    position: relative;
    border-radius: 0
}

    .btn-group > .btn + .btn {
        margin-left: -1px
    }

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: 15px
}

.btn-group > .btn-mini {
    font-size: 11.25px
}

.btn-group > .btn-small {
    font-size: 12.75px
}

.btn-group > .btn-large {
    font-size: 18.75px
}

.btn-group > .btn:first-child {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
    z-index: 2
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding: 5px 8px;
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .125), inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn-group > .btn-mini + .dropdown-toggle {
    padding: 2px 5px
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px
}

.btn-group > .btn-large + .dropdown-toggle {
    padding: 7px 12px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e9e9eb
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #35c786
}

.btn-group.open .btn-danger.dropdown-toggle,
.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #fe6561
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #35c786
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #675e7a
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #303033
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0
}

.btn-large .caret {
    margin-top: 6px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.btn-mini .caret,
.btn-small .caret {
    margin-top: 8px
}

.dropup .btn-large .caret {
    border-bottom-width: 5px
}

.btn-danger .caret,
.btn-info .caret,
.btn-inverse .caret,
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

    .btn-group-vertical > .btn {
        display: block;
        float: none;
        max-width: 100%;
        border-radius: 0
    }

        .btn-group-vertical > .btn + .btn {
            margin-left: 0;
            margin-top: -1px
        }

        .btn-group-vertical > .btn:first-child {
            border-radius: 3px 3px 0 0
        }

        .btn-group-vertical > .btn:last-child {
            border-radius: 0 0 3px 3px
        }

    .btn-group-vertical > .btn-large:first-child {
        border-radius: 3px 3px 0 0
    }

    .btn-group-vertical > .btn-large:last-child {
        border-radius: 0 0 3px 3px
    }

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    background-color: #f0ac00;
    border: 1px solid transparent;
    border-radius: 0
}

    .alert,
    .alert a,
    .alert h4 {
        color: #fff
    }

        .alert h4 {
            margin: 0
        }

        .alert .close {
            position: relative;
            top: -2px;
            right: -21px;
            line-height: 20px
        }

.close.-align-right {
    right: 0
}

.alert-success {
    background-color: #1fb572;
    border-color: transparent;
    color: #fff
}

    .alert-success h4 {
        color: #fff
    }

.alert-danger,
.alert-error {
    background-color: #f02e28;
    border-color: transparent;
    color: #fff
}

    .alert-danger h4,
    .alert-error h4 {
        color: #fff
    }

.alert-info {
    background-color: #00aea2;
    border-color: transparent;
    color: #fff
}

    .alert-info h4 {
        color: #fff
    }

.alert-form {
    background-color: #f3f3f5;
    border: 1px solid #515054 !important;
    color: #515054
}

    .alert-form.-no-border {
        border: none !important;
        margin-left: 1px;
        margin-bottom: 1px
    }

    .alert-form h4 {
        color: #000;
        font-weight: 700;
        margin-bottom: 5px
    }

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

    .alert-block > p,
    .alert-block > ul {
        margin-bottom: 0
    }

    .alert-block p + p {
        margin-top: 5px
    }

.list-icons li {
    padding-left: 35px;
    max-width: 300px
}

    .list-icons li > i.icon {
        margin-left: -25px;
        padding-right: 7px
    }

.icon.handle {
    color: #d8d7d9
}

.nav {
    margin-left: 0;
    margin-bottom: 20px;
    list-style: none
}

    .nav > li > a {
        display: block
    }

        .nav > li > a:focus,
        .nav > li > a:hover {
            text-decoration: none;
            background-color: #f3f3f5
        }

        .nav > li > a > img {
            max-width: none
        }

    .nav > .pull-right {
        float: right
    }

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: #d8d7d9;
    text-transform: uppercase
}

.nav li + .nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

    .nav-list .nav-header,
    .nav-list > li > a {
        margin-left: -15px;
        margin-right: -15px
    }

    .nav-list > li > a {
        padding: 3px 15px
    }

    .nav-list > .active > a,
    .nav-list > .active > a:focus,
    .nav-list > .active > a:hover {
        color: #fff;
        background-color: #000
    }

    .nav-list [class*=" icon-"],
    .nav-list [class^=icon-] {
        margin-right: 2px
    }

    .nav-list .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #d8d7d9;
        border-bottom: 1px solid #fff
    }

.nav-pills,
.nav-tabs {
    *zoom: 1
}

    .nav-pills:after,
    .nav-pills:before,
    .nav-tabs:after,
    .nav-tabs:before {
        display: table;
        content: "";
        line-height: 0
    }

    .nav-pills:after,
    .nav-tabs:after {
        clear: both
    }

    .nav-pills > li,
    .nav-tabs > li {
        float: left
    }

        .nav-pills > li > a,
        .nav-tabs > li > a {
            padding-right: 8px;
            padding-left: 8px;
            margin-right: 2px;
            line-height: 14px;
            border-radius: 3px 3px 0 0
        }

.nav-tabs {
    border-bottom: 1px solid #b3afbd
}

    .nav-tabs > li {
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            color: #515054;
            padding-top: 5px;
            padding-bottom: 4px;
            line-height: 20px;
            border: 1px solid transparent
        }

            .nav-tabs > li > a:hover {
                color: #000
            }

            .nav-tabs > li > a:focus,
            .nav-tabs > li > a:hover {
                border-color: transparent transparent #b3afbd
            }

    .nav-tabs > .active > a,
    .nav-tabs > .active > a:focus,
    .nav-tabs > .active > a:hover {
        color: #000;
        background-color: #fff;
        border: 1px solid #b3afbd;
        border-bottom-color: transparent;
        cursor: default
    }

.show-validation .tab-error a,
.show-validation .tab-error a:focus,
.show-validation .tab-error a:hover {
    color: #fff !important;
    background-color: #fe3e39 !important;
    border-color: transparent
}

    .show-validation .tab-error a:before {
        content: "\e25d";
        font-family: icomoon;
        margin-right: 5px;
        vertical-align: top
    }

.umb-nav-tabs {
    margin: -8px 0 0
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px
}

.nav-pills > .active > a,
.nav-pills > .active > a:focus,
.nav-pills > .active > a:hover {
    color: #fff;
    background-color: #000
}

.nav-stacked > li {
    float: none
}

    .nav-stacked > li > a {
        margin-right: 0
    }

.nav-tabs.nav-stacked {
    border-bottom: 0
}

    .nav-tabs.nav-stacked > li > a {
        border: 1px solid #d8d7d9;
        border-radius: 0
    }

    .nav-tabs.nav-stacked > li:first-child > a {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .nav-tabs.nav-stacked > li:last-child > a {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .nav-tabs.nav-stacked > li > a:focus,
    .nav-tabs.nav-stacked > li > a:hover {
        border-color: #d8d7d9;
        z-index: 2
    }

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px
}

.dropdown-menu {
    border-radius: 0
}

    .dropdown-menu > li > .flex > label {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }

    .dropdown-menu > li > a {
        padding: 8px 20px
    }

.nav-tabs .dropdown-menu {
    border-radius: 0 0 3px 3px
}

.nav-pills .dropdown-menu {
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    margin-top: 6px
}

.nav .dropdown-toggle .caret,
.nav .dropdown-toggle:focus .caret,
.nav .dropdown-toggle:hover .caret {
    border-top-color: #000;
    border-bottom-color: #000
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #515054;
    border-bottom-color: #515054
}

.nav > .dropdown.active > a:focus,
.nav > .dropdown.active > a:hover {
    cursor: pointer
}

.nav-pills .open .dropdown-toggle,
.nav-tabs .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:focus,
.nav > li.dropdown.open.active > a:hover {
    background-color: #d8d7d9;
    border-color: #d8d7d9
}

.nav li.dropdown.open.active .caret,
.nav li.dropdown.open .caret,
.nav li.dropdown.open a:focus .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabs-stacked .open > a:focus,
.tabs-stacked .open > a:hover {
    border-color: #d8d7d9
}

.tabbable {
    *zoom: 1
}

    .tabbable:after,
    .tabbable:before {
        display: table;
        content: "";
        line-height: 0
    }

    .tabbable:after {
        clear: both
    }

.tab-content {
    overflow: auto
}

.tabs-below > .nav-tabs,
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
    border-bottom: 0
}

.pill-content > .pill-pane,
.tab-content > .tab-pane {
    display: none
}

.pill-content > .active,
.tab-content > .active {
    display: block
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #d8d7d9
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0
    }

        .tabs-below > .nav-tabs > li > a {
            border-radius: 0 0 4px 4px
        }

            .tabs-below > .nav-tabs > li > a:focus,
            .tabs-below > .nav-tabs > li > a:hover {
                border-bottom-color: transparent;
                border-top-color: #d8d7d9
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:focus,
    .tabs-below > .nav-tabs > .active > a:hover {
        border-color: transparent #d8d7d9 #d8d7d9
    }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #d8d7d9
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        border-radius: 4px 0 0 4px
    }

        .tabs-left > .nav-tabs > li > a:focus,
        .tabs-left > .nav-tabs > li > a:hover {
            border-color: #f3f3f5 #d8d7d9 #f3f3f5 #f3f3f5
        }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:focus,
    .tabs-left > .nav-tabs .active > a:hover {
        border-color: #d8d7d9 transparent #d8d7d9 #d8d7d9;
        *border-right-color: #fff
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #d8d7d9
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        border-radius: 0 4px 4px 0
    }

        .tabs-right > .nav-tabs > li > a:focus,
        .tabs-right > .nav-tabs > li > a:hover {
            border-color: #f3f3f5 #f3f3f5 #f3f3f5 #d8d7d9
        }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:focus,
    .tabs-right > .nav-tabs .active > a:hover {
        border-color: #d8d7d9 #d8d7d9 #d8d7d9 transparent;
        *border-left-color: #fff
    }

.nav > .disabled > a {
    color: #d8d7d9
}

    .nav > .disabled > a:focus,
    .nav > .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        cursor: default
    }

.navbar {
    overflow: visible;
    margin-bottom: 20px;
    *position: relative;
    *z-index: 2
}

.navbar-inner {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fafafa;
    background-image: linear-gradient(180deg, #fff, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#fff2f2f2", GradientType=0);
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    *zoom: 1
}

    .navbar-inner:after,
    .navbar-inner:before {
        display: table;
        content: "";
        line-height: 0
    }

    .navbar-inner:after {
        clear: both
    }

.navbar .container {
    width: auto
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible
}

.navbar .brand {
    float: left;
    display: block;
    padding: 10px 20px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #68676b;
    text-shadow: 0 1px 0 #fff
}

    .navbar .brand:focus,
    .navbar .brand:hover {
        text-decoration: none
    }

.navbar-text {
    margin-bottom: 0;
    line-height: 40px
}

.navbar-link,
.navbar-text {
    color: #68676b
}

    .navbar-link:focus,
    .navbar-link:hover {
        color: #303033
    }

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #fff
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 5px
}

    .navbar .btn-group .btn,
    .navbar .input-append .btn,
    .navbar .input-append .btn-group,
    .navbar .input-prepend .btn,
    .navbar .input-prepend .btn-group {
        margin-top: 0
    }

.navbar-form {
    margin-bottom: 0;
    *zoom: 1
}

    .navbar-form:after,
    .navbar-form:before {
        display: table;
        content: "";
        line-height: 0
    }

    .navbar-form:after {
        clear: both
    }

    .navbar-form .checkbox,
    .navbar-form .radio,
    .navbar-form input,
    .navbar-form select {
        margin-top: 5px
    }

    .navbar-form .btn,
    .navbar-form input,
    .navbar-form select {
        display: inline-block;
        margin-bottom: 0
    }

        .navbar-form input[type=checkbox],
        .navbar-form input[type=image],
        .navbar-form input[type=radio] {
            margin-top: 3px
        }

    .navbar-form .input-append,
    .navbar-form .input-prepend {
        margin-top: 5px;
        white-space: nowrap
    }

        .navbar-form .input-append input,
        .navbar-form .input-prepend input {
            margin-top: 0
        }

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0
}

    .navbar-search .search-query {
        margin-bottom: 0;
        padding: 4px 14px;
        font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        border-radius: 15px
    }

.navbar-static-top {
    position: static;
    margin-bottom: 0
}

    .navbar-static-top .navbar-inner {
        border-radius: 0
    }

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0
}

    .navbar-fixed-top .navbar-inner,
    .navbar-static-top .navbar-inner {
        border-width: 0 0 1px
    }

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

    .navbar-fixed-bottom .navbar-inner,
    .navbar-fixed-top .navbar-inner {
        padding-left: 0;
        padding-right: 0;
        border-radius: 0
    }

    .navbar-fixed-bottom .container,
    .navbar-fixed-top .container,
    .navbar-static-top .container {
        width: 720px
    }

.navbar-fixed-top {
    top: 0
}

    .navbar-fixed-top .navbar-inner,
    .navbar-static-top .navbar-inner {
        box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
    }

.navbar-fixed-bottom {
    bottom: 0
}

    .navbar-fixed-bottom .navbar-inner {
        box-shadow: 0 -1px 10px rgba(0, 0, 0, .1)
    }

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0
}

    .navbar .nav.pull-right {
        float: right;
        margin-right: 0
    }

    .navbar .nav > li {
        float: left
    }

        .navbar .nav > li > a {
            float: none;
            padding: 10px 15px;
            color: #68676b;
            text-decoration: none;
            text-shadow: 0 1px 0 #fff
        }

    .navbar .nav .dropdown-toggle .caret {
        margin-top: 8px
    }

    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
        background-color: transparent;
        color: #303033;
        text-decoration: none
    }

    .navbar .nav > .active > a,
    .navbar .nav > .active > a:focus,
    .navbar .nav > .active > a:hover {
        color: #515054;
        text-decoration: none;
        background-color: #e5e5e5;
        box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125)
    }

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    background-color: #ededed;
    background-image: linear-gradient(180deg, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fff2f2f2", endColorstr="#ffe5e5e5", GradientType=0);
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #e5e5e5;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .075)
}

    .navbar .btn-navbar:active,
    .navbar .btn-navbar:focus,
    .navbar .btn-navbar:hover {
        background-color: #ededed
    }

    .navbar .btn-navbar.active,
    .navbar .btn-navbar.disabled,
    .navbar .btn-navbar:active,
    .navbar .btn-navbar:focus,
    .navbar .btn-navbar:hover,
    .navbar .btn-navbar[disabled] {
        color: #fff;
        *background-color: #d9d9d9
    }

    .navbar .btn-navbar.active,
    .navbar .btn-navbar:active {
        background-color: #ccc\9
    }

    .navbar .btn-navbar .icon-bar {
        display: block;
        width: 18px;
        height: 2px;
        background-color: #f5f5f5;
        border-radius: 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
    }

.btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px
}

.navbar .nav > li > .dropdown-menu:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: #d8d7d9;
    position: absolute;
    top: -7px;
    left: 9px
}

.navbar .nav > li > .dropdown-menu:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: #d8d7d9;
    border-bottom: 0;
    bottom: -7px;
    top: auto
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 6px solid #fff;
    border-bottom: 0;
    bottom: -6px;
    top: auto
}

.navbar .nav li.dropdown > a:focus .caret,
.navbar .nav li.dropdown > a:hover .caret {
    border-top-color: #303033;
    border-bottom-color: #303033
}

.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav li.dropdown.open > .dropdown-toggle {
    background-color: #e5e5e5;
    color: #515054
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #68676b;
    border-bottom-color: #68676b
}

.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #515054;
    border-bottom-color: #515054
}

.navbar .nav > li > .dropdown-menu.pull-right,
.navbar .pull-right > li > .dropdown-menu {
    left: auto;
    right: 0
}

    .navbar .nav > li > .dropdown-menu.pull-right:before,
    .navbar .pull-right > li > .dropdown-menu:before {
        left: auto;
        right: 12px
    }

    .navbar .nav > li > .dropdown-menu.pull-right:after,
    .navbar .pull-right > li > .dropdown-menu:after {
        left: auto;
        right: 13px
    }

    .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu,
    .navbar .pull-right > li > .dropdown-menu .dropdown-menu {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: -1px;
        border-radius: 6px 0 6px 6px
    }

.navbar-inverse .navbar-inner {
    background-color: #29282a;
    background-image: linear-gradient(180deg, #303033, #1e1c1c);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff303033", endColorstr="#ff1e1c1c", GradientType=0);
    border-color: #303033
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
    color: #d8d7d9;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

    .navbar-inverse .brand:focus,
    .navbar-inverse .brand:hover,
    .navbar-inverse .nav > li > a:focus,
    .navbar-inverse .nav > li > a:hover {
        color: #fff
    }

.navbar-inverse .brand,
.navbar-inverse .navbar-text {
    color: #d8d7d9
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
    background-color: transparent;
    color: #fff
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:focus,
.navbar-inverse .nav .active > a:hover {
    color: #fff;
    background-color: #1e1c1c
}

.navbar-inverse .navbar-link {
    color: #d8d7d9
}

    .navbar-inverse .navbar-link:focus,
    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .divider-vertical {
    border-left-color: #1e1c1c;
    border-right-color: #303033
}

.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
    background-color: #1e1c1c;
    color: #fff
}

.navbar-inverse .nav li.dropdown > a:focus .caret,
.navbar-inverse .nav li.dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #d8d7d9;
    border-bottom-color: #d8d7d9
}

.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .navbar-search .search-query {
    color: #fff;
    background-color: #605a5a;
    border-color: #1e1c1c;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 hsla(0, 0%, 100%, .15);
    transition: none
}

    .navbar-inverse .navbar-search .search-query:-moz-placeholder {
        color: #bbbabf
    }

    .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
        color: #bbbabf
    }

    .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
        color: #bbbabf
    }

    .navbar-inverse .navbar-search .search-query.focused,
    .navbar-inverse .navbar-search .search-query:focus {
        padding: 5px 15px;
        color: #343434;
        text-shadow: 0 1px 0 #fff;
        background-color: #fff;
        border: 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, .15);
        outline: 0
    }

.navbar-inverse .btn-navbar {
    color: #fff;
    background-color: #1c1c1d;
    background-image: linear-gradient(180deg, #242426, #111010);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff242426", endColorstr="#ff111010", GradientType=0);
    border-color: #111010 #111010 #000;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #111010;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

    .navbar-inverse .btn-navbar:active,
    .navbar-inverse .btn-navbar:focus,
    .navbar-inverse .btn-navbar:hover {
        background-color: #1f1f21
    }

    .navbar-inverse .btn-navbar.active,
    .navbar-inverse .btn-navbar.disabled,
    .navbar-inverse .btn-navbar:active,
    .navbar-inverse .btn-navbar:focus,
    .navbar-inverse .btn-navbar:hover,
    .navbar-inverse .btn-navbar[disabled] {
        color: #fff;
        *background-color: #040303
    }

    .navbar-inverse .btn-navbar.active,
    .navbar-inverse .btn-navbar:active {
        background-color: #000\9
    }

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 3px
}

    .breadcrumb > li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-shadow: 0 1px 0 #fff
    }

        .breadcrumb > li > .divider {
            padding: 0 5px;
            color: #ccc
        }

    .breadcrumb > .active {
        color: #d9d9d9
    }

.pagination {
    margin: 20px 0
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
    }

        .pagination ul > li {
            display: inline
        }

            .pagination ul > li > a,
            .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #d8d7d9;
                border-left-width: 0
            }

                .pagination ul > .active > a,
                .pagination ul > .active > span,
                .pagination ul > li > a:focus,
                .pagination ul > li > a:hover {
                    background-color: #f3f3f5
                }

        .pagination ul > .active > a,
        .pagination ul > .active > span {
            color: #d9d9d9;
            cursor: default
        }

        .pagination ul > .disabled > a,
        .pagination ul > .disabled > a:focus,
        .pagination ul > .disabled > a:hover,
        .pagination ul > .disabled > span {
            color: #d9d9d9;
            background-color: transparent;
            cursor: default
        }

        .pagination ul > li:first-child > a,
        .pagination ul > li:first-child > span {
            border-left-width: 1px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px
        }

        .pagination ul > li:last-child > a,
        .pagination ul > li:last-child > span {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px
        }

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 18.75px
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 12.75px
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 11.25px
}

.pager {
    margin: 20px 0;
    list-style: none;
    text-align: center;
    *zoom: 1
}

    .pager:after,
    .pager:before {
        display: table;
        content: "";
        line-height: 0
    }

    .pager:after {
        clear: both
    }

    .pager li {
        display: inline
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus,
            .pager li > a:hover {
                text-decoration: none;
                background-color: #f5f5f5
            }

    .pager .next > a,
    .pager .next > span {
        float: right
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left
    }

    .pager .disabled > a,
    .pager .disabled > a:focus,
    .pager .disabled > a:hover,
    .pager .disabled > span {
        color: #d9d9d9;
        background-color: #fff;
        cursor: default
    }

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

        .modal-backdrop,
        .modal-backdrop.fade.in {
            opacity: .8;
            filter: alpha(opacity=80)
        }

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .3);
    *border: 1px solid #999;
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    background-clip: padding-box;
    outline: none
}

    .modal.fade {
        transition: opacity .3s linear, top .3s ease-out;
        top: -25%
    }

        .modal.fade.in {
            top: 10%
        }

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

    .modal-header .close {
        margin-top: 2px
    }

    .modal-header h3 {
        margin: 0;
        line-height: 30px
    }

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px
}

.modal-footer,
.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #fff;
    *zoom: 1
}

    .modal-footer:after,
    .modal-footer:before {
        display: table;
        content: "";
        line-height: 0
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 3px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

    .popover-title:empty {
        display: none
    }

.popover-content {
    padding: 9px 14px
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

    .popover .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: #bbbabf;
    bottom: -11px
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: #bbbabf
}

    .popover.right .arrow:after {
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: #bbbabf;
    top: -11px
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        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: #bbbabf
}

    .popover.left .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.tipmenu .tooltip {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.tipmenu:hover .tooltip {
    opacity: 1
}

    .tipmenu:hover .tooltip a {
        color: #fff
    }

.tipmenu .tooltip-inner {
    margin-left: auto;
    margin-right: auto
}

.thumbnails {
    margin-left: 0;
    list-style: none;
    *zoom: 1
}

    .thumbnails:after,
    .thumbnails:before {
        display: table;
        content: "";
        line-height: 0
    }

    .thumbnails:after {
        clear: both
    }

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 0
}

    .thumbnails > li a:hover {
        text-decoration: none
    }

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #d8d7d9;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    transition: all .2s ease-in-out
}

a.thumbnail:focus,
a.thumbnail:hover,
a div.thumbnail:focus,
a div.thumbnail:hover {
    border-color: #03bfb3;
    box-shadow: 0 1px 4px rgba(0, 105, 214, .25)
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #555
}

.media,
.media-body {
    overflow: hidden;
    *overflow: visible;
    zoom: 1
}

    .media,
    .media .media {
        margin-top: 15px
    }

        .media:first-child {
            margin-top: 0
        }

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.media-list {
    margin-left: 0;
    list-style: none
}

.badge,
.label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 12.69px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #d9d9d9
}

.label {
    border-radius: 3px
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 9px
}

    .badge:empty,
    .label:empty {
        display: none
    }

a.badge:focus,
a.badge:hover,
a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-important,
.label-important {
    background-color: #fff
}

    .badge-important[href],
    .label-important[href] {
        background-color: #e6e6e6
    }

.badge-warning,
.label-warning {
    background-color: #df7f48
}

    .badge-warning[href],
    .label-warning[href] {
        background-color: #d06324
    }

.badge-success,
.label-success {
    background-color: #fff
}

    .badge-success[href],
    .label-success[href] {
        background-color: #e6e6e6
    }

.badge-info,
.label-info {
    background-color: #fff
}

    .badge-info[href],
    .label-info[href] {
        background-color: #e6e6e6
    }

.badge-inverse,
.label-inverse {
    background-color: #343434
}

    .badge-inverse[href],
    .label-inverse[href] {
        background-color: #1a1a1a
    }

.btn .badge,
.btn .label {
    position: relative;
    top: -1px
}

.btn-mini .badge,
.btn-mini .label {
    top: 0
}

@-webkit-keyframes a {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes a {
    0% {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    background-image: linear-gradient(180deg, #f5f5f5, #f9f9f9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5", endColorstr="#fff9f9f9", GradientType=0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    border-radius: 3px
}

    .progress,
    .progress .bar {
        background-repeat: repeat-x
    }

        .progress .bar {
            width: 0;
            height: 100%;
            color: #fff;
            float: left;
            font-size: 12px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
            background-color: #0e90d2;
            background-image: linear-gradient(180deg, #149bdf, #0480be);
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff149bdf", endColorstr="#ff0480be", GradientType=0);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
            box-sizing: border-box;
            transition: width .6s ease
        }

            .progress .bar + .bar {
                box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15)
            }

.progress-striped .bar {
    background-color: #149bdf;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px
}

.progress.active .bar {
    -webkit-animation: a 2s linear infinite;
    animation: a 2s linear infinite
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #dd514c;
    background-image: linear-gradient(180deg, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b", endColorstr="#ffc43c35", GradientType=0)
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-success .bar,
.progress .bar-success {
    background-color: #5eb95e;
    background-image: linear-gradient(180deg, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462", endColorstr="#ff57a957", GradientType=0)
}

.progress-striped .bar-success,
.progress-success.progress-striped .bar {
    background-color: #62c462;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-info .bar,
.progress .bar-info {
    background-color: #4bb1cf;
    background-image: linear-gradient(180deg, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff339bb9", GradientType=0)
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-warning .bar,
.progress .bar-warning {
    background-color: #e69a6f;
    background-image: linear-gradient(180deg, #eaad89, #df7f48);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffeaad89", endColorstr="#ffdf7f48", GradientType=0)
}

.progress-striped .bar-warning,
.progress-warning.progress-striped .bar {
    background-color: #eaad89;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.accordion {
    margin-bottom: 20px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    border-radius: 3px
}

.accordion-heading {
    border-bottom: 0
}

    .accordion-heading .accordion-toggle {
        display: block;
        padding: 8px 15px
    }

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        transition: left .6s ease-in-out
    }

        .carousel-inner > .item > a > img,
        .carousel-inner > .item > img {
            display: block;
            line-height: 1
        }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block
    }

    .carousel-inner > .active {
        left: 0
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner > .next {
        left: 100%
    }

    .carousel-inner > .prev {
        left: -100%
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0
        }

    .carousel-inner > .active.left {
        left: -100%
    }

    .carousel-inner > .active.right {
        left: 100%
    }

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    border-radius: 23px;
    opacity: .5;
    filter: alpha(opacity=50)
}

    .carousel-control.right {
        left: auto;
        right: 15px
    }

    .carousel-control:focus,
    .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none
}

    .carousel-indicators li {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        margin-left: 5px;
        text-indent: -999px;
        background-color: #ccc;
        background-color: hsla(0, 0%, 100%, .25);
        border-radius: 5px
    }

    .carousel-indicators .active {
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #343434;
    background: rgba(0, 0, 0, .75)
}

    .carousel-caption h4,
    .carousel-caption p {
        color: #fff;
        line-height: 20px
    }

    .carousel-caption h4 {
        margin: 0 0 5px
    }

    .carousel-caption p {
        margin-bottom: 0
    }

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    background-color: #f3f3f5;
    border-radius: 6px
}

    .hero-unit h1 {
        margin-bottom: 0;
        font-size: 60px;
        line-height: 1;
        color: inherit;
        letter-spacing: -1px
    }

    .hero-unit li {
        line-height: 30px
    }

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

body,
html {
    height: 100%;
    overflow: hidden
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #303033;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.padded {
    padding: 20px
}

#layout {
    position: relative;
    height: 100%;
    padding: 0;
    z-index: 1
}

#mainwrapper {
    height: 100%;
    width: 100%;
    margin: 0
}

#contentcolumn,
#contentwrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 80px;
    z-index: 10;
    margin: 0
}

#umb-notifications-wrapper {
    left: 80px
}

#contentcolumn {
    left: 0
}

    #contentcolumn iframe#right {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        border: none
    }

#leftcolumn {
    z-index: 1100;
    width: 80px;
    float: left
}

#applications,
#leftcolumn {
    height: 100%;
    position: absolute
}

#applications {
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center
}

#applications-tray {
    z-index: 900;
    left: 80px;
    top: 0;
    bottom: 0;
    position: absolute;
    height: 100%;
    text-align: center
}

#search-form {
    display: block;
    margin: 0;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

    #search-form .form-search {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        margin-top: 17px
    }

        #search-form .form-search .umb-search-field {
            width: auto;
            min-width: 160px;
            -ms-flex: 1;
            -webkit-box-flex: 1;
            flex: 1
        }

@media (max-width:500px) {
    #search-form .form-search {
        width: 20%
    }
}

#navigation {
    left: 80px;
    background: #fff;
    height: 100%
}

#navigation,
.navigation-inner-container {
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100
}

.navigation-inner-container {
    left: 0;
    right: 0;
    padding-top: 100px;
    border-right: 1px solid #b3afbd
}

#dialog {
    min-width: 500px;
    left: 100%;
    top: 0;
    position: absolute;
    z-index: 50;
    display: inline-block
}

#tree {
    padding: 0;
    z-index: 100 !important;
    overflow: auto
}

    #tree .umb-tree {
        padding: 0 0 20px
    }

#search-results {
    z-index: 200
}

#contextMenu {
    z-index: 50;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 250px
}

#speechbubble {
    z-index: 1060;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    border-bottom: none;
    margin: auto;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 4px;
    right: -5px;
    top: 0;
    bottom: 0;
    background-color: #f3f3f5;
    border: 1px solid #b3afbd;
    border-top: none;
    border-bottom: none;
    position: absolute;
    z-index: 9999 !important
}

@media (min-width:1101px) {
    #contentwrapper,
    #umb-notifications-wrapper {
        left: 440px
    }

    #speechbubble {
        left: 360px
    }
}

.emptySection #contentwrapper,
.emptySection #umb-notifications-wrapper {
    left: 80px
}

.emptySection #speechbubble {
    left: 0
}

.emptySection #navigation {
    display: none
}

.login-only #speechbubble {
    z-index: 10000;
    left: 0 !important
}

    .login-only #speechbubble ul {
        padding-left: 20px
    }

@media (max-width:767px) {
    #applications ul.sections,
    #leftcolumn,
    ul.sections.sections-tray {
        width: 61px
    }

    #applications-tray,
    #navigation {
        left: 60px
    }

    #contentcolumn,
    #contentwrapper,
    #umb-notifications-wrapper {
        left: 30px
    }

    #umbracoMainPageBody .umb-modal-left.fade.in {
        margin-left: 61px
    }
}

@media (max-width:500px) {
    #applications ul.sections,
    #applications ul.sections-tray,
    #leftcolumn,
    ul.sections.sections-tray {
        width: 41px
    }

    #applications-tray,
    #navigation {
        left: 40px
    }

    #contentcolumn,
    #contentwrapper,
    #umb-notifications-wrapper {
        left: 20px
    }

    #umbracoMainPageBody .umb-modal-left.fade.in {
        margin-left: 41px;
        width: 85% !important
    }
}

.shadow-depth-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.shadow-depth-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.shadow-depth-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.shadow-depth-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}

.shadow-depth-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

@-webkit-keyframes b {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes b {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes c {
    0%, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes c {
    0%, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: c;
    animation-name: c
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes d {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: d;
    animation-name: d
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes e {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: e;
    animation-name: e
}

@-webkit-keyframes f {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes f {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: f;
    animation-name: f
}

@-webkit-keyframes g {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

@keyframes g {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

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

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: g;
    animation-name: g
}

@-webkit-keyframes h {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes h {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: h;
    animation-name: h
}

@-webkit-keyframes i {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes i {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: i;
    animation-name: i
}

@-webkit-keyframes j {
    0%, 20%, 40%, 60%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes j {
    0%, 20%, 40%, 60%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: j;
    animation-name: j;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes k {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes k {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: k;
    animation-name: k
}

@-webkit-keyframes l {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes l {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: l;
    animation-name: l
}

@-webkit-keyframes m {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes m {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: m;
    animation-name: m
}

@-webkit-keyframes n {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes n {
    0%, 60%, 75%, 90%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: n;
    animation-name: n
}

@-webkit-keyframes o {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes o {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: o;
    animation-name: o;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes p {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes p {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: p;
    animation-name: p
}

@-webkit-keyframes q {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes q {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: q;
    animation-name: q
}

@-webkit-keyframes r {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes r {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: r;
    animation-name: r
}

@-webkit-keyframes s {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes s {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: s;
    animation-name: s
}

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

    to {
        opacity: 1
    }
}

@keyframes t {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: t;
    animation-name: t
}

@-webkit-keyframes u {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes u {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: u;
    animation-name: u
}

@-webkit-keyframes v {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes v {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: v;
    animation-name: v
}

@-webkit-keyframes w {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes w {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: w;
    animation-name: w
}

@-webkit-keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: x;
    animation-name: x
}

@-webkit-keyframes y {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes y {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: y;
    animation-name: y
}

@-webkit-keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: z;
    animation-name: z
}

@-webkit-keyframes A {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes A {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: A;
    animation-name: A
}

@-webkit-keyframes B {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes B {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: B;
    animation-name: B
}

@-webkit-keyframes C {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes C {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: C;
    animation-name: C
}

@-webkit-keyframes D {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes D {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: D;
    animation-name: D
}

@-webkit-keyframes E {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes E {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: E;
    animation-name: E
}

@-webkit-keyframes F {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes F {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: F;
    animation-name: F
}

@-webkit-keyframes G {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes G {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: G;
    animation-name: G
}

@-webkit-keyframes H {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes H {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: H;
    animation-name: H
}

@-webkit-keyframes I {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes I {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: I;
    animation-name: I
}

@-webkit-keyframes J {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes J {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: J;
    animation-name: J
}

@-webkit-keyframes K {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes K {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: K;
    animation-name: K
}

@-webkit-keyframes L {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes L {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: L;
    animation-name: L
}

@-webkit-keyframes M {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes M {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: M;
    animation-name: M
}

@-webkit-keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: N;
    animation-name: N
}

@-webkit-keyframes O {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes O {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: O;
    animation-name: O;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes P {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes P {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: P;
    animation-name: P;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes Q {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes Q {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: Q;
    animation-name: Q;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes R {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes R {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: R;
    animation-name: R;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes S {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes S {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: S;
    animation-name: S
}

@-webkit-keyframes T {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes T {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: T;
    animation-name: T
}

@-webkit-keyframes U {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes U {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: U;
    animation-name: U
}

@-webkit-keyframes V {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes V {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: V;
    animation-name: V
}

@-webkit-keyframes W {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes W {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: W;
    animation-name: W
}

@-webkit-keyframes X {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes X {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: X;
    animation-name: X
}

@-webkit-keyframes Y {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes Y {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: Y;
    animation-name: Y
}

@-webkit-keyframes Z {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes Z {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: Z;
    animation-name: Z
}

@-webkit-keyframes ab {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes ab {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: ab;
    animation-name: ab
}

@-webkit-keyframes bb {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes bb {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: bb;
    animation-name: bb
}

@-webkit-keyframes cb {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes cb {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: cb;
    animation-name: cb
}

@-webkit-keyframes db {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes db {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: db;
    animation-name: db
}

@-webkit-keyframes eb {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes eb {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: eb;
    animation-name: eb
}

@-webkit-keyframes fb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes fb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: fb;
    animation-name: fb
}

@-webkit-keyframes gb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes gb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: gb;
    animation-name: gb
}

@-webkit-keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: hb;
    animation-name: hb
}

@-webkit-keyframes ib {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ib {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: ib;
    animation-name: ib
}

@-webkit-keyframes jb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes jb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: jb;
    animation-name: jb
}

@-webkit-keyframes kb {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes kb {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: kb;
    animation-name: kb
}

@-webkit-keyframes lb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes lb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: lb;
    animation-name: lb
}

@-webkit-keyframes mb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes mb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: mb;
    animation-name: mb
}

@-webkit-keyframes nb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes nb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: nb;
    animation-name: nb
}

@-webkit-keyframes ob {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ob {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: ob;
    animation-name: ob
}

.animated.-half-second {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.slide-in-left.ng-hide-remove {
    -webkit-animation: w .6s;
    animation: w .6s
}

.slide-in-left.ng-hide-add {
    -webkit-animation: F .6s;
    animation: F .6s;
    display: block !important
}

.slide-in-right.ng-hide-remove {
    -webkit-animation: y .6s;
    animation: y .6s
}

.slide-in-right.ng-hide-add {
    -webkit-animation: H .6s;
    animation: H .6s;
    display: block !important
}

.slide-in-up.ng-hide-remove {
    -webkit-animation: A .6s;
    animation: A .6s
}

.slide-in-up.ng-hide-add {
    -webkit-animation: D .6s;
    animation: D .6s;
    display: block !important
}

.tree-node-delete-leave {
    -webkit-animation: pb .6s cubic-bezier(.445, .05, .55, .95);
    animation: pb .6s cubic-bezier(.445, .05, .55, .95);
    display: block;
    position: relative
}

@-webkit-keyframes pb {
    to {
        opacity: 0;
        height: 0;
        bottom: -70px
    }

    25% {
        bottom: 15px
    }

    0% {
        opacity: 1;
        height: 30px;
        bottom: 0
    }
}

@keyframes pb {
    to {
        opacity: 0;
        height: 0;
        bottom: -70px
    }

    25% {
        bottom: 15px
    }

    0% {
        opacity: 1;
        height: 30px;
        bottom: 0
    }
}

.tree-node-delete-leave * {
    color: #fe3e39 !important
}

.tree-node-slide-up {
    opacity: 1;
    top: 0;
    transition: all .7s ease-out
}

    .tree-node-slide-up * {
        font-size: 100%;
        transition: font-size .7s
    }

    .tree-node-slide-up.tree-node-slide-up-hide-active {
        opacity: 0;
        top: -100px
    }

        .tree-node-slide-up.tree-node-slide-up-hide-active * {
            font-size: 120%
        }

.tree-fade-out-hide,
.tree-fade-out-hide div:not(.tree-node-slide-up-hide-active),
.tree-fade-out-show,
.tree-fade-out-show div:not(.tree-node-slide-up-hide-active) {
    transition: all .7s cubic-bezier(.075, .82, .165, 1)
}

    .tree-fade-out-show.tree-fade-out-show-active div:not(.tree-node-slide-up-hide-active) {
        opacity: 1
    }

    .tree-fade-out-hide.tree-fade-out-hide-active div:not(.tree-node-slide-up-hide-active) {
        opacity: 0
    }

.light {
    font-weight: 300
}

.normal {
    font-weight: 500
}

.semi-bold {
    font-weight: 600
}

.bold {
    font-weight: 700
}

.btn {
    display: inline-block;
    padding: 6px 14px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #e9e9eb;
    color: #000;
    border: none;
    box-shadow: none;
    border-radius: 3px
}

    .btn:focus,
    .btn:hover {
        background: #e9e9eb;
        color: #68676b;
        background-position: 0 -15px;
        text-decoration: none;
        transition: background-position .1s linear
    }

    .btn:focus {
        outline: thin dotted #515054;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.active,
    .btn:active {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
    }

    .btn.disabled,
    .btn:disabled:hover,
    .btn[disabled] {
        cursor: default;
        border-color: #e9e9eb;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none
    }

.btn-group > .btn + .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none
}

.btn-group .btn.dropdown-toggle {
    border-left-width: 1px;
    border-left-style: solid
}

.btn-large {
    padding: 11px 19px;
    font-size: 18.75px
}

    .btn-large [class*=" icon-"],
    .btn-large [class^=icon-] {
        margin-top: 4px;
        border-radius: 3px
    }

.btn-small {
    padding: 2px 10px;
    font-size: 12.75px;
    border-radius: 3px
}

    .btn-small [class*=" icon-"],
    .btn-small [class^=icon-] {
        margin-top: 0
    }

.btn-mini [class*=" icon-"],
.btn-mini [class^=icon-] {
    margin-top: -1px
}

.btn-mini {
    padding: 0 6px;
    font-size: 11.25px;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.btn-round {
    font-size: 24px;
    color: #515054;
    background: #fff;
    line-height: 32px;
    text-align: center;
    border-radius: 15px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    display: inline-block;
    z-index: 6666
}

.btn-danger.active,
.btn-info.active,
.btn-inverse.active,
.btn-neutral.active,
.btn-primary.active,
.btn-success.active,
.btn-warning.active {
    color: hsla(0, 0%, 100%, .75)
}

.btn-danger,
.btn-info,
.btn-inverse,
.btn-neutral,
.btn-primary,
.btn-success,
.btn-warning {
    font-weight: 700
}

.btn-primary {
    color: #fff;
    background-color: #35c786;
    background-image: linear-gradient(180deg, #35c786, #35c786);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff35c786", endColorstr="#ff35c786", GradientType=0);
    border-color: #35c786 #35c786 #258b5d;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #35c786;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover {
        background-color: #33bf81
    }

    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .btn-primary[disabled] {
        color: #fff;
        *background-color: #30b378
    }

    .btn-primary.active,
    .btn-primary:active {
        background-color: #2a9f6b\9
    }

.btn-warning {
    color: #fff;
    background-color: #fe6561;
    background-image: linear-gradient(180deg, #fe6561, #fe6561);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fffe6561", endColorstr="#fffe6561", GradientType=0);
    border-color: #fe6561 #fe6561 #fe1b15;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #fe6561;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

    .btn-warning:active,
    .btn-warning:focus,
    .btn-warning:hover {
        background-color: #fe5b57
    }

    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning:active,
    .btn-warning:focus,
    .btn-warning:hover,
    .btn-warning[disabled] {
        color: #fff;
        *background-color: #fe4c48
    }

    .btn-warning.active,
    .btn-warning:active {
        background-color: #fe342e\9
    }

.btn-danger {
    color: #fff;
    background-color: #fe6561;
    background-image: linear-gradient(180deg, #fe6561, #fe6561);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#fffe6561", endColorstr="#fffe6561", GradientType=0);
    border-color: #fe6561 #fe6561 #fe1b15;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #fe6561;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:hover {
        background-color: #fe5b57
    }

    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:hover,
    .btn-danger[disabled] {
        color: #fff;
        *background-color: #fe4c48
    }

    .btn-danger.active,
    .btn-danger:active {
        background-color: #fe342e\9
    }

.btn-success {
    color: #fff;
    background-color: #35c786;
    background-image: linear-gradient(180deg, #35c786, #35c786);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff35c786", endColorstr="#ff35c786", GradientType=0);
    border-color: #35c786 #35c786 #258b5d;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #35c786;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

    .btn-success:active,
    .btn-success:focus,
    .btn-success:hover {
        background-color: #33bf81
    }

    .btn-success.active,
    .btn-success.disabled,
    .btn-success:active,
    .btn-success:focus,
    .btn-success:hover,
    .btn-success[disabled] {
        color: #fff;
        *background-color: #30b378
    }

    .btn-success.active,
    .btn-success:active {
        background-color: #2a9f6b\9
    }

.btn-info {
    color: #fff;
    background-color: #675e7a;
    background-image: linear-gradient(180deg, #675e7a, #675e7a);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff675e7a", endColorstr="#ff675e7a", GradientType=0);
    border-color: #675e7a #675e7a #433d4f;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #675e7a;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

    .btn-info:active,
    .btn-info:focus,
    .btn-info:hover {
        background-color: #625a74
    }

    .btn-info.active,
    .btn-info.disabled,
    .btn-info:active,
    .btn-info:focus,
    .btn-info:hover,
    .btn-info[disabled] {
        color: #fff;
        *background-color: #5b536c
    }

    .btn-info.active,
    .btn-info:active {
        background-color: #4f485d\9
    }

.btn-inverse {
    color: #fff;
    background-color: #303033;
    background-image: linear-gradient(180deg, #303033, #303033);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff303033", endColorstr="#ff303033", GradientType=0);
    border-color: #303033 #303033 #0b0b0c;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #303033;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

    .btn-inverse:active,
    .btn-inverse:focus,
    .btn-inverse:hover {
        background-color: #2b2b2e
    }

    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse:active,
    .btn-inverse:focus,
    .btn-inverse:hover,
    .btn-inverse[disabled] {
        color: #fff;
        *background-color: #242426
    }

    .btn-inverse.active,
    .btn-inverse:active {
        background-color: #171719\9
    }

.btn-neutral {
    color: #fff;
    background-color: #e9e9eb;
    background-image: linear-gradient(180deg, #e9e9eb, #e9e9eb);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffe9e9eb", endColorstr="#ffe9e9eb", GradientType=0);
    border-color: #e9e9eb #e9e9eb #c1c1c7;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #e9e9eb;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    color: #817f85
}

    .btn-neutral:active,
    .btn-neutral:focus,
    .btn-neutral:hover {
        background-color: #e4e4e6
    }

    .btn-neutral.active,
    .btn-neutral.disabled,
    .btn-neutral:active,
    .btn-neutral:focus,
    .btn-neutral:hover,
    .btn-neutral[disabled] {
        color: #fff;
        *background-color: #dcdcdf
    }

    .btn-neutral.active,
    .btn-neutral:active {
        background-color: #ceced3\9
    }

    .btn-neutral:focus,
    .btn-neutral:hover {
        color: #817f85
    }

    .btn-neutral.disabled,
    .btn-neutral[disabled] {
        color: #817f85;
        opacity: .65;
        filter: alpha(opacity=65)
    }

.btn-install {
    margin: 40px auto;
    display: block;
    padding: 15px 50px;
    font-size: 16px;
    border: none;
    background: #35c786;
    color: #fff;
    font-weight: 700
}

    .btn-install:hover {
        background: #1fb572
    }

button.btn,
input[type=submit].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
    margin: 0
}

    button.btn::-moz-focus-inner,
    input[type=submit].btn::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button.btn.btn-large,
    input[type=submit].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px
    }

    button.btn.btn-small,
    input[type=submit].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px
    }

    button.btn.btn-mini,
    input[type=submit].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px
    }

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    box-shadow: none
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #000;
    border-radius: 0
}

    .btn-link:focus,
    .btn-link:hover {
        color: #000;
        text-decoration: underline;
        background-color: transparent
    }

    .btn-link[disabled]:focus,
    .btn-link[disabled]:hover {
        color: #68676b;
        text-decoration: none
    }

.btn-link-reverse {
    text-decoration: underline
}

    .btn-link-reverse:focus,
    .btn-link-reverse:hover {
        text-decoration: none
    }

.btn-link.-underline {
    display: inline-block;
    text-decoration: underline
}

    .btn-link.-underline:hover {
        text-decoration: none
    }

.guiDialogTiny,
label small,
small.umb-detail {
    color: #817f85 !important;
    text-decoration: none;
    display: block;
    font-weight: 400;
    font-size: 11px
}

.control-label,
label.control-label {
    padding: 0 10px 0 0 !important;
    font-weight: 700;
    color: #000
}

.umb-status-label {
    color: #515054 !important
}

.controls-row label {
    padding: 0 10px;
    vertical-align: middle
}

.breadcrumb {
    height: 30px;
    display: block;
    margin-top: 10px
}

    .breadcrumb li,
    .breadcrumb li a {
        height: 30px;
        vertical-align: middle
    }

    .breadcrumb input {
        font-size: 11px !Important
    }

.form-search {
    position: relative;
    padding: 0
}

    .form-search a {
        text-decoration: none;
        cursor: pointer
    }

        .form-search a:hover,
        .form-search h4 {
            color: #515054
        }

    .form-search small {
        color: #d8d7d9
    }

    .form-search .icon,
    .form-search .icon-search {
        position: absolute;
        z-index: 1;
        top: 6px;
        left: 6px;
        color: #d8d7d9
    }

    .form-search .icon-search {
        pointer-events: none
    }

    .form-search input {
        width: 90%;
        font-size: 18.75px;
        font-weight: 400;
        border: 1px solid #d8d7d9;
        padding: 4px 0 4px 16px;
        padding-left: 25px !Important;
        line-height: 22px;
        background: #fff
    }

    .form-search .icon-search + .search-input {
        padding-left: 25px !important
    }

    .form-search .search-input {
        font-weight: 700;
        border-color: #d8d7d9
    }

        .form-search .search-input:focus,
        .form-search .search-input:focus:hover,
        .form-search .search-input:hover {
            border-color: #bbbabf
        }

        .form-search .search-input:-moz-placeholder {
            font-weight: 400
        }

        .form-search .search-input:-ms-input-placeholder {
            font-weight: 400
        }

        .form-search .search-input::-webkit-input-placeholder {
            font-weight: 400
        }

form {
    margin: 0 0 20px
}

    form.-no-margin-bottom {
        margin-bottom: 0
    }

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 22.5px;
    line-height: 40px;
    color: #343434;
    border-bottom: 1px solid #d8d7d9
}

    legend small {
        font-size: 15px;
        color: #d8d7d9
    }

button,
input,
label,
select,
textarea {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

button,
input,
select,
textarea {
    font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif
}

label {
    display: inline-block;
    margin-bottom: 5px
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    display: inline-block;
    height: 32px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #515054;
    border-radius: 0;
    vertical-align: middle;
    box-sizing: border-box
}

input.-full-width-input {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 6px
}

.uneditable-input,
input,
textarea {
    width: 206px
}

textarea {
    height: auto
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    background-color: #fff;
    border: 1px solid #bbbabf;
    transition: border .2s linear, box-shadow .2s linear
}

    .uneditable-input:focus,
    input[type=color]:focus,
    input[type=date]:focus,
    input[type=datetime-local]:focus,
    input[type=datetime]:focus,
    input[type=email]:focus,
    input[type=month]:focus,
    input[type=number]:focus,
    input[type=password]:focus,
    input[type=search]:focus,
    input[type=tel]:focus,
    input[type=text]:focus,
    input[type=time]:focus,
    input[type=url]:focus,
    input[type=week]:focus,
    textarea:focus {
        border-color: none;
        outline: 0;
        outline: none\9
    }

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    *margin-top: 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=button],
input[type=checkbox],
input[type=file],
input[type=image],
input[type=radio],
input[type=reset],
input[type=submit] {
    width: auto
}

input[type=file],
select {
    height: 32px;
    *margin-top: 4px;
    line-height: 32px
}

select {
    width: 220px;
    border: 1px solid #bbbabf;
    background-color: #fff
}

    select[multiple],
    select[size] {
        height: auto
    }

    input[type=checkbox]:focus,
    input[type=file]:focus,
    input[type=radio]:focus,
    select:focus {
        outline: thin dotted #515054;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

.uneditable-input,
.uneditable-textarea {
    color: #d8d7d9;
    background-color: #fcfcfc;
    border-color: #bbbabf;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a2a1a6
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a2a1a6
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a2a1a6
}

.checkbox,
.radio {
    min-height: 20px;
    padding-left: 20px
}

    .checkbox.no-indent,
    .radio.no-indent {
        padding-left: 0
    }

    .checkbox input[type=checkbox],
    .radio input[type=radio] {
        float: left;
        margin-left: 0;
        margin-right: 5px
    }

.controls > .checkbox:first-child,
.controls > .radio:first-child {
    padding-top: 5px
}

.checkbox.inline,
.radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

    .checkbox.inline + .checkbox.inline,
    .radio.inline + .radio.inline {
        margin-left: 10px
    }

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input.input--no-border {
    border: none
}

.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.uneditable-input[class*=span],
input[class*=span],
select[class*=span],
textarea[class*=span] {
    float: none;
    margin-left: 0
}

.input-append .uneditable-input[class*=span],
.input-append input[class*=span],
.input-prepend .uneditable-input[class*=span],
.input-prepend input[class*=span],
.row-fluid .input-append [class*=span],
.row-fluid .input-prepend [class*=span],
.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span] {
    display: inline-block
}

.bigInput,
.input-large-type {
    font-size: 20px !important
}

.controls-row [class*=span] + [class*=span],
.uneditable-input,
input,
textarea {
    margin-left: 0
}

    .uneditable-input.span12,
    input.span12,
    textarea.span12 {
        width: 706px
    }

    .uneditable-input.span11,
    input.span11,
    textarea.span11 {
        width: 646px
    }

    .uneditable-input.span10,
    input.span10,
    textarea.span10 {
        width: 586px
    }

    .uneditable-input.span9,
    input.span9,
    textarea.span9 {
        width: 526px
    }

    .uneditable-input.span8,
    input.span8,
    textarea.span8 {
        width: 466px
    }

    .uneditable-input.span7,
    input.span7,
    textarea.span7 {
        width: 406px
    }

    .uneditable-input.span6,
    input.span6,
    textarea.span6 {
        width: 346px
    }

    .uneditable-input.span5,
    input.span5,
    textarea.span5 {
        width: 286px
    }

    .uneditable-input.span4,
    input.span4,
    textarea.span4 {
        width: 226px
    }

    .uneditable-input.span3,
    input.span3,
    textarea.span3 {
        width: 166px
    }

    .uneditable-input.span2,
    input.span2,
    textarea.span2 {
        width: 106px
    }

    .uneditable-input.span1,
    input.span1,
    textarea.span1 {
        width: 46px
    }

.controls-row {
    *zoom: 1
}

    .controls-row:after,
    .controls-row:before {
        display: table;
        content: "";
        line-height: 0
    }

    .controls-row:after {
        clear: both
    }

    .controls-row [class*=span],
    .row-fluid .controls-row [class*=span] {
        float: left
    }

    .controls-row .checkbox[class*=span],
    .controls-row .radio[class*=span] {
        padding-top: 5px
    }

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #f3f3f5
}

input[type=checkbox][disabled],
input[type=checkbox][readonly],
input[type=radio][disabled],
input[type=radio][readonly] {
    background-color: transparent
}

.show-validation.ng-invalid .control-group.error .checkbox.ng-invalid,
.show-validation.ng-invalid .control-group.error .control-label,
.show-validation.ng-invalid .control-group.error .help-block,
.show-validation.ng-invalid .control-group.error .help-inline,
.show-validation.ng-invalid .control-group.error .radio.ng-invalid,
.show-validation.ng-invalid .control-group.error input.ng-invalid,
.show-validation.ng-invalid .control-group.error select.ng-invalid,
.show-validation.ng-invalid .control-group.error textarea.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper .checkbox.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper .control-label,
.show-validation.ng-invalid .umb-panel-header-content-wrapper .help-block,
.show-validation.ng-invalid .umb-panel-header-content-wrapper .help-inline,
.show-validation.ng-invalid .umb-panel-header-content-wrapper .radio.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper input.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper select.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper textarea.ng-invalid {
    color: #f02e28
}

.show-validation.ng-invalid .control-group.error input.ng-invalid,
.show-validation.ng-invalid .control-group.error select.ng-invalid,
.show-validation.ng-invalid .control-group.error textarea.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper input.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper select.ng-invalid,
.show-validation.ng-invalid .umb-panel-header-content-wrapper textarea.ng-invalid {
    border-color: #f02e28
}

.show-validation.ng-invalid .control-group.error .input-append .add-on,
.show-validation.ng-invalid .control-group.error .input-prepend .add-on,
.show-validation.ng-invalid .umb-panel-header-content-wrapper .input-append .add-on,
.show-validation.ng-invalid .umb-panel-header-content-wrapper .input-prepend .add-on {
    color: #f02e28;
    background-color: #fff;
    border-color: #f02e28
}

.highlight-error {
    color: #f02e28 !important;
    border-color: #fe6561 !important
}

.show-validation .umb-headline-editor-wrapper input:focus:invalid,
.show-validation .umb-headline-editor-wrapper select:focus:invalid,
.show-validation .umb-headline-editor-wrapper textarea:focus:invalid {
    border: none;
    color: inherit;
    border-color: inherit;
    box-shadow: inherit
}

.ng-invalid > .umb-headline-editor-wrapper h1 {
    border-bottom: 1px dashed #fe3e39;
    color: #fe3e39;
    cursor: pointer
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #e9e9eb;
    border-top: 1px solid #d8d7d9;
    *zoom: 1
}

    .form-actions:after,
    .form-actions:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form-actions:after {
        clear: both
    }

.help-block,
.help-inline {
    color: #55555a
}

.help-block {
    display: block;
    margin-bottom: 10px
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px
}

.input-append,
.input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap
}

    .input-append .dropdown-menu,
    .input-append .popover,
    .input-append .uneditable-input,
    .input-append input,
    .input-append select,
    .input-prepend .dropdown-menu,
    .input-prepend .popover,
    .input-prepend .uneditable-input,
    .input-prepend input,
    .input-prepend select {
        font-size: 15px
    }

    .input-append .uneditable-input,
    .input-append input,
    .input-append select,
    .input-prepend .uneditable-input,
    .input-prepend input,
    .input-prepend select {
        position: relative;
        margin-bottom: 0;
        *margin-left: 0;
        vertical-align: top
    }

        .input-append .uneditable-input:focus,
        .input-append input:focus,
        .input-append select:focus,
        .input-prepend .uneditable-input:focus,
        .input-prepend input:focus,
        .input-prepend select:focus {
            z-index: 2
        }

    .input-append .add-on,
    .input-prepend .add-on {
        display: inline-block;
        width: auto;
        height: 22px;
        min-width: 18px;
        padding: 4px 6px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
        background-color: #f3f3f5;
        border: 1px solid #d8d7d9
    }

    .input-append .add-on,
    .input-append .btn,
    .input-append .btn-group > .dropdown-toggle,
    .input-prepend .add-on,
    .input-prepend .btn,
    .input-prepend .btn-group > .dropdown-toggle {
        vertical-align: top;
        border-radius: 0
    }

    .input-append .active,
    .input-prepend .active {
        background-color: #ace9ce;
        border-color: #35c786
    }

    .input-prepend .add-on,
    .input-prepend .btn {
        margin-right: -1px
    }

    .input-append .add-on,
    .input-append .btn,
    .input-append .btn-group {
        margin-left: -1px
    }

    .input-prepend.input-append .uneditable-input,
    .input-prepend.input-append input,
    .input-prepend.input-append select {
        border-radius: 0
    }

        .input-prepend.input-append .uneditable-input + .btn-group .btn,
        .input-prepend.input-append input + .btn-group .btn,
        .input-prepend.input-append select + .btn-group .btn {
            border-radius: 0 0 0 0
        }

    .input-prepend.input-append .add-on:first-child,
    .input-prepend.input-append .btn:first-child {
        margin-right: -1px;
        border-radius: 0 0 0 0
    }

    .input-prepend.input-append .add-on:last-child,
    .input-prepend.input-append .btn:last-child {
        margin-left: -1px;
        border-radius: 0 0 0 0
    }

    .input-prepend.input-append .btn-group:first-child {
        margin-left: 0
    }

input.search-query {
    padding-right: 4px\9;
    padding-left: 14px;
    padding-left: 4px\9;
    margin: 0
}

.form-search .input-append .btn,
.form-search .input-prepend .btn {
    border-radius: 0 3px 3px 0
}

.form-horizontal .help-inline,
.form-horizontal .input-append,
.form-horizontal .input-prepend,
.form-horizontal .uneditable-input,
.form-horizontal input,
.form-horizontal select,
.form-horizontal textarea,
.form-inline .help-inline,
.form-inline .input-append,
.form-inline .input-prepend,
.form-inline .uneditable-input,
.form-inline input,
.form-inline select,
.form-inline textarea,
.form-search .help-inline,
.form-search .input-append,
.form-search .input-prepend,
.form-search .uneditable-input,
.form-search input,
.form-search select,
.form-search textarea {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: top
}

.form-horizontal .hide,
.form-inline .hide,
.form-search .hide {
    display: none
}

.form-inline .btn-group,
.form-inline label,
.form-search .btn-group,
.form-search label {
    display: inline-block
}

.form-inline .input-append,
.form-inline .input-prepend,
.form-search .input-append,
.form-search .input-prepend {
    margin-bottom: 0
}

.form-inline .checkbox,
.form-inline .radio,
.form-search .checkbox,
.form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio],
    .form-search .checkbox input[type=checkbox],
    .form-search .radio input[type=radio] {
        float: left;
        margin-right: 3px;
        margin-left: 0
    }

.control-group {
    margin-bottom: 10px
}

    .control-group.-no-margin {
        margin-bottom: 0
    }

legend + .control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1
}

    .form-horizontal .control-group:after,
    .form-horizontal .control-group:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form-horizontal .control-group:after {
        clear: both
    }

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0
}

    .form-horizontal .controls:first-child {
        *padding-left: 180px
    }

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal .input-append + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
    margin-top: 10px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

.umb-panel-buttons .umb-btn-toolbar .btn {
    position: relative;
    z-index: 1000
}

@media (max-width:767px) {
    .form-horizontal .control-label {
        width: 100%
    }

    .form-horizontal .controls {
        margin-left: 0
    }
}

.group-selector .group-selector-list {
    float: left
}

    .group-selector .group-selector-list div {
        height: 24px
    }

.group-selector .group-selector-buttons {
    float: left;
    margin: 24px 16px
}

.umb-modalcolumn {
    background: #fff
}

.umb-modalcolumn-header {
    background: #f3f3f5;
    border-bottom: 1px solid #b3afbd;
    height: 94px;
    padding: 5px 20px 0;
    white-space: nowrap
}

    .umb-modalcolumn-header h1 {
        margin: 0;
        white-space: nowrap;
        font-size: 18.75px;
        font-weight: 400;
        padding-top: 10px !important
    }

.umb-modalcolumn-body {
    padding: 0;
    background: #fff;
    top: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.no-padding .umb-modalcolumn-body {
    padding: 0
}

.umb-modalcolumn .umb-modalcolumn-header .btn {
    position: absolute;
    top: 13px;
    right: 15px
}

.umb-modalcolumn iframe.auto-expand,
.umb-modal iframe.auto-expand {
    border: none;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.umb-dialog .umb-loader-wrapper,
.umb-modal .umb-loader-wrapper,
.umb-modalcolumn .umb-loader-wrapper {
    position: relative;
    margin: 20px -20px
}

.umb-modal-left .umb-panel-header .umb-headline,
.umb-modal-left .umb-panel-header h1 {
    width: auto;
    padding-left: 0
}

.umb-dialog {
    outline: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    padding: 0
}

    .umb-dialog .umb-btn-toolbar .umb-control-group {
        border: none;
        padding: none
    }

.umb-dialog-body {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 52px
}

    .umb-dialog-body .umb-pane {
        margin-top: 15px
    }

.umb-dialog-footer {
    position: absolute;
    overflow: auto;
    text-align: right;
    height: 32px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    background: #f3f3f5;
    border-top: 1px solid #b3afbd
}

.umbracoDialog {
    width: auto !Important;
    height: auto !Important;
    padding: 20px
}

    .umbracoDialog .umb-pane {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0
    }

    .umbracoDialog .umb-dialog-body .umb-pane {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px
    }

    .umbracoDialog form {
        height: 100%
    }

    .umb-modal .controls-row,
    .umbracoDialog .controls-row {
        margin-left: 0 !important
    }

.modal {
    border-radius: 0 !important
}

    .modal.fade.in {
        border: none !important
    }

.umb-modal.fade {
    outline: none;
    left: -100% !important;
    width: 0 !important;
    transition: opacity .3s linear, top .3s ease-out
}

    .umb-modal.fade,
    .umb-modal.fade.in {
        top: 0 !important;
        height: 100% !important
    }

        .umb-modal.fade.in {
            left: 100% !important;
            margin-left: -440px;
            width: 440px !important;
            display: block
        }

.umb-modal-left.fade {
    top: 0 !important;
    left: -100% !important;
    width: 0 !important;
    transition: opacity .3s linear, top .3s ease-out;
    height: 100% !important
}

    .umb-modal-left.fade.in {
        top: 0 !important;
        left: 0 !important;
        margin-left: 80px;
        width: 440px !important;
        height: 100% !important;
        display: block
    }

.umb-modal .umb-panel-header {
    padding: 20px;
    background: #fff;
    border: none;
    height: auto
}

.umb-modal .umb-panel-body {
    padding: 0 20px
}

.umb-modal.fade.in.wide {
    margin-left: -640px;
    width: 640px !important
}

.umb-modal i {
    font-size: 14px
}

.umb-modal .breadcrumb {
    background: none;
    padding: 0
}

    .umb-modal .breadcrumb input {
        height: 12px
    }

.umb-modal.ysod {
    z-index: 10000
}

.umb-panel {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.umb-panel-nobody {
    padding-top: 100px;
    overflow: auto
}

.umb-panel-header {
    background: #f3f3f5;
    border-bottom: 1px solid #d8d7d9;
    position: absolute;
    height: 99px;
    top: 0;
    right: 0;
    left: 0
}

.umb-panel-body {
    top: 101px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    clear: both;
    overflow: auto
}

    .umb-panel-body.no-header {
        top: 20px
    }

    .umb-panel-body.with-footer {
        bottom: 90px
    }

.umb-mediapicker-upload {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

    .umb-mediapicker-upload .form-search {
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1
    }

    .umb-mediapicker-upload .upload-button {
        margin-left: 16px
    }

.umb-panel.editor-breadcrumb .umb-bottom-bar,
.umb-panel.editor-breadcrumb .umb-panel-body {
    bottom: 31px !important
}

.umb-panel-header .umb-headline,
.umb-panel-header h1 {
    font-size: 16px;
    border: none;
    background: none;
    margin: 15px 0 0 20px;
    padding: 3px 5px;
    line-height: 1.4;
    height: auto;
    width: 100%;
    border: 1px solid #f3f3f5
}

    .umb-panel-header .umb-headline:active,
    .umb-panel-header .umb-headline:focus {
        border: 1px solid #d8d7d9;
        background-color: #fff
    }

.umb-headline-editor-wrapper {
    position: relative
}

    .umb-headline-editor-wrapper .help-inline {
        right: 0;
        top: 25px;
        position: absolute;
        font-size: 10px;
        color: #fe3e39
    }

.umb-panel-header p {
    margin: 0 20px
}

.umb-btn-toolbar .dimmed,
.umb-dimmed {
    opacity: .6
}

.umb-headline-editor-wrapper input {
    background: none;
    border: none;
    margin: -6px 0 0;
    padding: 0 0 2px;
    border-radius: 0;
    line-height: normal;
    border: 1px solid transparent;
    color: #000;
    letter-spacing: -.01em
}

    .umb-headline-editor-wrapper input.ng-invalid {
        color: #fe3e39
    }

        .umb-headline-editor-wrapper input.ng-invalid:-ms-input-placeholder,
        .umb-headline-editor-wrapper input.ng-invalid::-moz-placeholder,
        .umb-headline-editor-wrapper input.ng-invalid::-webkit-input-placeholder {
            color: #fe3e39;
            line-height: 22px
        }

.umb-panel-header-meta {
    height: 50px
}

.umb-panel-header .umb-btn-toolbar {
    float: right;
    padding: 5px 20px 0 0
}

.umb-panel-footer {
    margin: 0;
    padding: 20px;
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.umb-btn-toolbar .dropdown-menu {
    right: 0;
    left: auto;
    border-radius: 3px;
    box-shadow: none;
    padding: 0;
    z-index: 6020
}

    .umb-btn-toolbar .dropdown-menu small {
        background: #c0f0ed;
        display: block;
        padding: 10px 20px
    }

    .umb-btn-toolbar .dropdown-menu .btn {
        margin: 20px 29px;
        width: 80px
    }

.umb-bottom-bar {
    background: #fff;
    box-shadow: 0 -18px 20px #fff;
    border-top: 1px solid #f3f3f5;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 100px;
    right: 40px;
    z-index: 6010
}

@media (min-width:1101px) {
    .umb-bottom-bar {
        left: 460px
    }
}

@media (max-width:767px) {
    .umb-bottom-bar {
        left: 80px
    }
}

@media (max-width:500px) {
    .umb-bottom-bar {
        left: 60px
    }
}

.umb-tab-buttons {
    padding-left: 0
}

    .umb-tab-buttons > .btn-group:not([style*="display:none"]):not([style*="display: none"]) {
        margin-left: 0
    }

@media (min-width:768px) {
    .umb-tab-buttons {
        padding-left: 180px
    }
}

.umb-tab-pane {
    padding-bottom: 90px
}

.tab-content {
    overflow: visible
}

.umb-panel-footer-nav {
    position: absolute;
    bottom: 0;
    height: 30px;
    left: 0;
    right: 0;
    background: #f3f3f5;
    border-top: 1px solid #d8d7d9;
    display: block;
    margin: 0;
    overflow: hidden
}

    .umb-panel-footer-nav li a {
        border-radius: 0;
        display: block;
        float: left;
        height: 30px;
        background: #f3f3f5;
        text-align: center;
        padding: 8px 0 8px 30px;
        position: relative;
        margin: 0 1px 0 0;
        text-decoration: none;
        color: #515054;
        font-size: 12px
    }

        .umb-panel-footer-nav li a:after {
            border-left: 16px solid #f3f3f5;
            right: -16px;
            z-index: 1
        }

        .umb-panel-footer-nav li a:after,
        .umb-panel-footer-nav li a:before {
            content: "";
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            position: absolute;
            top: 0
        }

        .umb-panel-footer-nav li a:before {
            border-left: 16px solid #d8d7d9;
            left: 0
        }

    .umb-panel-footer-nav li:first-child a {
        padding-left: 20px
    }

        .umb-panel-footer-nav li:first-child a:before,
        .umb-panel-footer-nav li:last-child a:after {
            display: none
        }

.umb-dialog .muted,
.umb-panel .muted {
    color: #817f85
}

.umb-dialog a.muted:focus,
.umb-dialog a.muted:hover,
.umb-panel a.muted:focus,
.umb-panel a.muted:hover {
    color: #68666b
}

.umb-dialog .text-warning,
.umb-panel .text-warning {
    color: #f0ac00
}

.umb-dialog a.text-warning:focus,
.umb-dialog a.text-warning:hover,
.umb-panel a.text-warning:focus,
.umb-panel a.text-warning:hover {
    color: #bd8700
}

.umb-dialog .text-error,
.umb-panel .text-error {
    color: #f02e28
}

.umb-dialog a.text-error:focus,
.umb-dialog a.text-error:hover,
.umb-panel a.text-error:focus,
.umb-panel a.text-error:hover {
    color: #d6150f
}

.umb-dialog .text-info,
.umb-panel .text-info {
    color: #00aea2
}

.umb-dialog a.text-info:focus,
.umb-dialog a.text-info:hover,
.umb-panel a.text-info:focus,
.umb-panel a.text-info:hover {
    color: #007b73
}

.umb-dialog .text-success,
.umb-panel .text-success {
    color: #1fb572
}

.umb-dialog a.text-success:focus,
.umb-dialog a.text-success:hover,
.umb-panel a.text-success:focus,
.umb-panel a.text-success:hover {
    color: #188957
}

.external-logins form {
    margin: 0
}

.external-logins button {
    margin: 5px
}

.umb-panel-header-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 99px;
    padding: 0 20px
}

.umb-panel-header-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-panel-header-content,
.umb-panel-header-left-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.umb-panel-header-left-side {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .umb-panel-header-left-side.-top-position {
        position: relative;
        top: -12px
    }

.umb-panel-header-icon {
    cursor: pointer;
    margin-right: 5px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d8d7d9;
    -webkit-animation: t .5s;
    animation: t .5s;
    border-radius: 3px;
    width: 55px
}

.umb-panel-header-title-wrapper {
    position: relative;
    width: 80%
}

.umb-panel-header-alias {
    position: absolute;
    top: 5px;
    right: 10px
}

    .umb-panel-header-alias .umb-locked-field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .umb-panel-header-alias .umb-locked-field,
        .umb-panel-header-alias .umb-locked-field .umb-locked-field__wrapper {
            margin-bottom: 0
        }

    .umb-panel-header-alias .umb-validation-label:after {
        visibility: hidden
    }

    .umb-panel-header-alias .umb-locked-field:after {
        display: none
    }

.umb-panel-header-icon.-placeholder {
    border: 1px dashed #d8d7d9
}

.umb-panel-header-icon .icon {
    font-size: 35px;
    color: #bbbabf
}

.umb-panel-header-icon-text {
    color: #35c786;
    font-weight: 700;
    font-size: 10px
}

.umb-panel-header .umb-nav-tabs {
    bottom: -1px
}

input.umb-panel-header-name-input {
    border-color: #d8d7d9;
    font-size: 15px;
    color: #000;
    margin-bottom: 0;
    font-weight: 700;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    width: 100%
}

    input.umb-panel-header-name-input:hover {
        background: #fff;
        border: 1px solid #bbbabf
    }

    input.umb-panel-header-name-input.name-is-empty {
        border: 1px dashed #d8d7d9;
        background: #fff
    }

.umb-panel-header-name {
    font-size: 16px;
    font-weight: 700
}

input.umb-panel-header-description {
    background: transparent;
    border-color: transparent;
    margin-bottom: 0;
    font-size: 13px;
    box-sizing: border-box;
    height: 25px;
    line-height: 25px;
    width: 100%
}

    input.umb-panel-header-description:hover {
        background: #fff;
        border-color: #d8d7d9
    }

.umb-panel-header-locked-description {
    font-size: 12px;
    margin-left: 2px;
    margin-top: 3px;
    height: 25px;
    line-height: 25px
}

.umb-editor-drawer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-editor-drawer-content__right-side {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 10px
}

.umb-editor-drawer-content__left-side {
    margin-right: auto;
    padding-right: 10px
}

ul.sections {
    margin: 0;
    display: block;
    background: #413659;
    height: 100%;
    width: 80px;
    border-right: 1px solid #2e2246
}

    ul.sections li {
        display: block;
        border-left: 4px solid #413659;
        transition: all .3s linear
    }

        ul.sections li [class*=" icon-"],
        ul.sections li [class^=icon-],
        ul.sections li img.icon-section {
            font-size: 30px;
            display: inline-block;
            margin: 1px 0 0;
            color: #8d869b;
            transition: all .3s linear
        }

            ul.sections li [class*=" icon-"],
            ul.sections li [class*=" icon-"]:before,
            ul.sections li [class^=icon-],
            ul.sections li [class^=icon-]:before,
            ul.sections li img.icon-section,
            ul.sections li img.icon-section:before {
                line-height: 20px !important
            }

    ul.sections:hover li [class*=" icon-"],
    ul.sections:hover li [class^=icon-],
    ul.sections:hover li img.icon-section {
        color: #fff
    }

    ul.sections li a {
        display: block;
        text-decoration: none;
        text-align: center;
        color: #fff;
        padding: 20px 4px 4px 0;
        border-bottom: 1px solid #2e2246;
        width: 100%;
        height: 100%;
        margin: 0 0 0 -4px;
        cursor: pointer
    }

    ul.sections a span {
        font-size: 11px;
        line-height: 1.4em;
        opacity: 0;
        transition: all .3s linear;
        display: block
    }

    ul.sections:hover a span {
        opacity: 1
    }

    ul.sections li.avatar {
        height: 75px;
        padding: 22px 0 2px;
        text-align: center;
        margin: 0 0 0 -4px;
        border-bottom: 1px solid #2e2246
    }

        ul.sections li.avatar a {
            margin: 0 auto;
            padding: 0;
            width: 40px;
            height: 40px;
            border: none
        }

            ul.sections li.avatar a div {
                border-radius: 50%;
                width: 30px;
                margin: 0 auto
            }

            ul.sections li.avatar a span {
                opacity: 1
            }

.faded ul.sections li {
    opacity: .4
}

ul.sections li.current {
    background-color: #2e2246
}

ul.sections li.current,
ul.sections li:hover {
    border-left: 4px solid #00aea2
}

ul.sections li.avatar.current,
ul.sections li.avatar:hover {
    border-left: 4px solid #413659
}

ul.sections li.current a {
    padding-left: 0
}

ul.sections li.current [class*=" icon-"],
ul.sections li.current [class^=icon-],
ul.sections li.current img.icon-section {
    color: #fff
}

ul.sections li.help {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 95%
}

    ul.sections li.help a {
        border-bottom: none
    }

@media (max-width:500px) {
    ul.sections li [class*=" icon-"],
    ul.sections li [class^=icon-] {
        font-size: 25px
    }

    ul.sections li:not(.avatar) a {
        padding-top: 12px;
        padding-bottom: 6px
    }

        ul.sections li:not(.avatar) a .icon,
        ul.sections li:not(.avatar) a .icon-section {
            display: inline-block;
            padding-left: 2px
        }

    ul.sections a span {
        display: none
    }
}

li.expand,
li.expand a {
    border: none !important
}

    li.expand > a > i.icon {
        transition: all .3s linear
    }

    li.expand.open > a > i.icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

ul.sections-tray {
    padding-top: 99px;
    width: 80px
}

    ul.sections-tray > li:first-child > a {
        border-top: 1px solid #2e2246
    }

    ul.sections-tray > li,
    ul.sections-tray > li.current,
    ul.sections-tray > li:hover {
        border-left-width: 5px
    }

@font-face {
    font-family: icomoon;
    src: url(../fonts/helveticons/helveticons.eot);
    src: url(../fonts/helveticons/helveticons.eot?#iefix) format("embedded-opentype"), url(../fonts/helveticons/helveticons.ttf) format("truetype"), url(../fonts/helveticons/helveticons.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

    [class*=" icon-"]:before,
    [class^=icon-]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none
    }

i.large {
    font-size: 32px
}

i.medium {
    font-size: 24px
}

i.small {
    font-size: 14px
}

.icon-zoom-out:before {
    content: "\e000"
}

.icon-truck:before {
    content: "\e001"
}

.icon-zoom-in:before {
    content: "\e002"
}

.icon-zip:before {
    content: "\e003"
}

.icon-axis-rotation:before {
    content: "\e004"
}

.icon-yen-bag:before {
    content: "\e005"
}

.icon-axis-rotation-2:before {
    content: "\e006"
}

.icon-axis-rotation-3:before {
    content: "\e007"
}

.icon-wrench:before {
    content: "\e008"
}

.icon-wine-glass:before {
    content: "\e009"
}

.icon-wrong:before {
    content: "\e00a"
}

.icon-windows:before {
    content: "\e00b"
}

.icon-window-sizes:before {
    content: "\e00c"
}

.icon-window-popin:before {
    content: "\e00d"
}

.icon-wifi:before {
    content: "\e00e"
}

.icon-width:before {
    content: "\e00f"
}

.icon-weight:before {
    content: "\e010"
}

.icon-war:before {
    content: "\e011"
}

.icon-wand:before {
    content: "\e012"
}

.icon-wallet:before {
    content: "\e013"
}

.icon-wall-plug:before {
    content: "\e014"
}

.icon-voice:before {
    content: "\e016"
}

.icon-video:before {
    content: "\e017"
}

.icon-vcard:before {
    content: "\e018"
}

.icon-utilities:before {
    content: "\e019"
}

.icon-users:before {
    content: "\e01a"
}

.icon-users-alt:before {
    content: "\e01b"
}

.icon-user:before {
    content: "\e01c"
}

.icon-user-glasses:before {
    content: "\e01d"
}

.icon-user-females:before {
    content: "\e01e"
}

.icon-user-females-alt:before {
    content: "\e01f"
}

.icon-user-female:before {
    content: "\e020"
}

.icon-usb:before {
    content: "\e021"
}

.icon-usb-connector:before {
    content: "\e022"
}

.icon-unlocked:before {
    content: "\e023"
}

.icon-universal:before {
    content: "\e024"
}

.icon-undo:before {
    content: "\e025"
}

.icon-umbrella:before {
    content: "\e026"
}

.icon-umb-deploy:before {
    content: "\e027"
}

.icon-umb-contour:before,
.traycontour:before {
    content: "\e028"
}

.icon-umb-settings:before,
.traysettings:before {
    content: "\e029"
}

.icon-umb-users:before,
.trayuser:before,
.trayusers:before {
    content: "\e02a"
}

.icon-umb-media:before,
.traymedia:before {
    content: "\e02b"
}

.icon-umb-content:before,
.traycontent:before {
    content: "\e02c"
}

.icon-umb-developer:before,
.traydeveloper:before {
    content: "\e02d"
}

.icon-umb-members:before,
.traymember:before {
    content: "\e015"
}

.icon-umb-translation:before,
.traytranslation:before {
    content: "\e1fd"
}

.icon-tv:before {
    content: "\e02e"
}

.icon-tv-old:before {
    content: "\e02f"
}

.icon-trophy:before {
    content: "\e030"
}

.icon-tree:before {
    content: "\e031"
}

.icon-trash:before {
    content: "\e032"
}

.icon-trash-alt:before {
    content: "\e033"
}

.icon-trash-alt-2:before {
    content: "\e034"
}

.icon-train:before {
    content: "\e035"
}

.icon-trafic:before {
    content: "\e036"
}

.icon-traffic-alt:before {
    content: "\e037"
}

.icon-top:before {
    content: "\e038"
}

.icon-tools:before {
    content: "\e039"
}

.icon-timer:before {
    content: "\e03a"
}

.icon-time:before {
    content: "\e03b"
}

.icon-t-shirt:before {
    content: "\e03c"
}

.icon-tab-key:before {
    content: "\e03d"
}

.icon-tab:before {
    content: "\e03e"
}

.icon-tactics:before {
    content: "\e03f"
}

.icon-tag:before {
    content: "\e040"
}

.icon-tags:before {
    content: "\e041"
}

.icon-takeaway-cup:before {
    content: "\e042"
}

.icon-target:before {
    content: "\e043"
}

.icon-temperatrure-alt:before {
    content: "\e044"
}

.icon-temperature:before {
    content: "\e045"
}

.icon-terminal:before {
    content: "\e046"
}

.icon-theater:before {
    content: "\e047"
}

.icon-theif:before {
    content: "\e048"
}

.icon-thought-bubble:before {
    content: "\e049"
}

.icon-thumb-down:before {
    content: "\e04a"
}

.icon-thumb-up:before {
    content: "\e04b"
}

.icon-thumbnail-list:before {
    content: "\e04c"
}

.icon-thumbnails-small:before {
    content: "\e04d"
}

.icon-thumbnails:before {
    content: "\e04e"
}

.icon-ticket:before {
    content: "\e04f"
}

.icon-sync:before {
    content: "\e050"
}

.icon-sweatshirt:before {
    content: "\e051"
}

.icon-sunny:before {
    content: "\e052"
}

.icon-stream:before {
    content: "\e053"
}

.icon-store:before {
    content: "\e054"
}

.icon-stop:before {
    content: "\e055"
}

.icon-stop-hand:before {
    content: "\e056"
}

.icon-stop-alt:before {
    content: "\e057"
}

.icon-stamp:before {
    content: "\e058"
}

.icon-stacked-disks:before {
    content: "\e059"
}

.icon-ssd:before {
    content: "\e05a"
}

.icon-squiggly-line:before {
    content: "\e05b"
}

.icon-sprout:before {
    content: "\e05c"
}

.icon-split:before {
    content: "\e05d"
}

.icon-split-alt:before {
    content: "\e05e"
}

.icon-speed-gauge:before {
    content: "\e05f"
}

.icon-speaker:before {
    content: "\e060"
}

.icon-sound:before {
    content: "\e061"
}

.icon-spades:before {
    content: "\e062"
}

.icon-sound-waves:before {
    content: "\e063"
}

.icon-shipping-box:before {
    content: "\e064"
}

.icon-shipping:before {
    content: "\e065"
}

.icon-shoe:before {
    content: "\e066"
}

.icon-shopping-basket-alt-2:before {
    content: "\e067"
}

.icon-shopping-basket:before {
    content: "\e068"
}

.icon-shopping-basket-alt:before {
    content: "\e069"
}

.icon-shorts:before {
    content: "\e06a"
}

.icon-shuffle:before {
    content: "\e06b"
}

.icon-sience:before {
    content: "\e06c"
}

.icon-simcard:before {
    content: "\e06d"
}

.icon-single-note:before {
    content: "\e06e"
}

.icon-sitemap:before {
    content: "\e06f"
}

.icon-sleep:before {
    content: "\e070"
}

.icon-slideshow:before {
    content: "\e071"
}

.icon-smiley-inverted:before {
    content: "\e072"
}

.icon-smiley:before {
    content: "\e073"
}

.icon-snow:before {
    content: "\e074"
}

.icon-sound-low:before {
    content: "\e075"
}

.icon-sound-medium:before {
    content: "\e076"
}

.icon-sound-off:before {
    content: "\e077"
}

.icon-shift:before {
    content: "\e078"
}

.icon-shield:before {
    content: "\e079"
}

.icon-sharing-iphone:before {
    content: "\e07a"
}

.icon-share:before {
    content: "\e07b"
}

.icon-share-alt:before {
    content: "\e07c"
}

.icon-share-alt-2:before {
    content: "\e07d"
}

.icon-settings:before {
    content: "\e07e"
}

.icon-settings-alt:before {
    content: "\e07f"
}

.icon-settings-alt-2:before {
    content: "\e080"
}

.icon-server:before {
    content: "\e081"
}

.icon-server-alt:before {
    content: "\e082"
}

.icon-sensor:before {
    content: "\e083"
}

.icon-security-camera:before {
    content: "\e084"
}

.icon-search:before {
    content: "\e085"
}

.icon-scull:before {
    content: "\e086"
}

.icon-script:before {
    content: "\e087"
}

.icon-script-alt:before {
    content: "\e088"
}

.icon-screensharing:before {
    content: "\e089"
}

.icon-school:before {
    content: "\e08a"
}

.icon-scan:before {
    content: "\e08b"
}

.icon-refresh:before {
    content: "\e08c"
}

.icon-remote:before {
    content: "\e08d"
}

.icon-remove:before {
    content: "\e08e"
}

.icon-repeat-one:before {
    content: "\e08f"
}

.icon-repeat:before {
    content: "\e090"
}

.icon-resize:before {
    content: "\e091"
}

.icon-reply-arrow:before {
    content: "\e092"
}

.icon-return-to-top:before {
    content: "\e093"
}

.icon-right-double-arrow:before {
    content: "\e094"
}

.icon-road:before {
    content: "\e095"
}

.icon-roadsign:before {
    content: "\e096"
}

.icon-rocket:before {
    content: "\e097"
}

.icon-rss:before {
    content: "\e098"
}

.icon-ruler-alt:before {
    content: "\e099"
}

.icon-ruler:before {
    content: "\e09a"
}

.icon-sandbox-toys:before {
    content: "\e09b"
}

.icon-satellite-dish:before {
    content: "\e09c"
}

.icon-save:before {
    content: "\e09d"
}

.icon-safedial:before {
    content: "\e09e"
}

.icon-safe:before {
    content: "\e09f"
}

.icon-redo:before {
    content: "\e0a0"
}

.icon-printer-alt:before {
    content: "\e0a1"
}

.icon-planet:before {
    content: "\e0a2"
}

.icon-paste-in:before {
    content: "\e0a3"
}

.icon-os-x:before {
    content: "\e0a4"
}

.icon-navigation-left:before {
    content: "\e0a5"
}

.icon-message:before {
    content: "\e0a6"
}

.icon-lock:before {
    content: "\e0a7"
}

.icon-layers-alt:before {
    content: "\e0a8"
}

.icon-record:before {
    content: "\e0a9"
}

.icon-print:before {
    content: "\e0aa"
}

.icon-plane:before {
    content: "\e0ab"
}

.icon-partly-cloudy:before {
    content: "\e0ac"
}

.icon-ordered-list:before {
    content: "\e0ad"
}

.icon-navigation-last:before {
    content: "\e0ae"
}

.icon-message-unopened:before {
    content: "\e0af"
}

.icon-location-nearby:before {
    content: "\e0b0"
}

.icon-laptop:before {
    content: "\e0b1"
}

.icon-reception:before {
    content: "\e0b2"
}

.icon-price-yen:before {
    content: "\e0b3"
}

.icon-piracy:before {
    content: "\e0b4"
}

.icon-parental-control:before {
    content: "\e0b5"
}

.icon-operator:before {
    content: "\e0b6"
}

.icon-navigation-horizontal:before {
    content: "\e0b7"
}

.icon-message-open:before {
    content: "\e0b8"
}

.icon-lab:before {
    content: "\e0b9"
}

.icon-location-near-me:before {
    content: "\e0ba"
}

.icon-receipt-yen:before {
    content: "\e0bb"
}

.icon-price-pound:before {
    content: "\e0bc"
}

.icon-pin-location:before {
    content: "\e0bd"
}

.icon-parachute-drop:before {
    content: "\e0be"
}

.icon-old-phone:before {
    content: "\e0bf"
}

.icon-merge:before {
    content: "\e0c0"
}

.icon-navigation-first:before {
    content: "\e0c1"
}

.icon-locate:before {
    content: "\e0c2"
}

.icon-keyhole:before {
    content: "\e0c3"
}

.icon-receipt-pound:before {
    content: "\e0c4"
}

.icon-price-euro:before {
    content: "\e0c5"
}

.icon-piggy-bank:before {
    content: "\e0c6"
}

.icon-paper-plane:before {
    content: "\e0c7"
}

.icon-old-key:before {
    content: "\e0c8"
}

.icon-navigation-down:before {
    content: "\e0c9"
}

.icon-megaphone:before {
    content: "\e0ca"
}

.icon-loading:before {
    content: "\e0cb"
}

.icon-keychain:before {
    content: "\e0cc"
}

.icon-receipt-euro:before {
    content: "\e0cd"
}

.icon-price-dollar:before {
    content: "\e0ce"
}

.icon-pie-chart:before {
    content: "\e0cf"
}

.icon-paper-plane-alt:before {
    content: "\e0d0"
}

.icon-notepad:before {
    content: "\e0d1"
}

.icon-navigation-bottom:before {
    content: "\e0d2"
}

.icon-meeting:before {
    content: "\e0d3"
}

.icon-keyboard:before {
    content: "\e0d4"
}

.icon-load:before {
    content: "\e0d5"
}

.icon-receipt-dollar:before {
    content: "\e0d6"
}

.icon-previous:before {
    content: "\e0d7"
}

.icon-pictures:before {
    content: "\e0d8"
}

.icon-notepad-alt:before {
    content: "\e0d9"
}

.icon-paper-bag:before {
    content: "\e0da"
}

.icon-name-badge:before {
    content: "\e0db"
}

.icon-medicine:before {
    content: "\e0dc"
}

.icon-list:before {
    content: "\e0dd"
}

.icon-key:before {
    content: "\e0de"
}

.icon-receipt-alt:before {
    content: "\e0df"
}

.icon-previous-media:before {
    content: "\e0e0"
}

.icon-pictures-alt:before {
    content: "\e0e1"
}

.icon-pants:before {
    content: "\e0e2"
}

.icon-nodes:before {
    content: "\e0e3"
}

.icon-music:before {
    content: "\e0e4"
}

.icon-readonly:before {
    content: "\e0e5"
}

.icon-presentation:before {
    content: "\e0e6"
}

.icon-pictures-alt-2:before {
    content: "\e0e7"
}

.icon-pannel-close:before {
    content: "\e0e8"
}

.icon-next:before {
    content: "\e0e9"
}

.icon-multiple-windows:before {
    content: "\e0ea"
}

.icon-medical-emergency:before {
    content: "\e0eb"
}

.icon-medal:before {
    content: "\e0ec"
}

.icon-link:before {
    content: "\e0ed"
}

.icon-linux-tux:before {
    content: "\e0ee"
}

.icon-junk:before {
    content: "\e0ef"
}

.icon-item-arrangement:before {
    content: "\e0f0"
}

.icon-iphone:before {
    content: "\e0f1"
}

.icon-lightning:before {
    content: "\e0f2"
}

.icon-map:before {
    content: "\e0f3"
}

.icon-multiple-credit-cards:before {
    content: "\e0f4"
}

.icon-next-media:before {
    content: "\e0f5"
}

.icon-panel-show:before {
    content: "\e0f6"
}

.icon-picture:before {
    content: "\e0f7"
}

.icon-power:before {
    content: "\e0f8"
}

.icon-re-post:before {
    content: "\e0f9"
}

.icon-rate:before {
    content: "\e0fa"
}

.icon-rain:before {
    content: "\e0fb"
}

.icon-radio:before {
    content: "\e0fc"
}

.icon-radio-receiver:before {
    content: "\e0fd"
}

.icon-radio-alt:before {
    content: "\e0fe"
}

.icon-quote:before {
    content: "\e0ff"
}

.icon-qr-code:before {
    content: "\e100"
}

.icon-pushpin:before {
    content: "\e101"
}

.icon-pulse:before {
    content: "\e102"
}

.icon-projector:before {
    content: "\e103"
}

.icon-play:before {
    content: "\e104"
}

.icon-playing-cards:before {
    content: "\e105"
}

.icon-playlist:before {
    content: "\e106"
}

.icon-plugin:before {
    content: "\e107"
}

.icon-podcast:before {
    content: "\e108"
}

.icon-poker-chip:before {
    content: "\e109"
}

.icon-poll:before {
    content: "\e10a"
}

.icon-post-it:before {
    content: "\e10b"
}

.icon-pound-bag:before {
    content: "\e10c"
}

.icon-power-outlet:before {
    content: "\e10d"
}

.icon-photo-album:before {
    content: "\e10e"
}

.icon-phone:before {
    content: "\e10f"
}

.icon-phone-ring:before {
    content: "\e110"
}

.icon-people:before {
    content: "\e111"
}

.icon-people-female:before {
    content: "\e112"
}

.icon-people-alt:before {
    content: "\e113"
}

.icon-people-alt-2:before {
    content: "\e114"
}

.icon-pc:before {
    content: "\e115"
}

.icon-pause:before {
    content: "\e116"
}

.icon-path:before {
    content: "\e117"
}

.icon-out:before {
    content: "\e118"
}

.icon-outbox:before {
    content: "\e119"
}

.icon-outdent:before {
    content: "\e11a"
}

.icon-page-add:before {
    content: "\e11b"
}

.icon-page-down:before {
    content: "\e11c"
}

.icon-page-remove:before {
    content: "\e11d"
}

.icon-page-restricted:before {
    content: "\e11e"
}

.icon-page-up:before {
    content: "\e11f"
}

.icon-paint-roller:before {
    content: "\e120"
}

.icon-palette:before {
    content: "\e121"
}

.icon-newspaper:before {
    content: "\e122"
}

.icon-newspaper-alt:before {
    content: "\e123"
}

.icon-network-alt:before {
    content: "\e124"
}

.icon-navigational-arrow:before {
    content: "\e125"
}

.icon-navigation:before {
    content: "\e126"
}

.icon-navigation-vertical:before {
    content: "\e127"
}

.icon-navigation-up:before {
    content: "\e128"
}

.icon-navigation-top:before {
    content: "\e129"
}

.icon-navigation-road:before {
    content: "\e12a"
}

.icon-navigation-right:before {
    content: "\e12b"
}

.icon-microscope:before {
    content: "\e12c"
}

.icon-mindmap:before {
    content: "\e12d"
}

.icon-molecular-network:before {
    content: "\e12e"
}

.icon-molecular:before {
    content: "\e12f"
}

.icon-mountain:before {
    content: "\e130"
}

.icon-mouse-cursor:before {
    content: "\e131"
}

.icon-mouse:before {
    content: "\e132"
}

.icon-movie-alt:before {
    content: "\e133"
}

.icon-map-marker:before {
    content: "\e134"
}

.icon-movie:before {
    content: "\e135"
}

.icon-map-location:before {
    content: "\e136"
}

.icon-map-alt:before {
    content: "\e137"
}

.icon-male-symbol:before {
    content: "\e138"
}

.icon-male-and-female:before {
    content: "\e139"
}

.icon-mailbox:before {
    content: "\e13a"
}

.icon-magnet:before {
    content: "\e13b"
}

.icon-loupe:before {
    content: "\e13c"
}

.icon-mobile:before {
    content: "\e13d"
}

.icon-logout:before {
    content: "\e13e"
}

.icon-log-out:before {
    content: "\e13f"
}

.icon-layers:before {
    content: "\e140"
}

.icon-left-double-arrow:before {
    content: "\e141"
}

.icon-layout:before {
    content: "\e142"
}

.icon-legal:before {
    content: "\e143"
}

.icon-lense:before {
    content: "\e144"
}

.icon-library:before {
    content: "\e145"
}

.icon-light-down:before {
    content: "\e146"
}

.icon-light-up:before {
    content: "\e147"
}

.icon-lightbulb-active:before {
    content: "\e148"
}

.icon-lightbulb:before {
    content: "\e149"
}

.icon-ipad:before {
    content: "\e14a"
}

.icon-invoice:before {
    content: "\e14b"
}

.icon-info:before {
    content: "\e14c"
}

.icon-infinity:before {
    content: "\e14d"
}

.icon-indent:before {
    content: "\e14e"
}

.icon-inbox:before {
    content: "\e14f"
}

.icon-inbox-full:before {
    content: "\e150"
}

.icon-inactive-line:before {
    content: "\e151"
}

.icon-imac:before {
    content: "\e152"
}

.icon-hourglass:before {
    content: "\e153"
}

.icon-home:before {
    content: "\e154"
}

.icon-grid:before {
    content: "\e155"
}

.icon-food:before {
    content: "\e156"
}

.icon-favorite:before {
    content: "\e157"
}

.icon-door-open-alt:before {
    content: "\e158"
}

.icon-diagnostics:before {
    content: "\e159"
}

.icon-contrast:before {
    content: "\e15a"
}

.icon-coins-dollar-alt:before {
    content: "\e15b"
}

.icon-circle-dotted-active:before {
    content: "\e15c"
}

.icon-cinema:before {
    content: "\e15d"
}

.icon-chip:before {
    content: "\e15e"
}

.icon-chip-alt:before {
    content: "\e15f"
}

.icon-chess:before {
    content: "\e160"
}

.icon-checkbox:before {
    content: "\e161"
}

.icon-checkbox-empty:before {
    content: "\e162"
}

.icon-checkbox-dotted:before {
    content: "\e163"
}

.icon-checkbox-dotted-active:before {
    content: "\e164"
}

.icon-chat:before {
    content: "\e166"
}

.icon-chat-active:before {
    content: "\e167"
}

.icon-chart:before {
    content: "\e168"
}

.icon-chart-curve:before {
    content: "\e169"
}

.icon-certificate:before {
    content: "\e16a"
}

.icon-categories:before {
    content: "\e16b"
}

.icon-cash-register:before {
    content: "\e16c"
}

.icon-car:before {
    content: "\e16d"
}

.icon-caps-lock:before {
    content: "\e16e"
}

.icon-candy:before {
    content: "\e16f"
}

.icon-circle-dotted:before {
    content: "\e170"
}

.icon-circuits:before {
    content: "\e171"
}

.icon-circus:before {
    content: "\e172"
}

.icon-client:before {
    content: "\e173"
}

.icon-clothes-hanger:before {
    content: "\e174"
}

.icon-cloud-drive:before {
    content: "\e175"
}

.icon-cloud-upload:before {
    content: "\e176"
}

.icon-cloud:before {
    content: "\e177"
}

.icon-cloudy:before {
    content: "\e178"
}

.icon-clubs:before {
    content: "\e179"
}

.icon-cocktail:before {
    content: "\e17a"
}

.icon-code:before {
    content: "\e17b"
}

.icon-coffee:before {
    content: "\e17c"
}

.icon-coin-dollar:before {
    content: "\e17d"
}

.icon-coin-pound:before {
    content: "\e17e"
}

.icon-coin-yen:before {
    content: "\e17f"
}

.icon-coin:before {
    content: "\e180"
}

.icon-coins-alt:before {
    content: "\e181"
}

.icon-console:before {
    content: "\e182"
}

.icon-connection:before {
    content: "\e183"
}

.icon-compress:before {
    content: "\e184"
}

.icon-company:before {
    content: "\e185"
}

.icon-command:before {
    content: "\e186"
}

.icon-coin-euro:before {
    content: "\e187"
}

.icon-combination-lock:before {
    content: "\e188"
}

.icon-combination-lock-open:before {
    content: "\e189"
}

.icon-comb:before {
    content: "\e18a"
}

.icon-columns:before {
    content: "\e18b"
}

.icon-colorpicker:before {
    content: "\e18c"
}

.icon-color-bucket:before {
    content: "\e18d"
}

.icon-coins:before {
    content: "\e18e"
}

.icon-coins-yen:before {
    content: "\e18f"
}

.icon-coins-yen-alt:before {
    content: "\e190"
}

.icon-coins-pound:before {
    content: "\e191"
}

.icon-coins-pound-alt:before {
    content: "\e192"
}

.icon-coins-euro:before {
    content: "\e193"
}

.icon-coins-euro-alt:before {
    content: "\e194"
}

.icon-coins-dollar:before {
    content: "\e195"
}

.icon-conversation-alt:before {
    content: "\e196"
}

.icon-conversation:before {
    content: "\e197"
}

.icon-coverflow:before {
    content: "\e198"
}

.icon-credit-card-alt:before {
    content: "\e199"
}

.icon-credit-card:before {
    content: "\e19a"
}

.icon-crop:before {
    content: "\e19b"
}

.icon-crosshair:before {
    content: "\e19c"
}

.icon-crown-alt:before {
    content: "\e19d"
}

.icon-crown:before {
    content: "\e19e"
}

.icon-cupcake:before {
    content: "\e19f"
}

.icon-curve:before {
    content: "\e1a0"
}

.icon-cut:before {
    content: "\e1a1"
}

.icon-dashboard:before {
    content: "\e1a2"
}

.icon-defrag:before {
    content: "\e1a3"
}

.icon-delete:before {
    content: "\e1a4"
}

.icon-delete-key:before {
    content: "\e1a5"
}

.icon-departure:before {
    content: "\e1a6"
}

.icon-desk:before {
    content: "\e1a7"
}

.icon-desktop:before {
    content: "\e1a8"
}

.icon-donate:before {
    content: "\e1a9"
}

.icon-dollar-bag:before {
    content: "\e1aa"
}

.icon-documents:before {
    content: "\e1ab"
}

.icon-document:before {
    content: "\e1ac"
}

.icon-document-dashed-line:before {
    content: "\e1ad"
}

.icon-dock-connector:before {
    content: "\e1ae"
}

.icon-dna:before {
    content: "\e1af"
}

.icon-display:before {
    content: "\e1b0"
}

.icon-disk-image:before {
    content: "\e1b1"
}

.icon-disc:before {
    content: "\e1b2"
}

.icon-directions:before {
    content: "\e1b3"
}

.icon-directions-alt:before {
    content: "\e1b4"
}

.icon-diploma:before {
    content: "\e1b5"
}

.icon-diploma-alt:before {
    content: "\e1b6"
}

.icon-dice:before {
    content: "\e1b7"
}

.icon-diamonds:before {
    content: "\e1b8"
}

.icon-diamond:before {
    content: "\e1b9"
}

.icon-diagonal-arrow:before {
    content: "\e1ba"
}

.icon-diagonal-arrow-alt:before {
    content: "\e1bb"
}

.icon-door-open:before {
    content: "\e1bc"
}

.icon-download-alt:before {
    content: "\e1bd"
}

.icon-download:before {
    content: "\e1be"
}

.icon-drop:before {
    content: "\e1bf"
}

.icon-eco:before {
    content: "\e1c0"
}

.icon-economy:before {
    content: "\e1c1"
}

.icon-edit:before {
    content: "\e1c2"
}

.icon-eject:before {
    content: "\e1c3"
}

.icon-employee:before {
    content: "\e1c4"
}

.icon-energy-saving-bulb:before {
    content: "\e1c5"
}

.icon-enter:before {
    content: "\e1c6"
}

.icon-equalizer:before {
    content: "\e1c7"
}

.icon-escape:before {
    content: "\e1c8"
}

.icon-ethernet:before {
    content: "\e1c9"
}

.icon-euro-bag:before {
    content: "\e1ca"
}

.icon-exit-fullscreen:before {
    content: "\e1cb"
}

.icon-eye:before {
    content: "\e1cc"
}

.icon-facebook-like:before {
    content: "\e1cd"
}

.icon-factory:before {
    content: "\e1ce"
}

.icon-font:before {
    content: "\e1cf"
}

.icon-folders:before {
    content: "\e1d0"
}

.icon-folder-close:before,
.icon-folder:before {
    content: "\e1d1"
}

.icon-folder-outline:before {
    content: "\e1d2"
}

.icon-folder-open:before {
    content: "\e1d3"
}

.icon-flowerpot:before {
    content: "\e1d4"
}

.icon-flashlight:before {
    content: "\e1d5"
}

.icon-flash:before {
    content: "\e1d6"
}

.icon-flag:before {
    content: "\e1d7"
}

.icon-flag-alt:before {
    content: "\e1d8"
}

.icon-firewire:before {
    content: "\e1d9"
}

.icon-firewall:before {
    content: "\e1da"
}

.icon-fire:before {
    content: "\e1db"
}

.icon-fingerprint:before {
    content: "\e1dc"
}

.icon-filter:before {
    content: "\e1dd"
}

.icon-filter-arrows:before {
    content: "\e1de"
}

.icon-files:before {
    content: "\e1df"
}

.icon-file-cabinet:before {
    content: "\e1e0"
}

.icon-female-symbol:before {
    content: "\e1e1"
}

.icon-footprints:before {
    content: "\e1e2"
}

.icon-hammer:before {
    content: "\e1e3"
}

.icon-hand-active-alt:before {
    content: "\e1e4"
}

.icon-forking:before {
    content: "\e1e5"
}

.icon-hand-active:before {
    content: "\e1e6"
}

.icon-hand-pointer-alt:before {
    content: "\e1e7"
}

.icon-hand-pointer:before {
    content: "\e1e8"
}

.icon-handprint:before {
    content: "\e1e9"
}

.icon-handshake:before {
    content: "\e1ea"
}

.icon-handtool:before {
    content: "\e1eb"
}

.icon-hard-drive:before {
    content: "\e1ec"
}

.icon-help:before {
    content: "\e1ed"
}

.icon-graduate:before {
    content: "\e1ee"
}

.icon-gps:before {
    content: "\e1ef"
}

.icon-help-alt:before {
    content: "\e1f0"
}

.icon-height:before {
    content: "\e1f1"
}

.icon-globe:before {
    content: "\e1f2"
}

.icon-hearts:before {
    content: "\e1f3"
}

.icon-globe-inverted-europe-africa:before {
    content: "\e1f4"
}

.icon-headset:before {
    content: "\e1f5"
}

.icon-globe-inverted-asia:before {
    content: "\e1f6"
}

.icon-headphones:before {
    content: "\e1f7"
}

.icon-globe-inverted-america:before {
    content: "\e1f8"
}

.icon-hd:before {
    content: "\e1f9"
}

.icon-globe-europe---africa:before,
.icon-globe-europe-africa:before {
    content: "\e1fa"
}

.icon-hat:before {
    content: "\e1fb"
}

.icon-globe-asia:before {
    content: "\e1fc"
}

.icon-globe-alt:before {
    content: "\e1fd"
}

.icon-hard-drive-alt:before {
    content: "\e1fe"
}

.icon-glasses:before {
    content: "\e1ff"
}

.icon-gift:before {
    content: "\e200"
}

.icon-handtool-alt:before {
    content: "\e201"
}

.icon-geometry:before {
    content: "\e202"
}

.icon-game:before {
    content: "\e203"
}

.icon-fullscreen:before {
    content: "\e204"
}

.icon-fullscreen-alt:before {
    content: "\e205"
}

.icon-frame:before {
    content: "\e206"
}

.icon-frame-alt:before {
    content: "\e207"
}

.icon-camera-roll:before {
    content: "\e208"
}

.icon-bookmark:before {
    content: "\e209"
}

.icon-bill:before {
    content: "\e20a"
}

.icon-baby-stroller:before {
    content: "\e20b"
}

.icon-alarm-clock:before {
    content: "\e20c"
}

.icon-adressbook:before {
    content: "\e20d"
}

.icon-add:before {
    content: "\e20e"
}

.icon-activity:before {
    content: "\e20f"
}

.icon-untitled:before {
    content: "\e210"
}

.icon-glasses:before {
    content: "\e211"
}

.icon-camcorder:before {
    content: "\e212"
}

.icon-calendar:before {
    content: "\e213"
}

.icon-calendar-alt:before {
    content: "\e214"
}

.icon-calculator:before {
    content: "\e215"
}

.icon-bus:before {
    content: "\e216"
}

.icon-burn:before {
    content: "\e217"
}

.icon-bulleted-list:before {
    content: "\e218"
}

.icon-bug:before {
    content: "\e219"
}

.icon-brush:before {
    content: "\e21a"
}

.icon-brush-alt:before {
    content: "\e21b"
}

.icon-brush-alt-2:before {
    content: "\e21c"
}

.icon-browser-window:before {
    content: "\e21d"
}

.icon-briefcase:before {
    content: "\e21e"
}

.icon-brick:before {
    content: "\e21f"
}

.icon-brackets:before {
    content: "\e220"
}

.icon-box:before {
    content: "\e221"
}

.icon-box-open:before {
    content: "\e222"
}

.icon-box-alt:before {
    content: "\e223"
}

.icon-books:before {
    content: "\e224"
}

.icon-billboard:before {
    content: "\e225"
}

.icon-bills-dollar:before {
    content: "\e226"
}

.icon-bills-euro:before {
    content: "\e227"
}

.icon-bills-pound:before {
    content: "\e228"
}

.icon-bills-yen:before {
    content: "\e229"
}

.icon-bills:before {
    content: "\e22a"
}

.icon-binarycode:before {
    content: "\e22b"
}

.icon-binoculars:before {
    content: "\e22c"
}

.icon-bird:before {
    content: "\e22d"
}

.icon-birthday-cake:before {
    content: "\e22e"
}

.icon-blueprint:before {
    content: "\e22f"
}

.icon-block:before {
    content: "\e230"
}

.icon-bluetooth:before {
    content: "\e231"
}

.icon-boat-shipping:before {
    content: "\e232"
}

.icon-bomb:before {
    content: "\e233"
}

.icon-book-alt-2:before {
    content: "\e234"
}

.icon-bones:before {
    content: "\e235"
}

.icon-book-alt:before {
    content: "\e236"
}

.icon-book:before {
    content: "\e237"
}

.icon-bill-yen:before {
    content: "\e238"
}

.icon-award:before {
    content: "\e239"
}

.icon-bill-pound:before {
    content: "\e23a"
}

.icon-autofill:before {
    content: "\e23b"
}

.icon-bill-euro:before {
    content: "\e23c"
}

.icon-auction-hammer:before {
    content: "\e23d"
}

.icon-bill-dollar:before {
    content: "\e23e"
}

.icon-attachment:before {
    content: "\e23f"
}

.icon-bell:before {
    content: "\e240"
}

.icon-article:before {
    content: "\e241"
}

.icon-bell-off:before {
    content: "\e242"
}

.icon-art-easel:before {
    content: "\e243"
}

.icon-beer-glass:before {
    content: "\e244"
}

.icon-arrow-up:before {
    content: "\e245"
}

.icon-battery-low:before {
    content: "\e246"
}

.icon-arrow-right:before {
    content: "\e247"
}

.icon-battery-full:before {
    content: "\e248"
}

.icon-arrow-left:before {
    content: "\e249"
}

.icon-bars:before {
    content: "\e24a"
}

.icon-arrow-down:before {
    content: "\e24b"
}

.icon-barcode:before {
    content: "\e24c"
}

.icon-arrivals:before {
    content: "\e24d"
}

.icon-bar-chart:before {
    content: "\e24e"
}

.icon-application-window:before {
    content: "\e24f"
}

.icon-band-aid:before {
    content: "\e250"
}

.icon-application-window-alt:before {
    content: "\e251"
}

.icon-ball:before {
    content: "\e252"
}

.icon-application-error:before {
    content: "\e253"
}

.icon-badge-restricted:before {
    content: "\e254"
}

.icon-app:before {
    content: "\e255"
}

.icon-badge-remove:before {
    content: "\e256"
}

.icon-anchor:before {
    content: "\e257"
}

.icon-badge-count:before {
    content: "\e258"
}

.icon-alt:before {
    content: "\e259"
}

.icon-badge-add:before {
    content: "\e25a"
}

.icon-alert:before {
    content: "\e25b"
}

.icon-backspace:before {
    content: "\e25c"
}

.icon-alert-alt:before {
    content: "\e25d"
}

.fill {
    height: 100%;
    min-height: 100%
}

.shadow {
    box-shadow: 3px 0 7px #d8d7d9
}

.umb-auto-overflow,
.umb-scrollable {
    overflow: auto
}

.umb-abstract {
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px;
    color: #bbbabf
}

h5 {
    color: #1e1c1c;
    font-weight: 700;
    font-size: 15px;
    margin-top: 15px
}

    h5.-border-bottom {
        border-bottom: 1px solid #e9e9eb;
        padding-bottom: 5px
    }

    h5.-black {
        color: #000
    }

.umb-form-actions {
    background: none;
    border: none
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td span.active {
    background: #03bfb3 !important
}

.bootstrap-datetimepicker-widget td.today:not(.active):before {
    border-bottom-color: #675e7a !important
}

.bootstrap-datetimepicker-widget td a[data-action] {
    padding: 0 !important
}

.bootstrap-datetimepicker-widget td .timepicker-hour,
.bootstrap-datetimepicker-widget td .timepicker-minute,
.bootstrap-datetimepicker-widget td .timepicker-second {
    margin: 8px 0
}

.umb-datetime-picker div.info {
    vertical-align: middle
}

.umb-userwidget img {
    float: left;
    margin-right: 15px
}

.umb-userwidget small {
    display: block
}

.popover-title {
    display: none
}

.thumbnails > li.umb-plus-btn {
    margin: 0 10px 10px 0
}

.umb-plus-btn a {
    border: 2px dashed #d8d7d9;
    width: 136px;
    height: 136px;
    line-height: 136px;
    text-align: center;
    font-size: 50px;
    display: block;
    color: #d8d7d9;
    text-decoration: none;
    transition: all .3s ease-in-out
}

    .umb-plus-btn a:hover {
        border: 2px dashed #000;
        color: #000
    }

.umb-plus-btn i {
    vertical-align: middle;
    margin: auto
}

.umb-pane {
    margin: 30px 20px
}

.umb-control-group {
    border-bottom: 1px solid #f3f3f5;
    padding-bottom: 20px;
    margin-bottom: 15px !important
}

    .umb-control-group.-no-border {
        border: none
    }

.block-form .umb-control-group {
    border-bottom: none;
    margin-bottom: 10px !important;
    padding-bottom: 0
}

    .block-form .umb-control-group label .help-block,
    .block-form .umb-control-group label small {
        font-size: 13px;
        padding-top: 2px;
        margin-bottom: 5px
    }

.compact .umb-pane {
    margin: 0 0 15px
}

.compact .umb-control-group {
    border-bottom: 1px solid #f3f3f5;
    padding-bottom: 10px;
    margin-bottom: 5px !important
}

.compact label.control-label {
    padding-top: 0 !important;
    margin-bottom: 0
}

.compact .controls-row {
    padding-top: 0
}

.umb-pane > .umb-control-group:last-child {
    border: none;
    padding-bottom: 0 !important
}

.umb-control-group .umb-el-wrap {
    padding: 0
}

.umb-control-group .control-label,
.umb-control-group label.control-label {
    text-align: left
}

    .umb-control-group label.control-label > div > label {
        padding-left: 0
    }

.umb-control-group label .help-block,
.umb-control-group label small {
    font-size: 12px;
    color: #a2a1a6;
    line-height: 1.5em;
    padding-top: 5px
}

.umb-nolabel .controls {
    margin-left: 0
}

.umb-control-required {
    color: #fe3e39
}

.controls-row {
    padding-bottom: 5px;
    margin-left: 240px
}

.umb-user-panel .controls-row {
    margin-left: 0
}

.controls-row label {
    display: inline-block
}

.controls-row > div > label {
    padding-left: 0
}

.block-form .controls-row {
    margin-left: 0;
    padding-top: 0
}

.hidelabel > .controls-row,
.hidelabel > div > .controls,
.hidelabel > div > .controls-row {
    padding: 0;
    border: none;
    margin: 0 !important
}

.controls-row > .vertical-align-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .controls-row > .vertical-align-items > input.umb-editor-tiny {
        margin-left: 5px;
        margin-right: 5px
    }

        .controls-row > .vertical-align-items > input.umb-editor-tiny:first-child {
            margin-left: 0
        }

.thumbnails .selected {
    border-color: #000;
    background: #000
}

.umb-version {
    color: #bbbabf;
    position: absolute;
    bottom: 5px;
    right: 20px
}

.dashboardHideLink {
    display: none
}

.dashboardWrapper {
    position: relative
}

    .dashboardWrapper h2 {
        padding: 0 0 0 45px
    }

    .dashboardWrapper h3 {
        font-size: 14px;
        font-weight: 700
    }

.dashboardIcon {
    position: absolute;
    top: 2px;
    left: 2px
}

.umb-dashboard-control iframe {
    position: absolute;
    display: block;
    width: 99%;
    height: 99%;
    overflow: auto !important
}

.umb-table {
    table-layout: fixed;
    word-wrap: break-word
}

.umb-no-border {
    border: none !important
}

table thead a {
    color: #303033
}

.umb-table tbody.ui-sortable tr {
    cursor: pointer
}

    .umb-table tbody.ui-sortable tr.ui-sortable-helper {
        background-color: #81ded8;
        border: none
    }

        .umb-table tbody.ui-sortable tr.ui-sortable-helper td {
            border: none
        }

    .umb-table tbody.ui-sortable tr.ui-sortable-placeholder {
        background-color: #03bfb3;
        border: none
    }

        .umb-table tbody.ui-sortable tr.ui-sortable-placeholder td {
            height: 5px;
            padding: 0;
            line-height: 0
        }

.thumbnails > li.umb-thumbnail {
    margin: 0 10px 10px 0;
    position: relative
}

    .thumbnails > li.umb-thumbnail .umb-icons {
        background: #1e1c1c;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        padding: 17px 0
    }

    .thumbnails > li.umb-thumbnail .icon-crop {
        position: absolute;
        left: 10px;
        top: 10px;
        color: #fff;
        font-size: 14px
    }

    .thumbnails > li.umb-thumbnail .icon-remove {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #fff;
        font-size: 14px
    }

.umb-image-crop {
    margin: 0 30px 25px 0;
    padding: 0 0 30px;
    width: 400px;
    float: left
}

.umb-image-mask {
    width: 399px;
    height: 300px;
    position: relative;
    margin: 0 30px 0 0
}

    .umb-image-mask:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5999;
        opacity: .6;
        filter: alpha(opacity=6);
        box-shadow: inset 0 0 0 40px #fff, inset 0 0 0 41px rgba(0, 0, 0, .2), inset 0 0 20px 41px rgba(0, 0, 0, .2)
    }

    .umb-image-mask .icon-screenshot {
        color: #fff;
        font-size: 30px;
        position: absolute;
        top: 125px;
        left: 110px;
        z-index: 1000
    }

    .umb-image-mask .icon-circle {
        color: #00aea2;
        position: absolute;
        top: 130px;
        left: 115px;
        z-index: 1;
        font-size: 20px
    }

.umb-crop-preview {
    float: left;
    width: 400px
}

.umb-image-controls {
    width: 400px
}

    .umb-image-controls .icon-minus {
        float: left;
        padding: 14px 10px 0;
        color: #bbbabf
    }

    .umb-image-controls .icon-plus {
        float: right;
        text-align: left;
        padding: 14px 10px 0;
        color: #bbbabf
    }

.umb-image-crop .range {
    display: block;
    -webkit-appearance: none;
    background: #bbbabf;
    height: 1px;
    margin: 20px 0 0;
    width: 82%;
    float: left
}

    .umb-image-crop .range::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
        border: 1px solid #bbbabf;
        border-radius: 2px;
        content: "1";
        background: #f3f3f5;
        margin-top: -1px
    }

.umb-search-group li > div {
    padding-left: 20px
}

    .umb-search-group li > div a > i {
        height: 100%
    }

#search-form .form-search div {
    margin-top: 3px
}

    #search-form .form-search div .btn {
        position: relative;
        top: 0;
        left: 0
    }

#dictionaryItems tr {
    border-top: 1px solid #d8d7d9
}

#dictionaryItems thead tr {
    border-top: none;
    font-weight: 700
}

#dictionaryItems th {
    text-align: left;
    font-weight: 400
}

#dictionaryItems td {
    text-align: center
}

#dictionaryItems thead td:first-of-type {
    text-align: left
}

#dictioanryItems i {
    font-size: 18px
}

#dictionaryItems .icon-alert {
    color: #fe3e39
}

#dictionaryItems .icon-check {
    color: #35c786
}

.umb-loader {
    background-color: #00aea2;
    margin-top: 0;
    margin-left: -100%;
    -moz-animation-name: qb;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: qb;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -ms-animation-name: qb;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: qb;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: infinite;
    -o-animationtiming-function: linear;
    animation-name: qb;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 100%;
    height: 1px
}

@-webkit-keyframes qb {
    0% {
        margin-left: -100%
    }

    to {
        margin-left: 100%
    }
}

@keyframes qb {
    0% {
        margin-left: -100%
    }

    to {
        margin-left: 100%
    }
}

.umb-loader-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    margin: 10px 0;
    overflow: hidden
}

    .umb-loader-wrapper.-bottom {
        bottom: 0
    }

.strong {
    font-weight: 700
}

.inline {
    display: inline
}

.input-label--title {
    font-weight: 700;
    color: #000;
    margin-bottom: 3px
}

.input-label--small {
    display: inline;
    font-size: 12px;
    font-weight: 700;
    color: #515054
}

    .input-label--small:hover {
        color: #000
    }

input[type=checkbox]:checked + .input-label--small {
    color: #00aea2
}

.panel-dialog--header {
    border-bottom: 1px solid #515054;
    margin: 10px 0;
    padding-bottom: 10px;
    font-size: 18.75px;
    font-weight: 700;
    line-height: 20px
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget td span,
.bootstrap-datetimepicker-widget th {
    border-radius: 0 !important
}

.umb-item-list {
    margin: 0
}

    .umb-item-list,
    .umb-item-list li {
        width: auto;
        display: block
    }

.umb-tree {
    margin: 0
}

    .umb-tree,
    .umb-tree li {
        min-width: 100%;
        width: auto
    }

        .umb-tree li {
            display: block
        }

            .umb-tree div.selected,
            .umb-tree li.current > div {
                background: #00aea2
            }

                .umb-tree div.selected i,
                .umb-tree li.current > div a.umb-options i {
                    background: #fff;
                    border-color: #00aea2;
                    transition: opacity .12s ease
                }

                .umb-tree div.selected i,
                .umb-tree li.current > div a.umb-options:hover i {
                    opacity: .7
                }

                .umb-tree li.current > div a,
                .umb-tree li.current > div i.icon,
                .umb-tree li.current > div ins {
                    color: #fff !important;
                    background-color: #00aea2;
                    border-color: #00aea2
                }

            .umb-tree li.root > div:first-child {
                padding: 0
            }

            .umb-tree li.root > div h5,
            .umb-tree li.root > div h6 {
                margin: 0;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .umb-tree-header,
            .umb-tree li.root > div:first-child h5 > a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 20px 0 20px 20px;
                box-sizing: border-box
            }

        .umb-tree * {
            white-space: nowrap
        }

        .umb-tree ul {
            padding: 0;
            margin: 0;
            min-width: 100%;
            width: 100%
        }

            .umb-tree ul.collapsed {
                display: none
            }

        .umb-tree a {
            cursor: pointer;
            outline: none
        }

            .umb-tree a,
            .umb-tree a:hover {
                text-decoration: none
            }

        .umb-tree div {
            padding: 5px 0;
            position: relative;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .umb-tree a.noSpr {
            background-position: 0
        }

        .umb-tree div > a.umb-options {
            visibility: hidden;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto
        }

        .umb-tree div:hover > a.umb-options {
            visibility: visible
        }

        .umb-tree-header,
        .umb-tree li.root > div a,
        .umb-tree li.root h5 {
            color: #303033;
            font-weight: 700;
            font-size: 15px
        }

        .umb-tree ins {
            margin: -4px 0 0 -16px;
            width: 16px;
            height: 16px;
            visibility: hidden;
            text-decoration: none;
            font-size: 12px;
            transition: opacity .12s ease
        }

            .umb-tree ins:hover {
                opacity: .7
            }

        .umb-tree li:hover ins {
            visibility: visible;
            cursor: pointer
        }

        .umb-tree li div {
            padding: 0
        }

        .umb-tree li > div a:not(.umb-options) {
            padding: 6px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }

        .umb-tree li > div:hover a:not(.umb-options) {
            overflow: hidden;
            margin-right: 6px
        }

        .umb-tree .icon {
            vertical-align: middle;
            margin: 0 13px 0 0;
            color: #1e1c1c;
            font-size: 20px
        }

.umb-tree-icon {
    cursor: pointer
}

.umb-tree i.noSpr {
    display: inline-block;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    line-height: 16px
}

.umb-tree div:hover {
    background: #f3f3f5
}

.umb-tree small.search-subtitle {
    color: #bbbabf;
    display: block;
    padding-left: 35px
}

.umb-tree .umb-tree-node-search {
    cursor: pointer
}

.umb-tree div.umb-search-group {
    position: inherit;
    display: inherit
}

    .umb-tree div.umb-search-group:hover {
        background: inherit
    }

    .umb-tree div.umb-search-group h6 {
        padding: 10px 0 10px 20px;
        font-weight: inherit;
        background: #f3f3f5;
        font-size: 14px;
        font-weight: 700
    }

.umb-tree .umb-search-group-item {
    padding-left: 20px
}

.umb-tree .umb-search-group-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400 !important
}

.icon-check:before {
    content: "\e165"
}

.umb-tree .umb-tree-node-checked i[class*=" icon-"],
.umb-tree .umb-tree-node-checked i[class^=icon-] {
    font-family: icomoon !important;
    color: #35c786 !important
}

.umb-tree .umb-tree-node-checked i:before {
    content: "\e165" !important
}

a.umb-options {
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 9px 5px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px
}

    a.umb-options i {
        height: 5px !important;
        width: 5px !important;
        border-radius: 20px;
        background: #000;
        display: inline-block;
        margin: 0 2px 0 0
    }

        a.umb-options i:last-child {
            margin: 0
        }

    a.umb-options:hover {
        background: #e9e9eb;
        border-radius: 3px
    }

li.root > div > a.umb-options {
    top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 5px
}

.hide-header h5,
.hide-options a.umb-options {
    display: none !important
}

.umb-icon-item {
    padding: 2px;
    padding-left: 55px;
    display: block;
    position: relative
}

    .umb-icon-item:hover {
        background: #f3f3f5
    }

    .umb-icon-item i.icon {
        position: absolute;
        top: 8px;
        left: 19px
    }

    .umb-icon-item a:hover div {
        text-decoration: underline
    }

    .umb-icon-item a {
        color: #515054;
        padding-top: 3px;
        height: 15px;
        font-size: 12px;
        text-decoration: none
    }

    .umb-icon-item small {
        color: #a2a1a6;
        font-size: 10px;
        display: block
    }

    .umb-icon-item:hover a.umb-options {
        visibility: visible
    }

    .umb-icon-item .umb-spr {
        float: left
    }

div.not-published > a,
div.not-published > i.icon {
    opacity: .6
}

div.protected:before {
    content: "\e256";
    color: #fe3e39
}

div.has-unpublished-version:before,
div.protected:before {
    font-family: icomoon;
    position: absolute;
    font-size: 20px;
    padding-left: 7px;
    padding-top: 7px;
    bottom: 0
}

div.has-unpublished-version:before {
    content: "\e25a";
    color: #35c786
}

div.not-allowed > a,
div.not-allowed > i.icon {
    cursor: not-allowed
}

.umb-tree li.current > div:before {
    color: #81ded8
}

div.is-container:before {
    content: "\e04e";
    color: #03bfb3;
    font-size: 8px;
    padding-left: 13px;
    padding-top: 8px;
    pointer-events: none
}

div.is-container:before,
div.locked:before {
    font-family: icomoon;
    position: absolute;
    bottom: 0
}

div.locked:before {
    content: "\e0a7";
    color: #fe3e39;
    font-size: 20px;
    padding-left: 7px;
    padding-top: 7px
}

.umb-tree li div.no-access .root-link,
.umb-tree li div.no-access .umb-tree-icon,
.umb-tree li div.no-access .umb-tree-item__label {
    color: #bbbabf;
    cursor: not-allowed
}

.umb-actions {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .umb-actions li.sep {
        display: block;
        border-top: 1px solid #e9e9eb
    }

        .umb-actions li.sep:first-child {
            border-top: none
        }

    .umb-actions a {
        white-space: nowrap;
        display: block;
        font-size: 15px;
        color: #000;
        padding: 9px 25px 9px 20px;
        text-decoration: none;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .umb-actions a:focus,
        .umb-actions a:hover,
        .umb-actions li.selected {
            color: #000 !important;
            background: #f3f3f5 !important
        }

    .umb-actions .menu-label {
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px
    }

    .umb-actions i {
        color: #a2a1a6;
        font-size: 18px;
        vertical-align: middle;
        color: #515054
    }

.umb-actions-child {
    list-style: none;
    display: block;
    margin: 0
}

    .umb-actions-child li {
        display: block
    }

    .umb-actions-child a {
        display: block;
        clear: both;
        text-decoration: none;
        padding-left: 10px
    }

    .umb-actions-child li .menu-label {
        font-size: 14px;
        color: #000;
        margin-left: 10px
    }

        .umb-actions-child li .menu-label small {
            font-size: 12px;
            display: block;
            clear: right;
            line-height: 14px;
            color: #a2a1a6;
            white-space: normal;
            margin-top: 2px
        }

    .umb-actions-child li a:hover .menuLabel small {
        text-decoration: none !important
    }

    .umb-actions-child i {
        font-size: 30px;
        min-width: 30px;
        text-align: center;
        line-height: 24px
    }

    .umb-actions-child li.add {
        margin-top: 20px;
        border-top: 1px solid #d8d7d9;
        padding-top: 20px
    }

        .umb-actions-child li.add i {
            opacity: .4
        }

.umb-tree i.icon.blue {
    color: #2e8aea
}

.umb-tree i.icon.green {
    color: #35c786
}

.umb-tree i.icon.purple {
    color: #413659
}

.umb-tree i.icon.orange {
    color: #df7f48
}

.umb-tree i.icon.red {
    color: #fe3e39
}

.umb-tree li div.l {
    width: 100%;
    height: 1px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0
}

    .umb-tree li div.l div {
        background-color: #00aea2;
        margin-top: 0;
        margin-left: -100%;
        -moz-animation-name: qb;
        -moz-animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -webkit-animation-name: qb;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -ms-animation-name: qb;
        -ms-animation-duration: 1s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        -o-animation-name: qb;
        -o-animation-duration: 1s;
        -o-animation-iteration-count: infinite;
        -o-animationtiming-function: linear;
        animation-name: qb;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        width: 100%;
        height: 1px
    }

.umb-tree .umb-loader {
    height: 10px;
    margin: 10px
}

body.touch .umb-tree ins {
    font-size: 14px;
    visibility: visible;
    padding: 7px
}

body.touch .umb-tree li > div {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 110%
}

body.touch .umb-tree li div.l div {
    padding: 0
}

body.touch .umb-actions a {
    padding: 7px 25px 7px 20px;
    font-size: 110%
}

.umb-listview {
    width: auto !important
}

    .umb-listview .dropdown-menu {
        border: 1px solid #bbbabf;
        border-radius: 0;
        box-shadow: 0 5px 10px transparent
    }

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-submenu:focus > a,
.dropdown-submenu:hover > a {
    color: #000;
    background: #f3f3f5
}

.umb-listview table {
    border: 1px solid #d8d7d9
}

    .umb-listview table caption {
        background: #fff;
        text-align: left;
        vertical-align: middle
    }

.umb-sub-header {
    padding: 0 0 20px
}

    .umb-sub-header .header-content-right {
        float: right
    }

.form-search .inner-addon {
    position: relative
}

    .form-search .inner-addon [class*=" icon-"],
    .form-search .inner-addon [class^=icon-] {
        position: absolute;
        padding: 5px 8px;
        pointer-events: none;
        top: 0
    }

    .form-search .inner-addon input[type=text] {
        width: 190px
    }

.form-search .left-addon [class*=" icon-"],
.form-search .left-addon [class^=icon-] {
    left: 0;
    right: inherit
}

.form-search .right-addon [class*=" icon-"],
.form-search .right-addon [class^=icon-] {
    right: 0;
    left: inherit
}

.form-search .left-addon input[type=text] {
    padding-left: 30px !important;
    padding-right: 6px
}

.form-search .right-addon input[type=text] {
    padding-right: 30px;
    padding-left: 6px !important
}

.umb-listview table form {
    position: relative;
    margin: 0
}

.umb-listview table input[type=text] {
    background: none;
    transition: all .5s;
    width: 60px;
    padding: 4px 0 4px 20px;
    border: 1px solid #d8d7d9
}

.umb-listview table input:-moz-placeholder,
.umb-listview table input:-ms-input-placeholder,
.umb-listview table input::-moz-placeholder,
.umb-listview table input::-webkit-input-placeholder {
    color: #515054
}

.umb-listview table input[type=text]:focus {
    width: 200px;
    border: 1px solid #d8d7d9;
    background: #fff;
    color: #000
}

.umb-listview table thead a {
    cursor: default
}

    .umb-listview table thead a:hover {
        text-decoration: none
    }

    .umb-listview table thead a.sortable {
        cursor: pointer
    }

        .umb-listview table thead a.sortable span:hover {
            text-decoration: underline
        }

.umb-listview .icon-star {
    color: #d8d7d9
}

.umb-listview .selected i.icon,
.umb-listview tbody tr:hover i.icon {
    display: none
}

.umb-listview .selected input[type=checkbox],
.umb-listview tr:hover input[type=checkbox] {
    display: inline-block !important
}

.umb-listview .inactive {
    color: #d8d7d9
}

.umb-listview .selected td {
    font-weight: 700
}

.umb-listview table thead {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff
}

.umb-listview table tfoot {
    background: #f3f3f5
}

    .umb-listview table tfoot td:last-child {
        border-left: none
    }

    .umb-listview table tfoot th {
        padding: 0 20px
    }

.umb-listview .label {
    color: #000;
    text-shadow: none;
    background: #f3f3f5;
    border: 1px solid #d8d7d9;
    font-size: 12px;
    font-weight: 400
}

.umb-listview .table-striped tbody > tr:nth-child(2n) > td,
.umb-listview .table-striped tbody > tr:nth-child(2n) > th {
    background-color: #f3f3f5
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background: none
}

.umb-listview .table-striped tbody td {
    position: relative
}

.umb-listview .table-striped thead input[type=checkbox] {
    margin-left: 7px
}

.umb-listview .table-striped tbody input[type=checkbox] {
    display: none;
    margin-left: 7px;
    z-index: 5
}

.umb-listview .table-striped tbody i {
    display: block;
    top: 10px;
    left: 6px;
    padding: 0 0 0 4px;
    z-index: 6;
    background: #fff;
    width: 20px;
    height: 20px
}

.umb-listview .table-striped tbody > tr:nth-child(2n) > td i,
.umb-listview .table-striped tbody > tr:nth-child(2n) > th i {
    background-color: #f3f3f5
}

.umb-listview .table-striped tbody i:not(.handle):hover {
    display: none !important
}

.list-view-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    background: #f3f3f5;
    margin-bottom: 1px
}

.list-view-layout__sort-handle {
    font-size: 14px;
    color: #d8d7d9;
    margin-right: 15px
}

.list-view-layout__name {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    font-weight: 700;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2em
}

.list-view-layout__name-text {
    margin-right: 3px
}

.list-view-layout__system {
    font-size: 10px;
    font-weight: 400
}

.list-view-layout__path {
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10;
    margin-right: 15px
}

.list-view-layout__icon {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid #d8d7d9;
    background: #fff;
    padding: 6px 8px;
    display: block
}

    .list-view-layout__icon:active,
    .list-view-layout__icon:focus,
    .list-view-layout__icon:hover {
        text-decoration: none
    }

.list-view-layout__remove {
    position: relative;
    cursor: pointer
}

.list-view-add-layout {
    margin-top: 10px;
    color: #00aea2;
    border: 1px dashed #d8d7d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0;
    box-sizing: border-box
}

    .list-view-add-layout:hover {
        text-decoration: none
    }

.mceContentBody {
    overflow-y: hidden !important
}

.usky-grid IFRAME {
    overflow: hidden
}

.usky-grid .ui-sortable-helper {
    position: absolute !important;
    border: 1px dashed #000 !important;
    background: #bbbabf;
    opacity: .4;
    height: 80px !important;
    width: 160px !important;
    overflow: hidden;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 12px 0 rgba(50, 50, 50, .45)
}

    .usky-grid .ui-sortable-helper * {
        border: none !important;
        background: none !important;
        color: #817f85 !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .usky-grid .ui-sortable-helper .cell-tools {
        display: none !important
    }

.usky-grid .ui-sortable-placeholder {
    border: 2px dashed #d8d7d9;
    padding: 20px;
    font-family: icomoon;
    text-align: center;
    font-size: 85px;
    line-height: 65px;
    color: #515054;
    vertical-align: middle;
    background-color: #f3f3f5
}

    .usky-grid .ui-sortable-placeholder:hover {
        border-color: #515054
    }

    .usky-grid .ui-sortable-placeholder:before {
        content: "\e1bd"
    }

.usky-grid-width {
    margin: 20px auto;
    width: 100%
}

.usky-grid .right {
    float: right
}

.usky-grid .tb {
    width: 100%
}

.usky-grid .td {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px dashed hsla(0, 0%, 71%, 0);
    box-sizing: border-box
}

.usky-grid .tb:hover .td {
    border-right: 1px dashed #e9e9eb
}

.usky-grid .td.last {
    border-right: 1px dashed hsla(0, 0%, 71%, 0) !important
}

.usky-grid .middle {
    text-align: center
}

.usky-grid .mainTb {
    border-collapse: separate
}

.usky-grid .mainTd {
    position: relative
}

.usky-grid .usky-row {
    position: relative;
    border: 1px dashed transparent
}

.umb-grid .tb:hover .usky-row {
    border-bottom: 1px dashed hsla(0, 0%, 71%, 0) !important
}

.usky-grid .usky-cell {
    position: relative;
    border: 1px dashed transparent;
    min-height: 127px
}

.usky-grid .cell-tools {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    width: 50px;
    opacity: .3;
    z-index: 50
}

.umb-grid .cell-tools {
    width: 50px !important
}

.usky-grid .cell-tools.with-prompt {
    width: 200px
}

.usky-grid .cell-tools:hover {
    opacity: 1
}

.usky-grid .cell-tools-add {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 45px 1px 0
}

    .usky-grid .cell-tools-add.emptyArea {
        margin: 0 0 1px
    }

.usky-grid .usky-control:hover .cell-tools-add {
    opacity: 1
}

.usky-grid .cell-tools-remove {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 5px;
    text-align: right;
    z-index: 500
}

    .usky-grid .cell-tools-remove .iconBox:hover,
    .usky-grid .cell-tools-remove .iconBox:hover * {
        background: #fe3e39 !important;
        border-color: #fe3e39 !important
    }

.usky-grid .cell-tools-move {
    display: inline-block;
    position: absolute;
    top: 33px;
    right: 5px;
    z-index: 500;
    cursor: move
}

.usky-grid .cell-tools-edit {
    position: absolute;
    top: 66px;
    right: 5px
}

.usky-grid .usky-control {
    position: relative;
    display: block;
    background-clip: padding-box
}

.usky-grid .td.last.warnhighlight,
.usky-grid .warnhighlight {
    border: 1px dashed #fe3e39 !important
}

.usky-grid .infohighlight,
.usky-grid .td.last.infohighlight {
    border: 1px dashed #03bfb3 !important
}

.usky-grid .warnhighlight > ins.item-label {
    border-color: #fe3e39;
    color: #fe3e39
}

.usky-grid .infohighlight > ins.item-label {
    border-color: #03bfb3;
    color: #03bfb3
}

.usky-grid ins.item-label {
    position: absolute;
    top: -22px;
    left: -1px;
    text-decoration: none;
    padding: 0 7px;
    display: none;
    font-size: .8em;
    background-color: #fff;
    color: #d8d7d9;
    border: 1px dashed #d8d7d9;
    border-bottom: 1px solid #fff !important;
    height: 20px;
    overflow: hidden
}

.usky-grid .usky-row-inner > ins.item-label {
    top: -20px;
    left: 0
}

.usky-grid .usky-control-inner.selectedControl,
.usky-grid .usky-row-inner.selectedRow {
    border: 1px dashed #d8d7d9
}

    .usky-grid .usky-control-inner.selectedControl > ins.item-label,
    .usky-grid .usky-row-inner.selectedRow > ins.item-label {
        display: block;
        z-index: 100000
    }

.usky-grid .usky-control-placeholder {
    min-height: 20px;
    position: relative;
    text-align: center;
    text-align: -moz-center;
    cursor: text
}

    .usky-grid .usky-control-placeholder .placeholder {
        font-size: 14px;
        opacity: .7;
        text-align: left;
        padding: 5px;
        border: 1px solid #d8d7d9;
        height: 20px
    }

    .usky-grid .usky-control-placeholder:hover .placeholder {
        border: 1px solid #bbbabf
    }

.usky-grid .usky-editor-placeholder {
    min-height: 65px;
    padding: 20px;
    padding-bottom: 30px;
    position: relative;
    background-color: #fff;
    border: 4px dashed #f3f3f5;
    text-align: center;
    text-align: -moz-center
}

    .usky-grid .usky-editor-placeholder i {
        color: #f3f3f5;
        font-size: 85px;
        line-height: 85px;
        display: block;
        margin-bottom: 10px
    }

.usky-grid textarea.textstring {
    display: block;
    overflow: hidden;
    border: none;
    background: #fff;
    outline: none;
    resize: none;
    color: #515054
}

.usky-grid .usky-cell-rte textarea {
    display: none !important
}

.usky-grid .usky-cell-media .caption {
    display: block;
    overflow: hidden;
    border: none;
    background: #fff;
    outline: none;
    width: 98%;
    resize: none;
    font-style: italic
}

.usky-grid .cellPanelRte {
    min-height: 60px
}

.usky-grid .usky-cell-embed iframe {
    width: 100%
}

.usky-grid .iconBox {
    padding: 4px 6px;
    display: inline-block;
    cursor: pointer;
    border-radius: 200px;
    background: #fff;
    border: 1px solid #bbbabf;
    margin: 2px
}

    .usky-grid .iconBox span.prompt {
        display: block;
        white-space: nowrap;
        text-align: center
    }

        .usky-grid .iconBox span.prompt > a {
            text-decoration: underline
        }

    .usky-grid .iconBox:hover,
    .usky-grid .iconBox:hover * {
        background: #03bfb3 !important;
        color: #fff !important;
        border-color: #03bfb3 !important;
        text-decoration: none
    }

    .usky-grid .iconBox a:hover {
        text-decoration: none;
        color: #fff !important
    }

    .usky-grid .iconBox.selected {
        -webkit-appearance: none;
        background-image: linear-gradient(180deg, #e6e6e6, #bfbfbf);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffe6e6e6", endColorstr="#ffbfbfbf", GradientType=0);
        zoom: 1;
        border-color: #bfbfbf #bfbfbf #999;
        border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
        border-radius: 3px;
        background: transparent
    }

    .usky-grid .iconBox i {
        font-size: 16px !important;
        color: #5f5f5f;
        display: block
    }

.usky-grid ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    text-align: center
}

.usky-grid .help-text {
    background: #f3f3f5;
    color: #515054;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 15px;
    display: inline-block;
    clear: both
}

.usky-grid ul li {
    display: inline-block;
    width: 120px;
    margin: 8px 8px 0
}

.usky-grid .mce-panel {
    border: none !important;
    clear: both
}

.usky-grid .mce-btn button {
    padding: 8px 6px;
    line-height: inherit
}

.usky-grid .mce-toolbar {
    border: 1px solid #d8d7d9;
    background-color: #f3f3f5;
    z-index: 100;
    display: inline-block;
    float: left;
    padding: -1px;
    position: absolute;
    margin: -1px -1px 0;
    box-shadow: 2px 2px 10px 0 rgba(50, 50, 50, .14);
    z-index: 9999999
}

.mce-flow-layout-item {
    margin: 0
}

.usky-grid .mce-panel {
    background: transparent !important
}

.usky-grid .mce-floatpanel {
    background-color: #f3f3f5 !important
}

.usky-cell-rte {
    border: 1px solid #f3f3f5
}

.usky-grid .fullSizeImage {
    width: 100%
}

.usky-grid .boxWidth {
    text-align: right;
    margin-bottom: 10px
}

    .usky-grid .boxWidth input {
        text-align: center;
        width: 40px
    }

    .usky-grid .boxWidth label {
        font-size: 10px;
        padding: 0;
        margin: 5px 5px 0 0;
        color: #817f85
    }

.usky-grid .usky-cell {
    padding-top: 5px;
    padding-bottom: 15px
}

.usky-grid .usky-control {
    margin: 10px 0 0;
    padding: 5px;
    border: 1px dashed transparent
}

.usky-grid .usky-templates-columns {
    margin-top: 30px
}

.usky-grid .usky-control-inner,
.usky-grid .usky-row-inner {
    margin-right: 45px;
    border: 1px dashed transparent
}

.usky-grid .usky-control-inner {
    padding: 5px;
    margin-bottom: 15px;
    min-height: 60px;
    position: relative
}

.usky-grid .uSky-templates {
    text-align: center;
    overflow: hidden;
    width: 100%
}

.usky-grid .uSky-templates-template {
    display: inline-block;
    width: 100px;
    padding-right: 30px;
    margin: 20px
}

    .usky-grid .uSky-templates-template a.tb:hover {
        border: 5px solid #03bfb3
    }

    .usky-grid .uSky-templates-template .tb {
        width: 100%;
        height: 150px;
        padding: 10px;
        background-color: #f3f3f5;
        border: 5px solid #d8d7d9;
        cursor: pointer;
        position: relative
    }

    .usky-grid .uSky-templates-template .tr {
        height: 100%;
        position: relative
    }

    .usky-grid .uSky-templates-template .tb .uSky-templates-column {
        height: 100%;
        border: 1px dashed #d8d7d9;
        border-right: none
    }

        .usky-grid .uSky-templates-template .tb .uSky-templates-column.last {
            border-right: 1px dashed #d8d7d9 !important
        }

.usky-grid a.uSky-templates-column.selected,
.usky-grid a.uSky-templates-column:hover {
    background-color: #03bfb3
}

.usky-grid .templates-preview {
    display: inline-block;
    width: 100%;
    text-align: center
}

    .usky-grid .templates-preview small {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -25px;
        padding-top: 15px
    }

    .usky-grid .templates-preview .help-text {
        margin: 35px 35px 0 0
    }

.usky-grid .preview-rows {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 125px;
    margin: 35px 40px 15px 0;
    border: 2px solid #d8d7d9;
    transition: border .2s linear
}

    .usky-grid .preview-rows.prevalues-rows {
        margin: 0 20px 20px 0;
        width: 80px;
        float: left
    }

    .usky-grid .preview-rows.prevalues-templates {
        margin: 0 20px 20px 0;
        float: left
    }

    .usky-grid .preview-rows:hover {
        border-color: #03bfb3;
        cursor: pointer
    }

    .usky-grid .preview-rows .preview-row {
        display: inline-block;
        width: 100%;
        vertical-align: bottom
    }

    .usky-grid .preview-rows.layout {
        padding: 2px
    }

        .usky-grid .preview-rows.layout .preview-row {
            height: 100%
        }

        .usky-grid .preview-rows.layout .preview-col {
            height: 180px;
            border: 1px dashed #d8d7d9
        }

        .usky-grid .preview-rows.layout .preview-cell {
            background-color: #f3f3f5
        }

        .usky-grid .preview-rows.layout .preview-overlay {
            display: none
        }

    .usky-grid .preview-rows.columns {
        min-height: 18px;
        line-height: 11px;
        padding: 1px
    }

        .usky-grid .preview-rows.columns.prevalues-rows {
            min-height: 30px
        }

    .usky-grid .preview-rows .preview-col {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 33.3%;
        height: 10px;
        margin: 0;
        border: 1px solid #fff
    }

        .usky-grid .preview-rows .preview-col .preview-cell {
            display: block;
            width: 100%;
            height: 100%;
            background-color: #d8d7d9;
            margin: 0 1px 1px 0
        }

    .usky-grid .preview-rows.prevalues-templates .preview-col {
        height: 80px
    }

.usky-grid .preview-overlay {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    box-sizing: border-box;
    left: 0;
    border: 3px solid #fff
}

.usky-grid .cell-tools-menu {
    position: absolute;
    width: 360px;
    height: 380px;
    overflow: auto;
    border: 1px solid #d8d7d9;
    margin-top: -270px;
    margin-left: -150px;
    background: #fff;
    padding: 7px;
    top: 0;
    left: 50%;
    z-index: 6660;
    box-shadow: 3px 3px 12px 0 rgba(50, 50, 50, .45)
}

    .usky-grid .cell-tools-menu h5 {
        border-bottom: 1px solid #d8d7d9;
        color: #a2a1a6;
        padding: 10px;
        margin-top: 0
    }

.usky-grid .elements {
    display: block;
    padding: 0;
    margin: 0
}

    .usky-grid .elements li {
        display: inline-block;
        width: 90px;
        height: 80px;
        margin: 5px;
        padding: 5px;
        overflow: hidden;
        font-size: 12px
    }

        .usky-grid .elements li:hover,
        .usky-grid .elements li:hover * {
            background: #03bfb3;
            color: #fff
        }

    .usky-grid .elements a {
        color: #303033;
        text-decoration: none
    }

    .usky-grid .elements i {
        font-size: 30px;
        line-height: 50px;
        color: #817f85;
        display: block
    }

.usky-grid-configuration .uSky-templates {
    text-align: left
}

.usky-grid-configuration ul {
    display: block
}

    .usky-grid-configuration ul li {
        display: block;
        width: auto;
        text-align: left
    }

.usky-grid-configuration .uSky-templates .uSky-templates-template .tb {
    max-height: 50px;
    border-width: 2px !important;
    padding: 0;
    border-spacing: 2px;
    overflow: hidden
}

.usky-grid-configuration .uSky-templates .uSky-templates-template span {
    background: #d8d7d9;
    display: inline-block
}

.usky-grid-configuration .uSky-templates .uSky-templates-template .tb:hover {
    border-width: 2px !important
}

.usky-grid-configuration .uSky-templates-column {
    display: block;
    float: left;
    margin-left: -1px;
    border: 1px solid #fff !important;
    background: #d8d7d9
}

    .usky-grid-configuration .uSky-templates-column.last {
        margin-right: -1px
    }

    .usky-grid-configuration .uSky-templates-column.add {
        text-align: center;
        font-size: 20px;
        line-height: 70px;
        color: #d8d7d9;
        text-decoration: none;
        background: #fff
    }

.usky-grid-configuration .mainTdpt {
    height: auto;
    border: none
}

.usky-grid-configuration .uSky-templates-rows .uSky-templates-row {
    margin: 0 50px 20px 0;
    width: 60px
}

    .usky-grid-configuration .uSky-templates-rows .uSky-templates-row .tb {
        border-width: 2px !important;
        padding: 0;
        border-spacing: 2px
    }

.usky-grid-configuration .uSky-templates-rows .mainTdpt {
    height: 10px !important
}

.usky-grid-configuration a.uSky-templates-column {
    height: 70px !important
}

body.dragging,
body.dragging * {
    cursor: move !important
}

li.dragged {
    position: absolute;
    opacity: .5;
    z-index: 2000
}

.umb-sort li {
    display: block;
    margin: 5px;
    padding: 5px;
    border: 1px solid #bbbabf;
    background: #f3f3f5
}

.umb-sort .placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none
}

    .umb-sort .placeholder:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        margin-top: -5px;
        left: -5px;
        top: -4px;
        border: 5px solid transparent;
        border-left-color: #fe3e39;
        border-right: none
    }

.umb-dashboards-forms-install {
    background: url(../img/forms/installer-background.png);
    background-repeat: repeat-x;
    position: relative;
    top: -30px;
    padding-top: 30px;
    box-shadow: inset 0 -40px 30px 25px #fff;
    border-radius: 0 0 200px 200px
}

    .umb-dashboards-forms-install small {
        font-size: 14px;
        opacity: .5
    }

    .umb-dashboards-forms-install .umb-loader {
        width: 640px;
        height: 4px
    }

    .umb-dashboards-forms-install .video_player video {
        width: 100%;
        max-width: 640px;
        border: 1px solid #e9e9eb;
        border-left: none;
        border-bottom: none;
        box-sizing: border-box
    }

    .umb-dashboards-forms-install .video_player input[type=range] {
        position: relative;
        z-index: 999;
        max-width: 640px;
        width: 100%;
        margin: 0 auto;
        opacity: 0;
        cursor: pointer
    }

        .umb-dashboards-forms-install .video_player input[type=range]::-ms-fill-lower,
        .umb-dashboards-forms-install .video_player input[type=range]::-ms-fill-upper {
            background: transparent
        }

        .umb-dashboards-forms-install .video_player input[type=range]::-ms-tooltip {
            display: none
        }

    .umb-dashboards-forms-install .video_player .video-controls {
        position: relative;
        max-width: 640px;
        height: 20px;
        margin: -13px auto 40px;
        opacity: .8
    }

    .umb-dashboards-forms-install .video_player .loader {
        display: block;
        width: 100%;
        height: 3px;
        margin-top: -13px;
        background-color: #f3f3f5
    }

    .umb-dashboards-forms-install .video_player .progress-bar {
        display: block;
        box-sizing: border-box;
        max-width: 100%;
        width: 200px;
        height: 100%;
        background: #817f85
    }

    .umb-dashboards-forms-install .video_player .loader,
    .umb-dashboards-forms-install .video_player .progress-bar,
    .umb-dashboards-forms-install .video_player .video-controls {
        transition: all .15s ease-in-out
    }

    .umb-dashboards-forms-install .video_player .progress-bar {
        transition-property: background
    }

    .umb-dashboards-forms-install .video_player .video-controls:hover,
    .umb-dashboards-forms-install .video_player .video_player video:hover + .video-controls {
        margin-top: -19px;
        margin-bottom: 46px;
        opacity: 1
    }

        .umb-dashboards-forms-install .video_player .video-controls:hover .loader,
        .umb-dashboards-forms-install .video_player .video_player video:hover + .video-controls .loader {
            height: 8px
        }

        .umb-dashboards-forms-install .video_player .video-controls:hover .progress-bar,
        .umb-dashboards-forms-install .video_player .video_player video:hover + .video-controls .progress-bar {
            background: #00aea2
        }

    .umb-dashboards-forms-install .forms-install-button .btn {
        padding: 14px 40px
    }

    .umb-dashboards-forms-install .installer-top {
        overflow: hidden;
        margin: 0 auto 30px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .umb-dashboards-forms-install .installer-top .icon,
        .umb-dashboards-forms-install .installer-top h3 {
            display: inline-block
        }

        .umb-dashboards-forms-install .installer-top .icon {
            font-size: 80px
        }

        .umb-dashboards-forms-install .installer-top h3 {
            margin: 0 0 0 20px;
            line-height: 80px;
            font-weight: 700;
            font-size: 36px;
            letter-spacing: -1px
        }

.umb-validation-label {
    position: relative;
    padding: 1px 5px;
    background: #fe3e39;
    color: #fff;
    font-size: 11px;
    line-height: 1.5em
}

    .umb-validation-label:after {
        bottom: 100%;
        left: 10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: hsla(0, 0%, 100%, 0);
        border-bottom-color: #fe3e39;
        border-width: 4px;
        margin-left: -4px
    }

    .umb-validation-label.-arrow-left {
        margin-left: 10px
    }

        .umb-validation-label.-arrow-left:after {
            right: 100%;
            top: 50%;
            left: auto;
            bottom: auto;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: hsla(0, 0%, 100%, 0);
            border-right-color: #fe3e39;
            border-width: 4px;
            margin-top: -4px
        }

.umb-editor-wrapper {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .umb-editor-wrapper,
    .umb-editor-wrapper > form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .umb-editor-wrapper > form {
            height: 100%
        }

.umb-editor-header {
    background: #f3f3f5;
    border-bottom: 1px solid #b3afbd;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 99px;
    flex: 0 0 99px;
    position: relative
}

.umb-editor-header__actions-menu {
    margin-left: auto
}

.umb-editor-container {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.umb-editor-wrapper.-no-footer .umb-editor-container {
    bottom: 0
}

.umb-editor-container.-stop-scrolling {
    overflow: hidden
}

.umb-editor-drawer {
    margin: 0;
    padding: 10px 20px;
    background: #f3f3f5;
    border-top: 1px solid #b3afbd;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 31px;
    flex: 1 0 31px
}

.umb-editor-actions {
    list-style: none;
    margin: 0;
    padding: 0
}

    .umb-editor-actions li {
        display: inline-block
    }

.umb-overlay {
    position: fixed;
    overflow: hidden;
    background: #fff;
    z-index: 7500;
    -webkit-animation: t .2s;
    animation: t .2s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.umb-overlay__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.umb-overlay .umb-overlay-header {
    background: #f3f3f5;
    border-bottom: 1px solid #b3afbd;
    padding: 10px;
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.umb-overlay .umb-overlay__title {
    font-size: 18.75px;
    color: #000;
    font-weight: 700;
    margin: 7px 0
}

.umb-overlay .umb-overlay__subtitle {
    font-size: 12.75px;
    color: #515054;
    margin: 0
}

.umb-overlay .umb-overlay-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: auto
}

.umb-overlay .umb-overlay-drawer {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 31px;
    flex-basis: 31px;
    padding: 10px 20px;
    margin: 0;
    background: #f3f3f5;
    border-top: 1px solid #b3afbd
}

    .umb-overlay .umb-overlay-drawer.-auto-height {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .umb-overlay .umb-overlay-drawer .umb-overlay-drawer__align-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .umb-overlay .umb-overlay-drawer .umb-overlay-drawer-content .dropdown-menu {
        right: 0;
        left: auto
    }

.umb-overlay.umb-overlay-center {
    position: absolute;
    width: 600px;
    height: 500px;
    top: 10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

    .umb-overlay.umb-overlay-center .umb-overlay-header {
        text-align: center
    }

    .umb-overlay.umb-overlay-center .umb-overlay-container {
        padding: 20px
    }

.umb-overlay.umb-overlay-target {
    width: 400px;
    height: 400px;
    box-sizing: border-box
}

    .umb-overlay.umb-overlay-target .umb-overlay-header {
        text-align: center
    }

    .umb-overlay.umb-overlay-target .umb-overlay-container {
        padding: 10px
    }

.umb-overlay.umb-overlay-right {
    width: 500px;
    top: 0;
    right: 0;
    bottom: 0;
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .19), 0 0 6px rgba(0, 0, 0, .23)
}

    .umb-overlay.umb-overlay-right .umb-overlay-header {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        padding: 20px;
        box-sizing: border-box
    }

    .umb-overlay.umb-overlay-right .umb-overlay-container {
        padding: 20px
    }

.umb-overlay.umb-overlay-left {
    width: 500px;
    top: 0;
    left: 0;
    bottom: 0;
    border: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, .19), 0 0 6px rgba(0, 0, 0, .23);
    margin-left: 81px
}

    .umb-overlay.umb-overlay-left .umb-overlay-header {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        padding: 20px;
        box-sizing: border-box
    }

    .umb-overlay.umb-overlay-left .umb-overlay-container {
        padding: 20px
    }

@media (max-width:767px) {
    .umb-overlay.umb-overlay-left {
        margin-left: 61px
    }
}

@media (max-width:500px) {
    .umb-overlay.umb-overlay-left {
        margin-left: 41px;
        width: 59%
    }
}

.umb-overlay__item-details {
    position: absolute;
    left: 0;
    bottom: 51px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #f3f3f5;
    border-bottom: 1px solid #b3afbd
}

.umb-overlay__item-details-title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-overlay__item-details-icon {
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
    color: #a2a1a6
}

.umb-overlay__item-details-title {
    margin-top: 0;
    margin-bottom: 0
}

.umb-overlay__item-details-description {
    margin-top: 10px;
    font-size: 12px
}

.form-horizontal .umb-overlay .control-label,
.umb-overlay .control-label,
.umb-overlay .form-horizontal .control-label {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
    float: none
}

.form-horizontal .umb-overlay .controls,
.umb-overlay .controls-row,
.umb-overlay .form-horizontal .controls {
    margin-left: 0 !important
}

.umb-card {
    position: relative;
    padding: 5px 10px;
    background: #fff
}

    .umb-card .title {
        padding: 12px;
        color: #515054;
        border-bottom: 1px solid #d8d7d9;
        font-weight: 400;
        font-size: 16px;
        text-transform: none;
        margin: 0 -10px 10px
    }

.umb-card-thumb {
    text-align: center
}

    .umb-card-thumb i {
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        color: #2e8aea;
        display: block;
        padding-top: 5px
    }

.umb-card-content .item-title {
    color: #1d1d1d;
    font-weight: 400;
    border: none;
    font-size: 16px;
    text-transform: none;
    margin-bottom: 3px
}

.umb-card-content p {
    color: #515054;
    margin-bottom: 1px
}

.umb-card-actions {
    padding-top: 10px;
    border-top: 1px solid #f3f3f5;
    clear: both
}

.umb-card-icons {
    text-align: center;
    vertical-align: middle;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

    .umb-card-icons.vertical {
        position: absolute;
        top: 7px;
        right: 7px;
        text-align: right;
        width: 1px
    }

    .umb-card-icons li {
        display: inline-block;
        margin: 0 2px
    }

    .umb-card-icons.vertical li {
        float: right;
        display: block;
        margin-bottom: 3px
    }

.umb-card-list {
    display: block;
    padding: 0;
    margin: 0
}

    .umb-card-list li {
        border-bottom: 1px solid #f3f3f5;
        padding-bottom: 3px;
        display: block
    }

.umb-card-grid {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .umb-card-grid li {
        padding: 5px;
        overflow: hidden;
        font-size: 12px;
        text-align: center;
        width: 100px;
        height: 105px;
        box-sizing: border-box
    }

        .umb-card-grid li.-four-in-row {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%
        }

        .umb-card-grid li.-three-in-row {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%
        }

    .umb-card-grid .umb-card-grid-item {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 3px
    }

        .umb-card-grid .umb-card-grid-item:focus,
        .umb-card-grid .umb-card-grid-item:focus > *,
        .umb-card-grid .umb-card-grid-item:hover,
        .umb-card-grid .umb-card-grid-item:hover > * {
            background: #f3f3f5;
            cursor: pointer;
            outline: none;
            border-radius: 3px
        }

    .umb-card-grid a {
        color: #303033;
        text-decoration: none
    }

    .umb-card-grid i {
        font-size: 30px;
        line-height: 50px;
        display: block;
        color: #515054
    }

.umb-btn-round {
    padding: 4px 6px;
    display: inline-block;
    cursor: pointer;
    border-radius: 200px;
    background: #f3f3f5;
    border: 1px solid #a2a1a6;
    margin: 2px
}

    .umb-btn-round:hover,
    .umb-btn-round:hover * {
        background: #03bfb3 !important;
        color: #fff !important;
        border-color: #03bfb3 !important;
        text-decoration: none
    }

    .umb-btn-round a:hover {
        text-decoration: none;
        color: #fff !important
    }

    .umb-btn-round i {
        font-size: 16px !important;
        color: #d8d7d9;
        display: block
    }

    .umb-btn-round.alert:hover,
    .umb-btn-round.alert:hover * {
        background: #fe3e39 !important;
        color: #fff !important;
        border-color: #fe3e39 !important;
        text-decoration: none
    }

    .umb-btn-round.no-border {
        border: none !important;
        background: none !important
    }

.umb-sub-views .umb-sub-views-action-bar {
    margin-bottom: 40px
}

    .umb-sub-views .umb-sub-views-action-bar .btn-link {
        padding-left: 0;
        padding-right: 0
    }

        .umb-sub-views .umb-sub-views-action-bar .btn-link:focus {
            outline: none;
            text-decoration: none
        }

.umb-sub-views .umb-sub-views-nav {
    float: right;
    margin: 0
}

    .umb-sub-views .umb-sub-views-nav .umb-sub-views-nav-item {
        display: inline-block;
        margin-left: 15px
    }

        .umb-sub-views .umb-sub-views-nav .umb-sub-views-nav-item.is-active .btn-link {
            color: #00aea2 !important
        }

.umb-sub-views .umb-sub-views-tools {
    float: left;
    margin: 0
}

    .umb-sub-views .umb-sub-views-tools .umb-sub-views-tool {
        display: inline-block;
        margin-right: 15px
    }

.umb-sub-views-nav {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.umb-sub-views-nav-item {
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
    display: block
}

    .umb-sub-views-nav-item:focus {
        outline: none
    }

    .umb-sub-views-nav-item:focus,
    .umb-sub-views-nav-item:hover {
        text-decoration: none
    }

    .umb-sub-views-nav-item.is-active {
        color: #00aea2
    }

.show-validation .umb-sub-views-nav-item.-has-error {
    color: #fe3e39
}

.umb-sub-views-nav-item .icon {
    font-size: 24px;
    display: block;
    text-align: center
}

.umb-sub-views-nav-item-text {
    font-size: 12px
}

.sub-view-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

    .sub-view-columns h5 {
        margin-top: 0
    }

.sub-view-column-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    margin-right: 70px
}

.sub-view-column-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sub-view-column-section {
    margin-bottom: 20px
}

.umb-editor-sub-header {
    padding: 15px 0;
    margin-bottom: 30px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -30px;
    position: relative;
    top: 0
}

    .umb-editor-sub-header.-umb-sticky-bar {
        box-shadow: 0 5px 0 rgba(0, 0, 0, .08), 0 1px 0 rgba(0, 0, 0, .16);
        transition: box-shadow 1s;
        top: 100px;
        margin-top: 0;
        margin-bottom: 0
    }

.umb-group-builder__property-preview .umb-editor-sub-header {
    display: none
}

.umb-editor-sub-header__content-left {
    margin-right: auto
}

.umb-editor-sub-header__content-right {
    margin-left: auto
}

.umb-editor-sub-header__content-left,
.umb-editor-sub-header__content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.umb-editor-sub-header__section {
    border-left: 1px solid #d8d7d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px
}

.umb-editor-sub-header__content-left .umb-editor-sub-header__section:first-child {
    border-left: none;
    padding-left: 0
}

.umb-editor-sub-header__content-right .umb-editor-sub-header__section {
    border-left: none;
    border-right: 1px solid #d8d7d9
}

    .umb-editor-sub-header__content-right .umb-editor-sub-header__section:last-child {
        border-right: none;
        padding-right: 0
    }

.umb-grid-selector__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.umb-grid-selector__item,
.umb-grid-selector__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-grid-selector__item {
    width: 125px;
    height: 150px;
    padding: 20px;
    background: #f3f3f5;
    border: 1px solid #d8d7d9;
    text-align: center;
    margin: 0 20px 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: t .5s;
    animation: t .5s;
    position: relative;
    border-radius: 3px
}

    .umb-grid-selector__item.-default {
        border-width: 2px
    }

    .umb-grid-selector__item.-placeholder {
        border: 1px dashed #d8d7d9;
        background: none;
        cursor: pointer
    }

.umb-grid-selector__item-content {
    margin-top: 10px
}

.umb-grid-selector__item-icon {
    font-size: 50px;
    color: #d8d7d9;
    display: block;
    line-height: 50px;
    margin-bottom: 15px
}

.umb-grid-selector__item-label {
    font-size: 13px;
    font-weight: 700
}

    .umb-grid-selector__item-label.-blue {
        color: #00aea2
    }

.umb-grid-selector__item-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.umb-grid-selector__item-default-label {
    font-size: 13px;
    color: #515054
}

    .umb-grid-selector__item-add,
    .umb-grid-selector__item-default-label.-blue {
        color: #00aea2
    }

.umb-child-selector__child {
    background: #f3f3f5;
    padding: 5px 15px;
    margin-bottom: 5px;
    min-width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: t .5s;
    animation: t .5s
}

    .umb-child-selector__child.-parent {
        background: #e9e9eb;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .umb-child-selector__child.-placeholder {
        border: 1px dashed #d8d7d9;
        background: none;
        cursor: pointer;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.umb-child-selector__children-container {
    margin-left: 30px
}

.umb-child-selector__child-description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.umb-child-selector__child-icon-holder {
    margin-right: 5px;
    width: 20px;
    text-align: center;
    display: inline-block
}

.umb-child-selector__child-icon {
    font-size: 16px;
    vertical-align: middle
}

.umb-child-selector__child-name {
    font-size: 14px
}

    .umb-child-selector__child-name.-blue {
        color: #00aea2
    }

.umb-child-selector__child-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    text-align: right
}

.umb-child-selector__child-remove {
    cursor: pointer
}

.umb-group-builder__groups {
    list-style: none;
    margin: 0;
    padding: 0
}

.umb-group-builder__group {
    min-height: 86px;
    margin: 50px 0 0;
    border: 2px solid #bbbabf;
    border-radius: 0 10px 10px 10px;
    position: relative;
    padding: 10px 10px 5px;
    box-sizing: border-box
}

    .umb-group-builder__group.-active {
        border-color: #03bfb3
    }

    .umb-group-builder__group.-inherited {
        border-color: #e9e9eb;
        -webkit-animation: t .5s;
        animation: t .5s
    }

    .umb-group-builder__group.-placeholder {
        min-height: 86px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        border: 1px dashed #d8d7d9;
        color: #00aea2;
        font-weight: 700
    }

    .umb-group-builder__group.-sortable {
        min-height: 0;
        cursor: move
    }

.umb-group-builder__group-actions {
    position: absolute;
    top: 5px;
    right: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: 10
}

.umb-group-builder__group-action {
    display: inline-block
}

.umb-group-builder__group-remove {
    position: absolute;
    top: -30px;
    right: 20px;
    font-size: 18px
}

    .umb-group-builder__group-remove:hover {
        cursor: pointer;
        color: #03bfb3
    }

.umb-group-builder__group-title-wrapper {
    position: absolute;
    left: -2px;
    top: -45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .umb-group-builder__group-title-wrapper.-placeholder {
        left: -1px;
        top: -44px
    }

.umb-group-builder__group-title {
    padding: 5px 9px 0;
    height: 38px;
    background: #fff;
    border: 2px solid #bbbabf;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-group-builder__group-title-icon {
    margin-left: 5px
}

.umb-group-builder__group-title.-active {
    border-color: #03bfb3
}

.umb-group-builder__group-title.-placeholder {
    border: 1px dashed #d8d7d9;
    border-bottom: none;
    width: 70px
}

.umb-group-builder__group-title.-inherited {
    border-color: #e9e9eb
}

input.umb-group-builder__group-title-input {
    border-color: transparent;
    background: transparent;
    font-weight: 700;
    color: #515054;
    margin-bottom: 0
}

.umb-group-builder__group-title-input:hover {
    border-color: #bbbabf
}

.umb-group-builder__group-title-input.-placeholder {
    border: 1px dashed #a2a1a6
}

.umb-group-builder__group-inherited-label {
    font-size: 13px;
    color: #d8d7d9;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 10px
}

.umb-group-builder__group-sort-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px
}

.umb-group-builder__properties {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 35px
}

.umb-group-builder__property {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box
}

    .umb-group-builder__property:hover {
        border: 1px dashed #bbbabf
    }

    .umb-group-builder__property.-placeholder {
        background: #fff;
        border: 1px dashed #d8d7d9;
        border-radius: 5px;
        cursor: pointer;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation: t .5s;
        animation: t .5s
    }

    .umb-group-builder__property.-inherited {
        border: transparent;
        -webkit-animation: t .5s;
        animation: t .5s
    }

        .umb-group-builder__property.-inherited:hover {
            border: transparent
        }

    .umb-group-builder__property.-locked {
        border: transparent;
        -webkit-animation: t .5s;
        animation: t .5s
    }

        .umb-group-builder__property.-locked:hover {
            border: transparent
        }

    .umb-group-builder__property.-sortable,
    .umb-group-builder__property.-sortable-locked {
        min-height: 35px;
        border-radius: 5px;
        border: none;
        -webkit-animation: none;
        animation: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .umb-group-builder__property.-sortable {
        background: #e9e9eb;
        color: #1e1c1c;
        cursor: move
    }

    .umb-group-builder__property.-sortable-locked {
        background: #f3f3f5;
        padding-left: 30px
    }

.umb-group-builder__property-meta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 175px;
    flex: 0 0 175px;
    margin-right: 20px
}

    .umb-group-builder__property-meta.-full-width {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.umb-group-builder__property-meta-alias {
    font-size: 10px;
    color: #515054;
    word-break: break-word;
    line-height: 1.5;
    margin-bottom: 5px
}

.umb-group-builder__property-meta-label textarea {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    color: #1e1c1c;
    width: 100%;
    padding: 0;
    min-height: 25px;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
    border-color: transparent;
    background: transparent
}

    .umb-group-builder__property-meta-label textarea.ng-invalid {
        border: none
    }

.umb-group-builder__property-meta-description textarea {
    font-size: 12px;
    line-height: 1.5;
    color: #515054;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    min-height: 25px;
    box-sizing: border-box;
    resize: none;
    overflow: hidden;
    border-color: transparent;
    background: transparent
}

.umb-group-builder__property-preview {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 30px;
    overflow: hidden;
    position: relative;
    padding: 35px 10px 25px;
    background: url(../img/checkered-background-20.png)
}

    .umb-group-builder__property-preview:hover {
        cursor: pointer
    }

    .umb-group-builder__property-preview:focus {
        outline: none
    }

    .umb-group-builder__property-preview.-not-clickable:hover {
        cursor: auto
    }

    .umb-group-builder__property-preview .help-inline {
        display: none !important
    }

.umb-group-builder__property-preview-label {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 15;
    background: #f3f3f5;
    padding: 3px;
    line-height: 12px;
    opacity: .8
}

.umb-group-builder__property-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    text-align: center;
    margin: 15px 0 0 15px
}

.umb-group-builder__property-action {
    margin: 0 0 10px;
    display: block;
    font-size: 18px;
    position: relative;
    cursor: pointer
}

    .umb-group-builder__property-action:hover {
        color: #03bfb3
    }

.umb-group-builder__property-tags {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .umb-group-builder__property-tags.-right {
        right: 0;
        left: auto
    }

.umb-group-builder__property-tag {
    font-size: 12px;
    background-color: #d8d7d9;
    margin-left: 10px;
    padding: 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .umb-group-builder__property-tag:first-child {
        margin-left: 0
    }

    .umb-group-builder__property-tag.-white {
        background-color: #fff
    }

.umb-group-builder__property-tag-icon {
    margin-right: 3px
}

.umb-group-builder__placeholder-box {
    background: #e9e9eb;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #00aea2
}

    .umb-group-builder__placeholder-box.-input {
        height: 10px;
        margin-bottom: 5px
    }

    .umb-group-builder__placeholder-box.-input-small {
        height: 5px;
        margin-bottom: 5px;
        width: 25%
    }

    .umb-group-builder__placeholder-box.-text-full-width {
        height: 3px;
        margin-bottom: 3px
    }

    .umb-group-builder__placeholder-box.-text-short {
        height: 3px;
        margin-bottom: 3px;
        width: 75%
    }

.umb-group-builder__group-sortable-placeholder {
    background: transparent;
    border: 1px dashed #d8d7d9;
    margin: 0 0 70px;
    border-radius: 10px;
    border-radius: 5px
}

.umb-group-builder__property_sortable-placeholder {
    background: transparent;
    border: 1px dashed #d8d7d9;
    margin-bottom: 5px;
    border-radius: 5px
}

.umb-group-builder__no-data-text {
    padding-top: 50px;
    font-size: 16px;
    line-height: 1.8em;
    color: #bbbabf;
    text-align: center
}

.umb-overlay .show-validation .ng-invalid-val-required-component .editor-placeholder {
    border-color: #fe3e39;
    color: #fe3e39
}

.content-type-editor-dialog.edit-property-settings .validation-wrapper {
    position: relative
}

.content-type-editor-dialog.edit-property-settings .validation-label {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 12px;
    color: #fe3e39;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.content-type-editor-dialog.edit-property-settings textarea.editor-label {
    border-color: transparent;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    resize: none;
    line-height: 1.5em;
    padding-left: 0;
    border: none
}

    .content-type-editor-dialog.edit-property-settings textarea.editor-label:focus {
        outline: none;
        box-shadow: none !important
    }

.content-type-editor-dialog.edit-property-settings .editor-placeholder {
    border: 1px dashed #d8d7d9;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    border-radius: 5px;
    color: #515054;
    font-weight: 700;
    font-size: 14px;
    color: #00aea2
}

    .content-type-editor-dialog.edit-property-settings .editor-placeholder:hover {
        text-decoration: none
    }

.content-type-editor-dialog.edit-property-settings .editor {
    margin-bottom: 10px
}

    .content-type-editor-dialog.edit-property-settings .editor .editor-icon-wrapper {
        border: 1px solid #d8d7d9;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
        float: left;
        margin-right: 20px
    }

        .content-type-editor-dialog.edit-property-settings .editor .editor-icon-wrapper .icon {
            font-size: 26px
        }

    .content-type-editor-dialog.edit-property-settings .editor .editor-details {
        float: left;
        margin-top: 10px
    }

        .content-type-editor-dialog.edit-property-settings .editor .editor-details .editor-name {
            display: block;
            font-weight: 700
        }

        .content-type-editor-dialog.edit-property-settings .editor .editor-details .editor-editor {
            display: block;
            font-size: 12px
        }

    .content-type-editor-dialog.edit-property-settings .editor .editor-settings-icon {
        font-size: 18px;
        margin-top: 8px
    }

.content-type-editor-dialog.edit-property-settings .checkbox {
    margin-bottom: 20px
}

.content-type-editor-dialog.edit-property-settings .editor-description,
.content-type-editor-dialog.edit-property-settings .editor-validation-pattern {
    min-width: 100%;
    min-height: 25px;
    resize: none;
    box-sizing: border-box;
    border: none;
    overflow: hidden
}

.content-type-editor-dialog.edit-property-settings .umb-dropdown {
    width: 100%
}

.umb-list-view-settings__box {
    background: #f3f3f5;
    border: 1px solid #bbbabf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: t .5s;
    animation: t .5s;
    padding: 15px;
    position: relative
}

.umb-list-view-settings__trigger {
    margin-bottom: 20px
}

.umb-list-view-settings__box.-open {
    border-bottom: transparent
}

.umb-list-view-settings__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-list-view-settings__list-view-icon {
    font-size: 20px;
    color: #bbbabf;
    margin-right: 10px
}

.umb-list-view-settings__name {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 700;
    float: left
}

.umb-list-view-settings__create-new {
    font-size: 13px;
    color: #00aea2
}

    .umb-list-view-settings__create-new:hover {
        color: #00aea2
    }

.umb-list-view-settings__remove-new {
    font-size: 13px;
    color: #fe3e39
}

.umb-list-view-settings__settings {
    border: 1px dashed #bbbabf;
    border-top: none;
    padding: 20px
}

.umb-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border: 1px solid #d8d7d9;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: auto
}

    .umb-table.umb-table-inactive:before {
        content: "";
        background: hsla(0, 0%, 100%, .75);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        outline: 1px solid hsla(0, 0%, 100%, .75)
    }

    .umb-table a {
        text-decoration: none;
        cursor: pointer
    }

        .umb-table a:focus {
            outline: none;
            text-decoration: none
        }

input.umb-table__input {
    margin: 0 auto
}

.umb-table-head {
    background-color: #f3f3f5;
    font-size: 14px;
    font-weight: 700
}

.umb-table-head__link {
    position: relative;
    cursor: default
}

    .umb-table-head__link,
    .umb-table-head__link:hover {
        text-decoration: none;
        color: #515054
    }

        .umb-table-head__link .sortable:hover {
            text-decoration: none;
            cursor: pointer;
            color: #000
        }

.umb-table-thead__icon {
    position: absolute;
    padding-top: 1px;
    padding-left: 3px;
    font-size: 13px;
    cursor: default
}

.umb-table-thead .sortable:hover {
    cursor: pointer;
    text-decoration: none
}

.umb-table-body {
    position: relative
}

    .umb-table-body .umb-table-row {
        color: #817f85;
        border-top: 1px solid #d8d7d9;
        cursor: pointer;
        font-size: 14px;
        position: relative;
        min-height: 32px
    }

        .umb-table-body .umb-table-row:hover {
            background-color: #f3f3f5
        }

        .umb-table-body .umb-table-row.-solid {
            cursor: default
        }

            .umb-table-body .umb-table-row.-solid:hover {
                background-color: #fff
            }

.umb-table-body__link {
    text-decoration: none
}

    .umb-table-body__link:hover {
        text-decoration: underline
    }

.umb-table-body__icon,
.umb-table-body__icon[class*=" icon-"],
.umb-table-body__icon[class^=icon-] {
    margin: 0 auto;
    font-size: 22px;
    line-height: 22px;
    color: #00aea2
}

.umb-table-body__checkicon,
.umb-table-body__checkicon[class*=" icon-"],
.umb-table-body__checkicon[class^=icon-] {
    display: none;
    font-size: 18px;
    line-height: 22px;
    color: #35c786
}

.umb-table-body .umb-table__name {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.umb-table-body__empty {
    font-size: 16px;
    text-align: center;
    color: #515054;
    padding: 20px 0;
    height: 100%
}

.-selected .umb-table-body__fileicon {
    display: none
}

.-selected .umb-table-body__checkicon {
    display: inline-block
}

.-content .-unpublished .umb-table-body__icon,
.-content .-unpublished .umb-table__name > * {
    opacity: .4
}

.-selected.-unpublished .umb-table-body__icon {
    opacity: 1
}

.umb-table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.umb-table-body .umb-table-row--empty {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0;
    cursor: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

    .umb-table-body .umb-table-row--empty:hover {
        background-color: transparent;
        cursor: auto
    }

.umb-table-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1%;
    flex: 1 1 1%;
    position: relative;
    margin: auto 14px;
    padding: 6px 2px;
    text-align: left;
    overflow: hidden
}

    .umb-table-cell > * {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .umb-table-cell:first-of-type:not(.not-fixed) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        margin: 0 0 0 15px;
        padding: 15px 0
    }

.umb-table-cell--auto-width {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important
}

.umb-table-cell--faded {
    opacity: .4
}

.umb-table__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%
}

.umb-table__loading-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .7);
    z-index: 1
}

.umb-table__row-expand {
    font-size: 12px;
    text-decoration: none;
    color: #000
}

.umb-table__row-expand--hidden {
    visibility: hidden
}

.umb-table--condensed .umb-table-cell:first-of-type:not(.not-fixed) {
    padding-top: 10px;
    padding-bottom: 10px
}

.umb-table--condensed .umb-table-body__icon {
    font-size: 20px
}

.umb_confirm-action__overlay {
    position: absolute;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .umb_confirm-action__overlay.-top {
        top: -50px;
        right: auto;
        bottom: auto;
        left: 0;
        -webkit-animation: A .2s;
        animation: A .2s;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .umb_confirm-action__overlay.-top .umb_confirm-action__overlay-action {
            margin-bottom: 5px
        }

            .umb_confirm-action__overlay.-top .umb_confirm-action__overlay-action.-confirm {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .umb_confirm-action__overlay.-top .umb_confirm-action__overlay-action.-cancel {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

    .umb_confirm-action__overlay.-right {
        top: 0;
        right: -50px;
        bottom: auto;
        left: auto;
        -webkit-animation: w .2s;
        animation: w .2s;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .umb_confirm-action__overlay.-right .umb_confirm-action__overlay-action {
            margin-left: 5px
        }

            .umb_confirm-action__overlay.-right .umb_confirm-action__overlay-action.-confirm {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .umb_confirm-action__overlay.-right .umb_confirm-action__overlay-action.-cancel {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

    .umb_confirm-action__overlay.-bottom {
        top: auto;
        right: auto;
        bottom: -50px;
        left: 0;
        -webkit-animation: u .2s;
        animation: u .2s;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .umb_confirm-action__overlay.-bottom .umb_confirm-action__overlay-action {
            margin-top: 5px
        }

            .umb_confirm-action__overlay.-bottom .umb_confirm-action__overlay-action.-confirm {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .umb_confirm-action__overlay.-bottom .umb_confirm-action__overlay-action.-cancel {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

    .umb_confirm-action__overlay.-left {
        top: 0;
        right: auto;
        bottom: auto;
        left: -50px;
        -webkit-animation: y .2s;
        animation: y .2s;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .umb_confirm-action__overlay.-left .umb_confirm-action__overlay-action {
            margin-right: 5px
        }

            .umb_confirm-action__overlay.-left .umb_confirm-action__overlay-action.-confirm {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .umb_confirm-action__overlay.-left .umb_confirm-action__overlay-action.-cancel {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

.umb_confirm-action__overlay-action {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 40px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    font-size: 18px
}

    .umb_confirm-action__overlay-action:hover {
        text-decoration: none;
        color: #fff
    }

    .umb_confirm-action__overlay-action.-confirm {
        background: #fff;
        color: #35c786 !important
    }

        .umb_confirm-action__overlay-action.-confirm:hover {
            color: #35c786 !important
        }

    .umb_confirm-action__overlay-action.-cancel {
        background: #fff;
        color: #fe3e39 !important
    }

        .umb_confirm-action__overlay-action.-cancel:hover {
            color: #fe3e39 !important
        }

.umb-keyboard-shortcuts-overview__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
    -webkit-animation: t .2s;
    animation: t .2s;
    box-sizing: border-box;
    padding-left: 440px
}

.umb-keyboard-shortcuts-overview__overlay-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 25px;
    border-radius: 20px;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    line-height: 1em
}

    .umb-keyboard-shortcuts-overview__overlay-close:hover {
        background-color: #03bfb3;
        color: #fff;
        text-decoration: none
    }

.umb-keyboard-shortcuts-overview__overlay-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.umb-keyboard-shortcuts-overview__keyboard-shortcuts-group {
    width: 50%;
    margin-bottom: 10px
}

.umb-keyboard-shortcuts-overview__keyboard-shortcuts-group-name {
    margin-bottom: 0
}

.umb-keyboard-shortcuts-overview__keyboard-shortcut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid #d8d7d9
}

    .umb-keyboard-shortcuts-overview__keyboard-shortcut.-no-air {
        padding: 0
    }

    .umb-keyboard-shortcuts-overview__keyboard-shortcut.-no-stroke {
        border-bottom: none
    }

.umb-keyboard-shortcuts-overview__description {
    font-weight: 700;
    font-size: 13px;
    margin-right: 10px
}

.umb-keyboard-keys {
    list-style: none;
    font-size: 12px
}

.umb-keyboard-key-wrapper,
.umb-keyboard-keys {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-keyboard-key-wrapper {
    margin-right: 5px
}

.umb-keyboard-key {
    background: #fff;
    border: 1px solid #d8d7d9;
    color: #515054;
    border-radius: 5px;
    margin-right: 5px;
    padding: 1px 7px
}

.umb-checkbox-list {
    list-style: none;
    margin-left: 0
}

.umb-checkbox-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px
}

    .umb-checkbox-list__item:last-child {
        border-bottom: none
    }

    .umb-checkbox-list__item:hover {
        background-color: #f3f3f5
    }

    .umb-checkbox-list__item.-disabled,
    .umb-checkbox-list__item.-selected {
        background-color: #f3f3f5;
        font-weight: 700
    }

.umb-checkbox-list__item-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    margin-right: 5px
}

.umb-checkbox-list__item-icon {
    margin-right: 5px;
    font-size: 16px
}

.umb-checkbox-list__item-text {
    font-size: 14px;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0
}

    .umb-checkbox-list__item-text.-faded {
        opacity: .5
    }

.umb-checkbox-list__item.-disabled .umb-checkbox-list__item-text {
    cursor: not-allowed
}

.umb-checkbox-list__item-caption {
    font-size: 12px;
    margin-left: 2px
}

.umb-checkbox-list__no-data {
    text-align: center;
    padding-top: 50px;
    color: #bbbabf;
    font-size: 16px;
    line-height: 1.8em
}

.umb-locked-field {
    font-size: 13px;
    color: #bbbabf;
    position: relative;
    display: block
}

.umb-locked-field__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.umb-locked-field__toggle {
    margin-right: 3px
}

    .umb-locked-field__toggle:focus,
    .umb-locked-field__toggle:hover {
        text-decoration: none
    }

.umb-locked-field__lock-icon {
    color: #bbbabf;
    transition: color .25s
}

    .umb-locked-field__lock-icon.-unlocked {
        color: #515054
    }

input.umb-locked-field__input {
    background: hsla(0, 0%, 100%, 0);
    border-color: transparent !important;
    font-size: 13px;
    margin-bottom: 0;
    color: #a2a1a6;
    transition: color .25s;
    padding: 0;
    height: auto
}

    input.umb-locked-field__input:focus {
        box-shadow: none !important
    }

    input.umb-locked-field__input.-unlocked {
        color: #515054
    }

.umb-nav-tabs {
    position: absolute;
    z-index: 10
}

    .umb-nav-tabs.-padding-left {
        padding-left: 20px
    }

.umb-tab-content {
    padding-top: 20px;
    position: relative;
    top: 22px;
    border-top: 1px solid #b3afbd
}

.umb-load-indicator {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0;
    margin-left: -6px;
    margin-top: -6px
}

.umb-load-indicator__bubble {
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    margin: 0;
    height: 6px;
    width: 6px;
    border: 2px solid #00aea2;
    border-radius: 100%;
    -webkit-transform: transformZ(0);
    transform: transformZ(0);
    -webkit-animation: rb 1.4s infinite;
    animation: rb 1.4s infinite
}

    .umb-load-indicator__bubble:nth-child(1n) {
        left: -16px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .umb-load-indicator__bubble:nth-child(2n) {
        left: 0;
        -webkit-animation-delay: .15s;
        animation-delay: .15s
    }

    .umb-load-indicator__bubble:nth-child(3n) {
        left: 16px;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

@-webkit-keyframes rb {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        background: #00aea2
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #fff
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        background: #00aea2
    }
}

@keyframes rb {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        background: #00aea2
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #fff
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        background: #00aea2
    }
}

.umb-breadcrumbs {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.umb-breadcrumbs,
.umb-breadcrumbs__ancestor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-breadcrumbs__ancestor-link,
.umb-breadcrumbs__ancestor-text {
    font-size: 13px;
    color: #515054;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.umb-breadcrumbs__ancestor-link {
    text-decoration: underline
}

    .umb-breadcrumbs__ancestor-link:hover {
        color: #000
    }

.umb-breadcrumbs__seperator {
    position: relative;
    top: 1px;
    margin-left: 5px;
    margin-right: 5px;
    color: #bbbabf
}

input.umb-breadcrumbs__add-ancestor {
    height: 25px;
    margin-top: -2px;
    margin-left: 3px;
    width: 100px
}

.umb-media-grid {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    width: 100%;
    margin-bottom: 30px
}

.umb-media-grid,
.umb-media-grid__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center
}

.umb-media-grid__item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    transition: box-shadow .1s
}

    .umb-media-grid__item.-file {
        background-color: #f3f3f5
    }

    .umb-media-grid__item.-selected {
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .35)
    }

    .umb-media-grid__item:hover {
        text-decoration: none
    }

.umb-media-grid__item-image {
    max-width: 100% !important;
    height: auto;
    position: relative
}

.umb-media-grid__item-image-placeholder {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative
}

.umb-media-grid__image-background {
    content: "";
    background: url(../img/checkered-background.png);
    background-repeat: repeat;
    opacity: .5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.umb-media-grid__item-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 12px;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    background: #413659;
    transition: opacity .15s
}

.umb-media-grid__item.-file .umb-media-grid__item-overlay {
    opacity: 1;
    color: #68676b;
    background: #f3f3f5
}

.umb-media-grid__item.-file.-selected .umb-media-grid__item-overlay,
.umb-media-grid__item.-file:hover .umb-media-grid__item-overlay {
    color: #fff;
    background: #413659
}

.umb-media-grid__info {
    margin-right: 5px
}

.umb-media-grid__item-overlay.-locked,
.umb-media-grid__item:hover .umb-media-grid__item-overlay {
    opacity: 1
}

.umb-media-grid__item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.umb-media-grid__item-icon {
    color: #68676b;
    position: absolute;
    top: 45%;
    left: 50%;
    font-size: 40px !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.umb-media-grid__checkmark {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    background: #35c786;
    border-radius: 50px;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin-left: 7px;
    transition: background .1s
}

.umb-folder-grid,
.umb-media-grid__checkmark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-folder-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px
}

.umb-folder-grid__folder {
    background: #f3f3f5;
    margin: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    border: 1px solid transparent;
    transition: border .2s;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .umb-folder-grid__folder:active,
    .umb-folder-grid__folder:focus {
        text-decoration: none
    }

    .umb-folder-grid__folder:hover {
        text-decoration: none;
        background-color: #e9e9eb
    }

.umb-folder-grid__folder-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-folder-grid__folder-icon,
.umb-folder-grid__folder-icon[class*=" icon-"],
.umb-folder-grid__folder-icon[class^=icon-] {
    font-size: 20px;
    margin-right: 15px;
    color: #000
}

.umb-folder-grid__folder-name {
    font-size: 13px;
    color: #000;
    font-weight: 700
}

    .umb-folder-grid__folder-name:hover {
        text-decoration: underline
    }

.umb-folder-grid__action {
    opacity: 0;
    border: 2px solid #fff;
    width: 26px;
    height: 26px;
    background: #515054;
    border-radius: 50px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin-left: 7px;
    cursor: pointer
}

    .umb-folder-grid__action.-selected {
        opacity: 1;
        background: #35c786
    }

.umb-content-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.umb-content-grid__item {
    background: #f3f3f5;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
    cursor: pointer;
    position: relative;
    margin: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .umb-content-grid__item.-selected {
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .35)
    }

.umb-content-grid__icon-container {
    background: #e9e9eb;
    height: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.umb-content-grid__icon,
.umb-content-grid__icon[class*=" icon-"],
.umb-content-grid__icon[class^=icon-] {
    font-size: 40px;
    color: #a2a1a6
}

    .umb-content-grid__icon.-light {
        color: #d8d7d9
    }

.umb-content-grid__content {
    box-sizing: border-box;
    padding: 15px
}

.umb-content-grid__item-name {
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
    padding-bottom: 10px;
    line-height: 1.4em;
    border-bottom: 1px solid #d8d7d9;
    display: inline-block
}

    .umb-content-grid__item-name:hover {
        text-decoration: underline
    }

    .umb-content-grid__item-name.-light {
        color: #d8d7d9
    }

.umb-content-grid__details-list {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 12px
}

    .umb-content-grid__details-list.-light {
        color: #d8d7d9
    }

.umb-content-grid__details-label {
    font-weight: 700;
    display: inline-block
}

.umb-content-grid__details-value {
    display: inline-block
}

.umb-content-grid__checkmark {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 2px solid #fff;
    width: 26px;
    height: 26px;
    background: #35c786;
    border-radius: 50px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    cursor: pointer
}

.umb-content-grid__item:hover .umb-content-grid__action:not(.-selected) {
    opacity: 1;
    -webkit-animation: t;
    animation: t;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.umb-content-grid__no-items {
    font-size: 16px;
    font-weight: 700;
    color: #d8d7d9;
    padding-top: 50px;
    padding-bottom: 50px
}

.umb-layout-selector {
    display: inline-block;
    position: relative
}

.umb-layout-selector__active-layout {
    box-sizing: border-box;
    border: 1px solid transparent;
    cursor: pointer;
    height: 30px;
    width: 30px;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .umb-layout-selector__active-layout:hover {
        border-color: #d8d7d9
    }

.umb-layout-selector__dropdown {
    position: absolute;
    background: #333;
    z-index: 999;
    background: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%
}

.umb-layout-selector__dropdown,
.umb-layout-selector__dropdown-item {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.umb-layout-selector__dropdown-item {
    margin: 3px 5px;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid transparent;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

    .umb-layout-selector__dropdown-item:hover {
        border: 1px solid #d8d7d9
    }

    .umb-layout-selector__dropdown-item.-active {
        border: 1px solid #2e8aea
    }

.umb-layout-selector__dropdown-item-icon,
.umb-layout-selector__dropdown-item-icon[class*=" icon-"],
.umb-layout-selector__dropdown-item-icon[class^=icon-] {
    font-size: 20px;
    color: #555;
    text-align: center
}

.umb-tooltip {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    font-size: 12px;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation: t;
    animation: t;
    margin-top: 15px
}

.umb-tooltip-list {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding: 10px
}

.umb-tooltip-list__item {
    margin-bottom: 5px
}

    .umb-tooltip-list__item:last-child {
        margin-bottom: 0
    }

.umb-tooltip-list__item-label {
    font-weight: 700;
    margin-bottom: -3px
}

.umb-overlay-backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .5);
    z-index: 2000;
    top: 0;
    left: 0;
    -webkit-animation: t .2s;
    animation: t .2s
}

.umb-grid IFRAME {
    overflow: hidden
}

.umb-grid .ui-sortable-helper {
    position: absolute !important;
    background-color: #03bfb3 !important;
    height: 42px !important;
    width: 42px !important;
    overflow: hidden;
    padding: 5px;
    border-radius: 2px;
    text-align: center;
    font-family: icomoon;
    box-shadow: 3px 3px 12px 0 rgba(50, 50, 50, .45)
}

    .umb-grid .ui-sortable-helper:after {
        line-height: 42px;
        font-size: 22px;
        content: "\e126";
        color: #fff
    }

    .umb-grid .ui-sortable-helper * {
        display: none
    }

    .umb-grid .ui-sortable-helper .cell-tools-add,
    .umb-grid .ui-sortable-helper .umb-row-title-bar {
        display: none !important
    }

.umb-grid .ui-sortable-placeholder {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #03bfb3;
    height: 2px;
    margin-bottom: 20px
}

    .umb-grid .ui-sortable-placeholder:after,
    .umb-grid .ui-sortable-placeholder:before {
        position: absolute;
        top: -9px;
        font-family: icomoon;
        font-size: 18px;
        color: #03bfb3
    }

    .umb-grid .ui-sortable-placeholder:before {
        left: -5px;
        content: "\e0e9"
    }

    .umb-grid .ui-sortable-placeholder:after {
        right: -5px;
        content: "\e0d7"
    }

.umb-grid .umb-cell .ui-sortable-placeholder {
    left: 10px;
    right: 10px
}

.umb-grid-width {
    margin: 20px auto;
    width: 100%
}

.umb-grid .right {
    float: right
}

.umb-grid .tb {
    width: 100%
}

.umb-grid .td {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box
}

.umb-grid .middle {
    text-align: center
}

.umb-grid .mainTd,
.umb-grid .umb-column {
    position: relative
}

.umb-grid .umb-row {
    position: relative;
    margin-bottom: 40px;
    padding-top: 10px
}

.umb-grid .row-tools a {
    text-decoration: none
}

.umb-grid .umb-cell {
    position: relative
}

.umb-grid .umb-cell-content {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 10px;
    border: 1px solid transparent
}

.umb-grid .umb-row .umb-cell-placeholder {
    min-height: 130px;
    background-color: #f3f3f5;
    border: 2px dashed #d8d7d9;
    transition: border-color .1s linear
}

    .umb-grid .umb-row .umb-cell-placeholder:hover {
        border-color: #03bfb3;
        cursor: pointer
    }

.umb-grid .umb-cell-content.-has-editors {
    padding-top: 38px;
    background-color: #fff;
    border: 1px solid #d8d7d9
}

    .umb-grid .umb-cell-content.-has-editors:hover {
        cursor: auto
    }

    .umb-grid .umb-cell-content.-has-editors.-collapsed {
        padding-top: 10px
    }

.umb-grid .cell-tools {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #515054;
    font-size: 16px
}

.umb-grid .cell-tool {
    cursor: pointer;
    float: right
}

    .umb-grid .cell-tool:hover,
    .umb-grid .cell-tools-add {
        color: #00aea2
    }

        .umb-grid .cell-tools-add:focus,
        .umb-grid .cell-tools-add:hover {
            text-decoration: none
        }

        .umb-grid .cell-tools-add.-center {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #00aea2
        }

        .umb-grid .cell-tools-add.-bar {
            display: block;
            background: #f3f3f5;
            text-align: center;
            padding: 5px;
            border: 1px dashed #bbbabf;
            margin: 10px
        }

.umb-grid .cell-tools-remove {
    display: inline-block;
    position: relative
}

    .umb-grid .cell-tools-remove .iconBox:hover,
    .umb-grid .cell-tools-remove .iconBox:hover * {
        background: #fe3e39 !important;
        border-color: #fe3e39 !important
    }

.umb-grid .cell-tools-move {
    display: inline-block
}

.umb-grid .cell-tools-edit {
    display: inline-block;
    color: #fff
}

.umb-grid .drop-overlay {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background: #fff;
    opacity: .9;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.3em;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.drop-overlay.-disable {
    color: #fe3e39
}

.drop-overlay.-allow {
    color: #35c786
}

.umb-grid .drop-overlay .drop-icon {
    font-size: 40px;
    margin-bottom: 20px
}

.umb-grid .umb-control {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px
}

.umb-control-collapsed {
    background-color: #f3f3f5;
    padding: 5px 10px;
    border: 1px solid transparent;
    cursor: move
}

    .umb-control-collapsed:hover {
        border-color: #03bfb3
    }

.umb-grid .umb-control-click-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

    .umb-grid .umb-control-click-overlay:hover {
        background-color: #03bfb3;
        opacity: .1;
        transition: opacity .1s
    }

.umb-grid .umb-row-title-bar {
    padding-left: 10px;
    padding-right: 10px
}

.umb-grid .umb-row-title {
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-right: 6px
}

.umb-grid .row-tools {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    color: #515054
}

.umb-grid .row-tool {
    cursor: pointer
}

.umb-grid .umb-add-row {
    text-align: center
}

.umb-grid .umb-control-placeholder {
    min-height: 20px;
    position: relative;
    text-align: center;
    text-align: -moz-center;
    cursor: text
}

    .umb-grid .umb-control-placeholder .placeholder {
        font-size: 14px;
        opacity: .7;
        text-align: left;
        padding: 5px;
        border: 1px solid #e9e9eb;
        height: 20px
    }

    .umb-grid .umb-control-placeholder:hover .placeholder {
        border: 1px solid #bbbabf
    }

.umb-grid .umb-editor-placeholder {
    min-height: 65px;
    padding: 20px;
    padding-bottom: 30px;
    position: relative;
    background-color: #fff;
    border: 4px dashed #d8d7d9;
    text-align: center;
    text-align: -moz-center;
    cursor: pointer
}

    .umb-grid .umb-editor-placeholder i {
        color: #d8d7d9;
        font-size: 85px;
        line-height: 85px;
        display: block;
        margin-bottom: 10px
    }

.umb-grid .umb-row.-active {
    background-color: #00aea2
}

    .umb-grid .umb-row.-active .umb-row-title-bar {
        cursor: move
    }

    .umb-grid .umb-row.-active .row-tool,
    .umb-grid .umb-row.-active .umb-row-title {
        color: #fff
    }

    .umb-grid .umb-row.-active .umb-grid-has-config {
        color: hsla(0, 0%, 100%, .66)
    }

    .umb-grid .umb-row.-active .umb-cell .umb-grid-has-config {
        color: rgba(0, 0, 0, .44)
    }

    .umb-grid .umb-row.-active .umb-cell .umb-cell-content {
        border-color: transparent
    }

.umb-grid .umb-row.-active-child {
    background-color: #f3f3f5
}

    .umb-grid .umb-row.-active-child .umb-row-title-bar {
        cursor: default
    }

    .umb-grid .umb-row.-active-child .umb-row-title {
        color: #515054
    }

    .umb-grid .umb-row.-active-child .row-tool {
        color: rgba(0, 0, 0, .23)
    }

    .umb-grid .umb-row.-active-child .umb-grid-has-config {
        color: rgba(0, 0, 0, .44)
    }

    .umb-grid .umb-row.-active-child .umb-cell-content.-placeholder {
        border-color: #d8d7d9
    }

        .umb-grid .umb-row.-active-child .umb-cell-content.-placeholder:hover {
            border-color: rgba(85, 85, 85, .44)
        }

.umb-grid .umb-row .umb-cell.-active {
    border-color: #d8d7d9
}

    .umb-grid .umb-row .umb-cell.-active .umb-cell-content.-has-editors {
        box-shadow: 3px 3px 6px rgba(0, 0, 0, .07);
        border-color: #03bfb3
    }

.umb-grid .umb-row .umb-cell.-active-child .cell-tool {
    color: rgba(0, 0, 0, .23)
}

.umb-grid .umb-row .umb-cell.-active-child .umb-cell-content.-has-editors {
    border-color: rgba(113, 136, 160, .44)
}

.umb-grid .umb-grid-right,
.umb-grid .umb-row-title-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-grid .umb-grid-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.umb-grid .umb-tools {
    margin-left: auto
}

.umb-grid-add-more-content {
    text-align: center
}

.umb-grid .newbtn {
    width: auto;
    padding: 6px 15px;
    border-style: solid;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin: 10px auto 20px;
    border-color: #e9e9eb
}

    .umb-grid .newbtn:hover {
        cursor: pointer;
        opacity: .77
    }

.umb-grid textarea.textstring {
    display: block;
    overflow: hidden;
    border: none;
    background: #fff;
    outline: none;
    resize: none;
    color: #515054
}

.umb-grid .umb-cell-rte textarea.mceNoEditor {
    display: none !important
}

.umb-grid .umb-cell-media .caption {
    display: block;
    overflow: hidden;
    border: none;
    background: #fff;
    outline: none;
    width: 98%;
    resize: none;
    font-style: italic
}

.umb-grid .cellPanelRte {
    min-height: 60px
}

.umb-grid .umb-cell-embed iframe {
    width: 100%
}

.umb-grid .umb-cell-rte {
    border-color: transparent
}

.umb-grid .iconBox {
    padding: 4px 6px;
    display: inline-block;
    cursor: pointer;
    border-radius: 200px;
    background: #f3f3f5;
    border: 1px solid #bbbabf;
    margin: 2px
}

    .umb-grid .iconBox:hover,
    .umb-grid .iconBox:hover * {
        background: #03bfb3 !important;
        color: #fff !important;
        border-color: #03bfb3 !important;
        text-decoration: none
    }

    .umb-grid .iconBox span.prompt {
        display: block;
        white-space: nowrap;
        text-align: center
    }

        .umb-grid .iconBox span.prompt > a {
            text-decoration: underline
        }

    .umb-grid .iconBox a:hover {
        text-decoration: none;
        color: #fff !important
    }

    .umb-grid .iconBox.selected {
        -webkit-appearance: none;
        background-image: linear-gradient(180deg, #e6e6e6, #bfbfbf);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffe6e6e6", endColorstr="#ffbfbfbf", GradientType=0);
        zoom: 1;
        border-color: #bfbfbf #bfbfbf #999;
        border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
        border-radius: 3px;
        background: transparent
    }

    .umb-grid .iconBox i {
        font-size: 16px !important;
        color: #515054;
        display: block
    }

.umb-grid .help-text {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    clear: both
}

.umb-grid .mce-panel {
    background: transparent !important;
    border: none !important;
    clear: both
}

.umb-grid .mce-btn button {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 6px;
    line-height: inherit
}

.umb-grid .mce-btn:not(.mce-menubtn) button {
    padding-right: 6px
}

.umb-grid .mce-toolbar {
    border-bottom: 1px solid #d8d7d9;
    background-color: #fafafa;
    display: none
}

.umb-grid .umb-control.-active .mce-toolbar {
    display: block
}

.umb-grid .mce-flow-layout-item {
    margin: 0
}

.umb-grid .mceContentBody {
    overflow-y: hidden !important
}

.umb-grid .fullSizeImage {
    width: 100%
}

.umb-grid .boxWidth {
    text-align: right;
    margin-bottom: 10px
}

    .umb-grid .boxWidth input {
        text-align: center;
        width: 40px
    }

    .umb-grid .boxWidth label {
        font-size: 10px;
        padding: 0;
        margin: 5px 5px 0 0;
        color: #817f85
    }

.umb-grid .umb-control {
    border: 1px solid transparent
}

    .umb-grid .umb-control.-active {
        border-color: #03bfb3
    }

.umb-grid .umb-templates-columns {
    margin-top: 30px
}

.umb-grid .umb-control-inner {
    position: relative
}

.umb-grid .umb-control-bar {
    opacity: 0;
    background: #03bfb3;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    height: 0;
    transition: height 80ms linear, opacity 80ms linear
}

.umb-grid .umb-control-bar,
.umb-grid .umb-control-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-grid .umb-control-title {
    font-weight: 700
}

.umb-grid .umb-control.-active .umb-control-bar {
    opacity: 1;
    height: 25px;
    cursor: move
}

.umb-grid .umb-control-tools {
    display: inline-block;
    margin-left: 10px
}

.umb-grid .umb-control-tool {
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    display: inline-block
}

.umb-grid .umb-templates {
    text-align: center;
    overflow: hidden;
    width: 100%
}

.umb-grid .umb-templates-template {
    display: inline-block;
    width: 100px;
    padding-right: 30px;
    margin: 20px
}

    .umb-grid .umb-templates-template a.tb:hover {
        border: 5px solid #03bfb3
    }

    .umb-grid .umb-templates-template .tb {
        width: 100%;
        height: 150px;
        padding: 10px;
        background-color: #f3f3f5;
        border: 5px solid #d8d7d9;
        cursor: pointer;
        position: relative
    }

    .umb-grid .umb-templates-template .tr {
        height: 100%;
        position: relative
    }

    .umb-grid .umb-templates-template .tb .umb-templates-column {
        height: 100%;
        border: 1px dashed #d8d7d9;
        border-right: none
    }

        .umb-grid .umb-templates-template .tb .umb-templates-column.last {
            border-right: 1px dashed #d8d7d9 !important
        }

.umb-grid a.umb-templates-column.selected,
.umb-grid a.umb-templates-column:hover {
    background-color: #03bfb3
}

.umb-grid .templates-preview {
    display: inline-block;
    width: 100%;
    text-align: center
}

    .umb-grid .templates-preview small {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -25px;
        padding-top: 15px
    }

    .umb-grid .templates-preview .help-text {
        margin: 35px 35px 0 0
    }

.umb-grid .preview-rows {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 125px;
    margin: 15px;
    border: 3px solid #d8d7d9;
    transition: border .1s linear
}

    .umb-grid .preview-rows.prevalues-rows {
        margin: 0 20px 20px 0;
        width: 80px;
        float: left
    }

    .umb-grid .preview-rows.prevalues-templates {
        margin: 0 20px 20px 0;
        float: left
    }

    .umb-grid .preview-rows:hover {
        border-color: #03bfb3;
        cursor: pointer
    }

    .umb-grid .preview-rows .preview-row {
        display: inline-block;
        width: 100%;
        vertical-align: bottom
    }

    .umb-grid .preview-rows.layout {
        padding: 2px
    }

        .umb-grid .preview-rows.layout .preview-row {
            height: 100%
        }

        .umb-grid .preview-rows.layout .preview-col {
            height: 180px
        }

        .umb-grid .preview-rows.layout .preview-cell {
            background-color: #f3f3f5
        }

        .umb-grid .preview-rows.layout .preview-overlay {
            display: none
        }

    .umb-grid .preview-rows.columns {
        min-height: 16px;
        line-height: 11px;
        padding: 1px
    }

        .umb-grid .preview-rows.columns.prevalues-rows {
            min-height: 30px
        }

    .umb-grid .preview-rows .preview-col {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 33.3%;
        height: 10px;
        margin: 0;
        border: 1px solid #fff
    }

        .umb-grid .preview-rows .preview-col .preview-cell {
            display: block;
            width: 100%;
            height: 100%;
            background-color: #d8d7d9;
            margin: 0 1px 1px 0
        }

    .umb-grid .preview-rows.prevalues-templates .preview-col {
        height: 80px
    }

.umb-grid .preview-overlay {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    box-sizing: border-box;
    left: 0;
    border: 3px solid #fff
}

.umb-grid .umb-grid-has-config {
    display: inline;
    font-size: 13px;
    color: #817f85
}

.umb-grid .umb-cell .umb-grid-has-config {
    position: absolute;
    top: 10px;
    left: 10px
}

.umb-grid .cell-tools-menu {
    position: absolute;
    width: 360px;
    height: 380px;
    overflow: auto;
    border: 1px solid #d8d7d9;
    margin-top: -270px;
    margin-left: -150px;
    background: #fff;
    padding: 7px;
    top: 0;
    left: 50%;
    z-index: 6660;
    box-shadow: 3px 3px 12px 0 rgba(50, 50, 50, .45)
}

    .umb-grid .cell-tools-menu h5 {
        border-bottom: 1px solid #d8d7d9;
        color: #817f85;
        padding: 10px;
        margin-top: 0
    }

.umb-grid .elements {
    display: block;
    padding: 0;
    margin: 0
}

    .umb-grid .elements li {
        display: inline-block;
        width: 90px;
        height: 80px;
        margin: 5px;
        padding: 5px;
        overflow: hidden;
        font-size: 12px
    }

        .umb-grid .elements li:hover,
        .umb-grid .elements li:hover * {
            background: #03bfb3;
            color: #fff
        }

    .umb-grid .elements a {
        color: #1e1c1c;
        text-decoration: none
    }

    .umb-grid .elements i {
        font-size: 30px;
        line-height: 50px;
        color: #a2a1a6;
        display: block
    }

.umb-grid-configuration .umb-templates {
    text-align: left
}

.umb-grid-configuration ul {
    display: block
}

    .umb-grid-configuration ul li {
        display: block;
        width: auto;
        text-align: left
    }

.umb-grid-configuration .umb-templates .umb-templates-template .tb {
    max-height: 50px;
    border-width: 2px !important;
    padding: 0;
    border-spacing: 2px;
    overflow: hidden
}

.umb-grid-configuration .umb-templates .umb-templates-template span {
    background: #d8d7d9;
    display: inline-block
}

.umb-grid-configuration .umb-templates .umb-templates-template .tb:hover {
    border-width: 2px !important
}

.umb-grid-configuration .umb-templates-column {
    display: block;
    float: left;
    margin-left: -1px;
    border: 1px solid #fff !important;
    background: #d8d7d9
}

    .umb-grid-configuration .umb-templates-column.last {
        margin-right: -1px
    }

    .umb-grid-configuration .umb-templates-column.add {
        text-align: center;
        font-size: 20px;
        line-height: 70px;
        color: #d8d7d9;
        text-decoration: none;
        background: #fff
    }

.umb-grid-configuration .mainTdpt {
    height: auto;
    border: none
}

.umb-grid-configuration .umb-templates-rows .umb-templates-row {
    margin: 0 50px 20px 0;
    width: 60px
}

    .umb-grid-configuration .umb-templates-rows .umb-templates-row .tb {
        border-width: 2px !important;
        padding: 0;
        border-spacing: 2px
    }

.umb-grid-configuration .umb-templates-rows .mainTdpt {
    height: 10px !important
}

.umb-grid-configuration a.umb-templates-column {
    height: 70px !important
}

.umb-empty-state {
    font-size: 17.25px;
    line-height: 1.8em;
    color: #68676b;
    text-align: center
}

    .umb-empty-state.-small {
        font-size: 12.75px
    }

    .umb-empty-state.-large {
        font-size: 18.75px
    }

    .umb-empty-state.-center {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80%;
        max-width: 400px
    }

.umb-property-editor.-not-clickable {
    pointer-events: none
}

.umb-iconpicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.umb-iconpicker-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    margin-bottom: 0;
    overflow: hidden
}

    .umb-iconpicker-item,
    .umb-iconpicker-item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .umb-iconpicker-item a {
            width: 100%;
            height: 100%;
            padding: 15px 0;
            text-decoration: none;
            border-radius: 3px
        }

            .umb-iconpicker-item a:focus,
            .umb-iconpicker-item a:hover {
                background: #f3f3f5;
                outline: none
            }

            .umb-iconpicker-item a:active {
                background: #f3f3f5
            }

        .umb-iconpicker-item i {
            font-size: 30px
        }

.umb-insert-code-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.umb-insert-code-box {
    border: 2px solid #f3f3f5;
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 3px
}

    .umb-insert-code-box.-selected,
    .umb-insert-code-box:hover {
        border-color: #03bfb3;
        cursor: pointer
    }

.umb-insert-code-box__title {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #000
}

.umb-insert-code-box__description {
    font-size: 13px;
    line-height: 1.6em
}

.umb-insert-code-box__check {
    width: 18px;
    height: 18px;
    background: #f3f3f5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    float: left;
    margin-right: 5px;
    margin-top: 1px
}

.umb-insert-code-box__check--checked {
    background: #35c786;
    color: #fff
}

.umb-packages-view-title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px
}

.umb-packages-view-wrapper {
    padding: 20px 60px
}

@media (max-width:768px) {
    .umb-packages-view-wrapper {
        padding: 0
    }
}

.umb-packages-section {
    margin-bottom: 40px
}

.umb-packages-search {
    width: 100%;
    background: #f3f3f5;
    border-radius: 3px;
    padding: 30px;
    box-sizing: border-box
}

    .umb-packages-search input {
        border-width: 2px;
        border-radius: 3px;
        min-height: 44px;
        padding: 4px 10px;
        font-size: 16px;
        margin-bottom: 0;
        border-color: #d8d7d9
    }

        .umb-packages-search input:focus,
        .umb-packages-search input:hover {
            border-color: #d8d7d9
        }

.umb-packages__pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.umb-packages,
.umb-packages__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-packages {
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.umb-package {
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .umb-package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .umb-package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

@media (min-width:1400px) {
    .umb-package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:1700px) {
    .umb-package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:1900px) {
    .umb-package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
}

@media (min-width:2200px) {
    .umb-package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%
    }
}

.umb-package-link {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 1px solid #e9e9eb;
    border-radius: 3px;
    text-decoration: none !important;
    transition: border-color .1s ease
}

    .umb-package-link:hover {
        border-color: #03bfb3
    }

.umb-package-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 60px
}

    .umb-package-icon img {
        max-width: 70px;
        width: 70px;
        height: auto
    }

.umb-package-info {
    padding: 15px;
    text-align: center;
    background: #f3f3f5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #e9e9eb
}

.umb-package-name {
    font-size: 14px;
    max-width: 250px;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: normal;
    margin-left: auto;
    margin-right: auto
}

.umb-package-description,
.umb-package-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.umb-package-description {
    font-size: 12px;
    color: #68676b;
    word-wrap: break-word;
    line-height: 1.1rem;
    max-width: 100%
}

.umb-package-numbers {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: .6;
    margin-top: 10px
}

    .umb-package-numbers,
    .umb-package-numbers small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .umb-package-numbers small {
            padding: 0 5px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .umb-package-numbers i {
            font-size: 14px
        }

.umb-package-link:hover .umb-package-numbers {
    opacity: 1
}

    .umb-package-link:hover .umb-package-numbers .icon-hearts {
        color: #fe3e39 !important
    }

.umb-package-version {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    padding: 1px 5px;
    background: #d8d7d9;
    border-radius: 3px;
    color: #000
}

.umb-packages-categories {
    -webkit-user-select: center;
    -moz-user-select: center;
    -ms-user-select: center;
    user-select: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.umb-packages-categories,
.umb-packages-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-packages-category {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 25%;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #d8d7d9;
    border-bottom: 1px solid #d8d7d9;
    border-right: 1px solid #d8d7d9;
    padding: 10px 0
}

@media (max-width:768px) {
    .umb-packages-category {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media (max-width:992px) {
    .umb-packages-category {
        border: 1px solid #d8d7d9;
        margin: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: center;
        padding: 10px;
        max-width: 100%;
        border-radius: 3px
    }
}

@media (min-width:1100px) and (max-width:1300px) {
    .umb-packages-category {
        border: 1px solid #d8d7d9;
        margin: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: center;
        padding: 10px;
        max-width: 100%;
        border-radius: 3px
    }
}

.umb-packages-category.-active,
.umb-packages-category:hover {
    text-decoration: none;
    color: #03bfb3
}

.umb-packages-category.-first {
    border-left: 1px solid #d8d7d9;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.umb-packages-category.-last {
    border-right: 1px solid #d8d7d9;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.umb-package-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

a.umb-package-details__back-link {
    font-weight: 700;
    color: #000
}

.umb-package-details__back-link:hover {
    color: #68676b;
    text-decoration: none
}

.umb-package-details__main-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 30px;
    width: calc(100% - 350px - 30px)
}

.umb-package-details__sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px
}

@media (max-width:768px) {
    .umb-package-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .umb-package-details__main-content {
        margin-bottom: 30px;
        margin-right: 0
    }

    .umb-package-details__main-content,
    .umb-package-details__sidebar {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%
    }
}

.umb-package-details__section {
    background: #f3f3f5;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    border: 1px solid #d8d7d9
}

.umb-package-details__section-title {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px
}

.umb-package-details__section-description {
    font-size: 12px;
    line-height: 1.6em;
    margin-bottom: 15px
}

.umb-package-details__information-item {
    margin-bottom: 10px;
    font-size: 13px
}

.umb-package-details__information-item-label {
    color: #000;
    font-weight: 700
}

.umb-package-details__information-item-content {
    word-break: break-word
}

.umb-package-details__information-item-label-2 {
    font-size: 12px;
    color: #68676b
}

.umb-package-details__compatability {
    margin-bottom: 15px
}

.umb-package-details__compatability-label {
    margin-bottom: 3px
}

.umb-package-details__description {
    margin-bottom: 20px;
    line-height: 1.6em;
    word-wrap: break-word
}

    .umb-package-details__description p {
        margin-bottom: 20px
    }

.umb-package-details__link {
    font-weight: 700;
    color: #000
}

    .umb-package-details__link:hover {
        text-decoration: underline
    }

.umb-package-details__owner-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-package-details__owner-profile-avatar {
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.umb-package-details__owner-profile-name {
    font-size: 15px;
    color: #000;
    font-weight: 700
}

.umb-package-details__owner-profile-karma {
    font-size: 12px;
    color: #68676b
}

.umb-gallery__thumbnails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.umb-gallery__thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    border: 1px solid #d8d7d9;
    border-radius: 3px;
    margin: 5px;
    padding: 10px;
    box-sizing: border-box;
    max-width: 100px
}

    .umb-gallery__thumbnail:hover {
        cursor: pointer;
        border-color: #03bfb3
    }

.umb-package-list {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.umb-package-list,
.umb-package-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.umb-package-list__item {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #f3f3f5;
    margin-bottom: 5px;
    border-radius: 3px;
    padding: 15px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-package-list__item-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    margin-right: 20px;
    font-size: 30px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-package-list__item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 20px
}

.umb-package-list__item-name {
    font-size: 16px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 700
}

.umb-package-list__item-description {
    font-size: 14px;
    color: #68676b
}

.umb-package-list__item-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.umb-package-list__item-action {
    font-weight: 700;
    color: #515054
}

    .umb-package-list__item-action:hover {
        text-decoration: none;
        color: #fe3e39
    }

.faded {
    color: #817f85
}

.umb-upload-local__dropzone {
    position: relative;
    width: 500px;
    height: 300px;
    border: 2px dashed #d8d7d9;
    border-radius: 3px;
    background: #f3f3f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    transition: box-shadow .1s ease, border .1s ease
}

    .umb-upload-local__dropzone.drag-over,
    .umb-upload-local__dropzone:hover {
        border-color: #03bfb3;
        border-style: solid;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
        transition: box-shadow .1s ease, border .1s ease
    }

    .umb-upload-local__dropzone i {
        display: block;
        color: #d8d7d9;
        font-size: 110px;
        line-height: 1
    }

.umb-upload-local__select-file {
    font-weight: 700;
    color: #00aea2;
    cursor: pointer
}

    .umb-upload-local__select-file:hover {
        text-decoration: underline
    }

.umb-accept-terms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
}

.umb-package-installer-label .label-text {
    margin-left: 5px
}

.umb-package-installer-label input[type=checkbox],
.umb-package-installer-label input[type=radio] {
    margin-top: 0
}

.umb-package-installer-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.umb-info-local-items,
.umb-package-installer-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-info-local-items {
    border: 2px solid #d8d7d9;
    border-radius: 3px;
    background: #f3f3f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px;
    width: 100%;
    max-width: 540px
}

    .umb-info-local-items a {
        text-decoration: underline
    }

        .umb-info-local-items a:hover {
            text-decoration: none
        }

    .umb-info-local-items .umb-package-icon {
        width: 100%;
        box-sizing: border-box;
        min-height: 150px;
        font-size: 60px
    }

        .umb-info-local-items .umb-package-icon img {
            max-width: 100px
        }

    .umb-info-local-items .umb-package-info {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 40px
    }

.umb-info-local-item {
    margin-bottom: 20px
}

.umb-upload-local__dropzone .umb-info-local-item {
    margin: 20px
}

.umb-lightbox {
    z-index: 5000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.umb-lightbox,
.umb-lightbox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.umb-lightbox__backdrop {
    background: rgba(21, 21, 23, .7)
}

.umb-lightbox__close {
    position: absolute;
    top: 20px;
    right: 60px
}

    .umb-lightbox__close i {
        font-size: 20px;
        cursor: pointer;
        height: 40px;
        width: 40px
    }

.umb-lightbox__images {
    position: relative;
    z-index: 1000
}

.umb-lightbox__image {
    background: #fff;
    border-radius: 3px;
    padding: 10px
}

    .umb-lightbox__image img {
        max-width: 80vw;
        max-height: 80vh
    }

.umb-lightbox__control {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: absolute
}

    .umb-lightbox__control.-next {
        right: 20px
    }

    .umb-lightbox__control.-next,
    .umb-lightbox__control.-prev {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .umb-lightbox__control.-prev {
        left: 20px
    }

.umb-lightbox__control-icon {
    color: #03bfb3;
    font-size: 20px
}

.umb-avatar {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    box-sizing: border-box
}

.umb-avatar--xxs {
    width: 26px;
    height: 26px;
    font-size: 12px
}

.umb-avatar--xs {
    width: 30px;
    height: 30px;
    font-size: 12px
}

.umb-avatar--s {
    width: 40px;
    height: 40px;
    font-size: 14px
}

.umb-avatar--m {
    width: 50px;
    height: 50px;
    font-size: 16px
}

.umb-avatar--l {
    width: 70px;
    height: 70px;
    font-size: 18px
}

.umb-avatar--xl {
    width: 100px;
    height: 100px;
    font-size: 20px
}

.umb-avatar--xxl {
    width: 150px;
    height: 150px;
    font-size: 36px
}

.umb-avatar--white {
    background-color: #fff;
    color: #000
}

.umb-avatar--gray {
    background-color: #f3f3f5;
    color: #000
}

.umb-avatar--primary {
    background-color: #42cfc5;
    color: #fff
}

.umb-avatar--secondary {
    background-color: #b3afbd;
    color: #fff
}

.umb-avatar--success {
    background-color: #4ecf95;
    color: #fff
}

.umb-avatar--warning {
    background-color: #ffd861;
    color: #fff
}

.umb-avatar--danger {
    background-color: #fe6561;
    color: #fff
}

a.umb-avatar-btn {
    cursor: pointer
}

    a.umb-avatar-btn:hover {
        text-decoration: none
    }

    a.umb-avatar-btn .umb-avatar {
        border: 2px dashed #a2a1a6
    }

        a.umb-avatar-btn .umb-avatar span {
            color: #a2a1a6;
            font-size: 50px
        }

.umb-progress-bar {
    background: #d8d7d9;
    width: 100%;
    display: block;
    height: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.umb-progress-bar__progress {
    background: #35c786;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    border-radius: 10px
}

.umb-progress-bar--s {
    height: 5px;
    border-radius: 5px
}

.umb-progress-bar--m {
    height: 10px;
    border-radius: 10px
}

.umb-querybuilder .row {
    font-size: 14px;
    line-height: 14px
}

    .umb-querybuilder .row a.btn {
        padding: 5px 8px;
        margin: 0 5px;
        font-weight: 700;
        background-color: #f3fdfc;
        border: 1px solid #42cfc5;
        border-radius: 3px;
        text-align: center;
        display: inline-block
    }

        .umb-querybuilder .row a.btn:hover {
            background-color: #f3fdfc;
            border: 1px solid #00aea2;
            text-decoration: none
        }

    .umb-querybuilder .row > div {
        padding: 20px 0;
        border-bottom: 1px solid #f3f3f5
    }

.umb-querybuilder .datepicker input {
    width: 90px
}

.umb-querybuilder .query-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .umb-querybuilder .query-items > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 5px
    }

.umb-pagination ul {
    box-shadow: none
}

.umb-mini-list-view__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-mini-list-view__title-text {
    font-size: 16px;
    font-weight: 700
}

.umb-mini-list-view__title-icon {
    font-size: 20px;
    margin-right: 5px
}

.umb-mini-list-view__back {
    font-size: 12px;
    margin-right: 5px;
    color: #68676b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-mini-list-view__back-icon {
    margin-right: 4px;
    height: 11px;
    line-height: 11px
}

.umb-mini-list-view__back-text {
    text-decoration: underline;
    margin-right: 5px
}

.umb-mini-list-view__back:hover {
    opacity: 1;
    text-decoration: none;
    color: #000
}

.umb-mini-list-view--forward-enter,
.umb-mini-list-view--forward-leave {
    transition: all .12s cubic-bezier(.25, .25, .75, .75);
    position: relative;
    display: block
}

.umb-mini-list-view--forward-enter {
    left: 100%
}

    .umb-mini-list-view--forward-enter.umb-mini-list-view--forward-enter-active {
        left: 0;
        opacity: 1
    }

.umb-mini-list-view--forward-leave {
    left: 0
}

    .umb-mini-list-view--forward-leave.umb-mini-list-view--forward-leave-active {
        left: -100%;
        opacity: 0
    }

.umb-mini-list-view--backwards-enter,
.umb-mini-list-view--backwards-leave {
    transition: all .12s cubic-bezier(.25, .25, .75, .75);
    position: relative;
    display: block
}

.umb-mini-list-view--backwards-enter {
    right: 100%
}

    .umb-mini-list-view--backwards-enter.umb-mini-list-view--backwards-enter-active {
        right: 0;
        opacity: 1
    }

.umb-mini-list-view--backwards-leave {
    left: 0
}

    .umb-mini-list-view--backwards-leave.umb-mini-list-view--backwards-leave-active {
        right: -100%;
        opacity: 0
    }

.umb-badge {
    padding: 6px 8px;
    margin: 0 5px 0 0;
    color: #000;
    background-color: #f3fdfc;
    border: 1px solid #03bfb3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.umb-badge--primary {
    background-color: #f3fdfc;
    border-color: #03bfb3
}

.umb-badge--seconday {
    background-color: #f6f3fd;
    border-color: #413659
}

.umb-badge--danger {
    background-color: #ffeceb;
    border-color: #fe3e39
}

.umb-badge--warning {
    background-color: #fffaeb;
    border-color: #ffce38
}

.umb-badge--success {
    background-color: #ebfff6;
    border-color: #35c786
}

.umb-badge--xs {
    font-size: 13px;
    padding: 1px 6px
}

.umb-badge--s {
    font-size: 14px;
    padding: 3px 6px
}

.umb-badge--m {
    font-size: 16px;
    padding: 6px 8px
}

.umb-badge--l {
    font-size: 18px;
    padding: 6px 8px
}

.umb-badge--xl {
    font-size: 20px;
    padding: 6px 8px
}

.nested-content {
    text-align: center
}

.nested-content--not-supported {
    opacity: .3;
    pointer-events: none
}

.nested-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.nested-content__item {
    position: relative;
    text-align: left;
    border-top: 1px solid transparent;
    background: #fff
}

.nested-content__item--active:not(.nested-content__item--single) {
    background: #f8f8f8
}

.nested-content__item.ui-sortable-placeholder {
    background: #f8f8f8;
    border: 1px dashed #d9d9d9;
    visibility: visible !important;
    height: 55px;
    margin-top: -1px
}

.nested-content__item--single > .nested-content__content {
    border: 0
}

    .nested-content__item--single > .nested-content__content > .umb-pane {
        margin: 0
    }

.nested-content__header-bar {
    padding: 15px 20px;
    border-bottom: 1px dashed #e0e0e0;
    text-align: right;
    cursor: pointer;
    background-color: #fff;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.nested-content__heading {
    float: left;
    line-height: 20px
}

    .nested-content__heading i {
        vertical-align: text-top;
        color: #999;
        margin-right: 10px
    }

.nested-content__icons {
    margin: -6px 0;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out
}

.nested-content__header-bar:hover .nested-content__icons,
.nested-content__item--active > .nested-content__header-bar .nested-content__icons {
    opacity: 1
}

.nested-content__icon,
.nested-content__icon.nested-content__icon--disabled:hover {
    display: inline-block;
    padding: 4px 6px;
    margin: 2px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #b6b6b6;
    border-radius: 200px;
    text-decoration: none !important
}

    .nested-content__icon--active,
    .nested-content__icon:hover {
        color: #fff;
        background: #2e8aea;
        border-color: #2e8aea;
        text-decoration: none
    }

    .nested-content__icon .icon,
    .nested-content__icon.nested-content__icon--disabled:hover .icon {
        display: block;
        font-size: 16px !important;
        color: #5f5f5f
    }

    .nested-content__icon--active .icon,
    .nested-content__icon:hover .icon {
        color: #fff
    }

.nested-content__icon--disabled {
    opacity: .3
}

.nested-content__footer-bar {
    text-align: center;
    padding-top: 20px
}

.nested-content__content {
    border-bottom: 1px dashed #e0e0e0
}

    .nested-content__content .umb-control-group {
        padding-bottom: 0
    }

.nested-content__item.ui-sortable-helper .nested-content__content {
    display: none !important
}

.nested-content__help-text {
    display: inline-block;
    padding: 10px 20px;
    clear: both;
    font-size: 14px;
    color: #555;
    background: #f8f8f8;
    border-radius: 15px
}

.nested-content__doctypepicker table input,
.nested-content__doctypepicker table select {
    width: 100%;
    padding-right: 0
}

.nested-content__doctypepicker i.nested-content__help-icon,
.nested-content__doctypepicker table td.icon-navigation {
    vertical-align: middle;
    color: #ccc
}

    .nested-content__doctypepicker i.nested-content__help-icon:hover,
    .nested-content__doctypepicker table td.icon-navigation:hover {
        color: #343434
    }

.nested-content__doctypepicker i.nested-content__help-icon {
    margin-left: 10px
}

.form-horizontal .nested-content--narrow .controls-row {
    margin-left: 40% !important
}

    .form-horizontal .nested-content--narrow .controls-row .umb-textarea,
    .form-horizontal .nested-content--narrow .controls-row .umb-textstring {
        width: 95%
    }

    .form-horizontal .nested-content--narrow .controls-row .umb-dropdown {
        width: 99%
    }

.usky-grid.nested-content__node-type-picker .cell-tools-menu {
    position: relative;
    -webkit-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
}

.umb-checkmark {
    border: 2px solid #fff;
    width: 25px;
    height: 25px;
    background: #bbbabf;
    border-radius: 50%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    font-size: 15px
}

.umb-checkmark--checked {
    background: #35c786
}

.umb-checkmark--xs {
    width: 20px;
    height: 20px;
    font-size: 13px
}

.umb-checkmark--s {
    width: 25px;
    height: 25px
}

.umb-checkmark--m {
    width: 30px;
    height: 30px
}

.umb-checkmark--l {
    width: 40px;
    height: 40px;
    font-size: 18px
}

.umb-checkmark--xl {
    width: 50px;
    height: 50px;
    font-size: 20px
}

.umb-list-item {
    border-bottom: 1px solid #e9e9eb;
    padding-top: 15px;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

a.umb-list-item:focus,
a.umb-list-item:hover {
    text-decoration: none
}

.umb-list-item--disabled {
    cursor: not-allowed;
    opacity: .6
}

.umb-list-item--selected .umb-list-checkbox,
.umb-list-item:hover .umb-list-checkbox {
    opacity: 1
}

.umb-list-checkbox {
    position: absolute;
    opacity: 0
}

.umb-list-checkbox--visible {
    opacity: 1
}

.umb-box {
    border: 1px solid #d8d7d9;
    border-radius: 3px;
    margin-bottom: 30px
}

.umb-box-header {
    padding: 10px 20px;
    background-color: #f3f3f5
}

.umb-box-header-title {
    font-size: 16px;
    color: #000;
    font-weight: 700
}

.umb-box-header-description {
    font-size: 13px;
    color: #515054;
    line-height: 1.6em;
    margin-top: 1px
}

.umb-box-content {
    padding: 20px
}

.umb-button {
    position: relative;
    overflow: hidden;
    display: inline
}

.umb-button__button:focus {
    outline: none
}

.umb-button__button {
    position: relative;
    z-index: 1
}

.umb-button__content {
    opacity: 1;
    transition: opacity .25s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.umb-button__icon {
    margin-right: 5px;
    line-height: 1em
}

.umb-button__content.-hidden {
    opacity: 0
}

.umb-button__progress {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-left: -9px;
    margin-top: -9px;
    z-index: 100;
    border-radius: 40px;
    border: 2px solid #e9e9eb;
    border-left-color: #35c786;
    opacity: 1;
    -webkit-animation: sb .4s linear infinite;
    animation: sb .4s linear infinite;
    transition: opacity .25s ease
}

    .umb-button__progress.-hidden {
        opacity: 0;
        z-index: 0
    }

    .umb-button__progress.-white {
        border-color: hsla(0, 0%, 100%, .4);
        border-left-color: #fff
    }

.umb-button__error,
.umb-button__success {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    font-size: 20px;
    transition: opacity .25s ease
}

    .umb-button__error.-hidden,
    .umb-button__success.-hidden {
        opacity: 0;
        z-index: 0
    }

    .umb-button__error.-white,
    .umb-button__success.-white {
        color: #fff
    }

.umb-button__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #fff;
    opacity: 0
}

@-webkit-keyframes sb {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes sb {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.umb-button--xs {
    padding: 5px 16px;
    font-size: 14px
}

.umb-button--s {
    padding: 6px 16px;
    font-size: 15px
}

.umb-button--m {
    padding: 10px 24px;
    font-size: 15px
}

.umb-button--l {
    padding: 14px 40px;
    font-size: 16px
}

.umb-button--xl {
    padding: 18px 52px;
    font-size: 16px
}

.umb-button--block {
    display: block;
    width: 100%
}

.umb-button-group__toggle {
    padding-left: 8px;
    padding-right: 8px
}

.umb-button-group__sub-buttons.-align-right {
    right: 0;
    left: auto
}

.umb-button-group .umb-button__button {
    border-radius: 3px 0 0 3px
}

.umb-button-group .umb-button-group__toggle {
    border-radius: 0 3px 3px 0
}

.umb-era-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .umb-era-button-group .umb-era-button:first-child {
        padding-right: 15px;
        border-radius: 3px 0 0 3px
    }

    .umb-era-button-group .umb-era-button.umb-button-group__toggle {
        padding-right: 10px;
        padding-left: 10px;
        border-radius: 0 3px 3px 0;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: rgba(0, 0, 0, .1)
    }

        .umb-era-button-group .umb-era-button.umb-button-group__toggle .caret {
            margin: 0
        }

.umb-era-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    height: 38px;
    line-height: 1;
    max-width: 100%;
    padding: 0 18px;
    color: #202129;
    background-color: #edeeee;
    text-decoration: none !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 3px;
    border: 0 none;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 80ms ease, color 80ms ease;
    font-weight: 700
}

    .umb-era-button:active,
    .umb-era-button:hover {
        color: #484848;
        background-color: #e1e2e2;
        outline: none;
        text-decoration: none
    }

    .umb-era-button:focus {
        outline: none
    }

    .umb-era-button.-blue {
        background: #2e8aea;
        color: #fff
    }

        .umb-era-button.-blue:hover {
            background-color: #0064cd
        }

    .umb-era-button.-red {
        background: #fe6561;
        color: #fff
    }

        .umb-era-button.-red:hover {
            background-color: #fe4c48
        }

    .umb-era-button.-green {
        background: #35c786;
        color: #fff
    }

        .umb-era-button.-green:hover {
            background-color: #1fb572
        }

    .umb-era-button.-link {
        padding: 0;
        background: transparent
    }

        .umb-era-button.-link:hover {
            background-color: transparent;
            opacity: .6
        }

    .umb-era-button.-inactive {
        cursor: not-allowed
    }

        .umb-era-button.-inactive,
        .umb-era-button.-inactive:hover {
            color: #bbb;
            background: #eae7e7
        }

    .umb-era-button.-full-width {
        display: block;
        width: 100%
    }

    .umb-era-button.umb-button--s {
        height: 30px;
        font-size: 13px
    }

    .umb-era-button.-white {
        background-color: #fff
    }

        .umb-era-button.-white:hover {
            opacity: .9
        }

    .umb-era-button.-text-black {
        color: #000
    }

    .umb-era-button i {
        margin-right: 5px
    }

.umb-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-toggle__handler {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.umb-toggle__toggle {
    cursor: pointer;
    display: inline-block;
    width: 48px;
    height: 24px;
    background: #d8d7d9;
    border-radius: 90px;
    position: relative
}

.umb-toggle--checked .umb-toggle__toggle {
    background-color: #35c786
}

.umb-toggle--checked .umb-toggle__handler {
    -webkit-transform: translate3d(24px, 0, 0) rotate(0);
    transform: translate3d(24px, 0, 0) rotate(0)
}

.umb-toggle__label {
    font-size: 12px;
    color: #303033
}

.umb-toggle__label--left {
    margin-right: 8px
}

.umb-toggle__label--right {
    margin-left: 8px
}

.umb-toggle__icon {
    position: absolute;
    top: 3px;
    text-decoration: none;
    transition: all .2s ease
}

.umb-toggle__icon--left {
    left: 7px;
    color: #fff
}

.umb-toggle__icon--right {
    right: 7px;
    color: #817f85
}

.umb-notifications {
    z-index: 1000;
    position: absolute;
    bottom: 52px;
    left: 0;
    right: 0;
    border-bottom: none;
    margin: auto;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0
}

.umb-notifications__notifications {
    list-style: none;
    margin: 0;
    position: relative
}

.umb-notifications__notification {
    padding: 5px 20px;
    text-shadow: none;
    font-size: 14px;
    border: none;
    border-radius: 0;
    position: relative;
    margin-bottom: 0
}

    .umb-notifications__notification.-extra-padding {
        padding-top: 20px;
        padding-bottom: 20px
    }

.umb-file-dropzone-directive .dropzone {
    height: 400px;
    width: auto;
    padding: 50px 0;
    border: 1px dashed #d8d7d9;
    text-align: center;
    color: #515054;
    margin: 0 0 20px;
    position: relative;
    transition: height .8s
}

    .umb-file-dropzone-directive .dropzone .illustration {
        width: 300px
    }

    .umb-file-dropzone-directive .dropzone.is-small {
        height: 100px
    }

        .umb-file-dropzone-directive .dropzone.is-small .illustration {
            width: 200px
        }

    .umb-file-dropzone-directive .dropzone.drag-over {
        border: 1px dashed #1e1c1c
    }

.umb-file-dropzone-directive .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.umb-file-dropzone-directive .file-select {
    font-size: 15px;
    color: #00aea2;
    cursor: pointer;
    margin-top: 10px
}

    .umb-file-dropzone-directive .file-select:hover {
        color: #00aea2;
        text-decoration: underline
    }

.umb-file-dropzone-directive .file-list {
    list-style: none;
    margin: 0 0 30px;
    background: #f3f3f5;
    padding: 10px 20px
}

    .umb-file-dropzone-directive .file-list .file {
        display: block;
        width: 100%;
        padding: 5px 0;
        position: relative;
        border-top: 1px solid #d8d7d9
    }

        .umb-file-dropzone-directive .file-list .file:first-child {
            border-top: none
        }

        .umb-file-dropzone-directive .file-list .file.ng-enter {
            -webkit-animation: t .5s;
            animation: t .5s
        }

        .umb-file-dropzone-directive .file-list .file.ng-leave {
            -webkit-animation: C 2s;
            animation: C 2s
        }

        .umb-file-dropzone-directive .file-list .file .file-description {
            color: #515054;
            font-size: 12px;
            width: 100%;
            display: block
        }

        .umb-file-dropzone-directive .file-list .file .file-upload-progress {
            display: block;
            width: 100%
        }

        .umb-file-dropzone-directive .file-list .file .file-icon {
            position: absolute;
            right: 0;
            bottom: 0
        }

            .umb-file-dropzone-directive .file-list .file .file-icon .icon {
                font-size: 20px
            }

                .umb-file-dropzone-directive .file-list .file .file-icon .icon.ng-enter,
                .umb-file-dropzone-directive .file-list .file .file-icon .icon.ng-leave {
                    -webkit-animation: t .5s;
                    animation: t .5s
                }

.umb-file-dropzone-directive .file-progress {
    height: 4px;
    position: relative;
    padding: 2px
}

    .umb-file-dropzone-directive .file-progress .file-progress-indicator {
        display: block;
        height: 100%;
        border-radius: 20px;
        background-color: #35c786;
        position: relative;
        overflow: hidden;
        width: 0
    }

.umb-node-preview {
    padding: 7px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 66.6%;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9eb
}

    .umb-node-preview:last-of-type {
        border-bottom: none;
        margin-bottom: 7px
    }

.umb-node-preview--sortable {
    cursor: move
}

.umb-node-preview--unpublished .umb-node-preview__description,
.umb-node-preview--unpublished .umb-node-preview__icon,
.umb-node-preview--unpublished .umb-node-preview__name {
    opacity: .6
}

.umb-node-preview__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25px;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.umb-node-preview__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 25px;
    overflow: hidden
}

.umb-node-preview__name {
    color: #000;
    margin-top: 3px
}

.umb-node-preview__description {
    font-size: 12px;
    line-height: 1.5em;
    color: #515054
}

.umb-node-preview__description,
.umb-node-preview__name {
    word-wrap: break-word
}

.umb-node-preview__actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-node-preview__action {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #817f85
}

    .umb-node-preview__action:hover {
        color: #03bfb3;
        text-decoration: none;
        opacity: 1
    }

.umb-node-preview__action--red:hover {
    color: #fe3e39
}

.umb-node-preview-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px dashed #bbbabf;
    color: #00aea2;
    font-weight: 700;
    padding: 5px 15px;
    max-width: 66.6%;
    box-sizing: border-box
}

    .umb-node-preview-add:hover {
        color: #00aea2
    }

.umb-modal .umb-node-preview,
.umb-modal .umb-node-preview-add,
.umb-overlay .umb-node-preview,
.umb-overlay .umb-node-preview-add {
    max-width: none
}

.umb-modal .umb-mini-editor .umb-panel-header {
    padding: 20px;
    background: #f3f3f5;
    border-bottom: 1px solid #b3afbd;
    height: 59px
}

    .umb-modal .umb-mini-editor .umb-panel-header .umb-headline {
        margin: 3px 0 0
    }

.umb-modal .umb-mini-editor .umb-panel-body {
    padding-left: 0;
    padding-right: 0
}

    .umb-modal .umb-mini-editor .umb-panel-body.with-footer {
        bottom: 52px
    }

.umb-modal .umb-mini-editor .umb-panel-footer {
    background: #f3f3f5;
    border-top: 1px solid #b3afbd;
    height: 52px;
    padding: 0 20px
}

.umb-modal .umb-mini-editor .umb-editor-sub-header {
    margin-top: 0
}

.umb-user-cards {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px
}

.umb-user-card,
.umb-user-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.umb-user-card {
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

    .umb-user-card:focus,
    .umb-user-card:hover {
        outline: none;
        text-decoration: none !important
    }

@media (min-width:768px) {
    .umb-user-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1200px) {
    .umb-user-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

@media (min-width:1400px) {
    .umb-user-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:1700px) {
    .umb-user-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:1900px) {
    .umb-user-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
}

@media (min-width:2200px) {
    .umb-user-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%
    }
}

.umb-user-card__content {
    position: relative;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #f3f3f5;
    border: 1px solid #e9e9eb;
    border-radius: 3px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    max-width: 100%
}

    .umb-user-card:focus .umb-user-card__content,
    .umb-user-card__content:hover {
        border-color: #03bfb3
    }

.umb-user-card__avatar {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

.umb-user-card__badge {
    position: absolute;
    top: 10px;
    left: 10px
}

.umb-user-card__name {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2px;
    word-wrap: break-word
}

.umb-user-card__checkmark {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none
}

.umb-user-card:hover .umb-user-card__checkmark,
.umb-user-card__checkmark--visible {
    display: block
}

.umb-user-card__group {
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px
}

.umb-user-card__last-login {
    font-size: 13px;
    text-align: center;
    margin-top: auto
}

.umb-user-group-picker-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.umb-user-group-picker-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding: 10px
}

    .umb-user-group-picker-list-item:active,
    .umb-user-group-picker-list-item:focus {
        text-decoration: none
    }

    .umb-user-group-picker-list-item:hover {
        background-color: #f3f3f5;
        text-decoration: none
    }

.umb-user-group-picker-list-item__icon {
    font-size: 20px;
    line-height: 20px;
    min-width: 20px;
    margin-right: 15px
}

.umb-user-group-picker-list-item__name {
    font-size: 15px;
    margin-bottom: 3px;
    font-weight: 700
}

.umb-user-group-picker-list-item__permission {
    font-size: 13px;
    color: #68676b
}

.umb-user-group-preview {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9eb
}

    .umb-user-group-preview:last-of-type {
        border-bottom: none;
        margin-bottom: 10px
    }

.umb-user-group-preview__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25px;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.umb-user-group-preview__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 25px
}

.umb-user-group-preview__name {
    font-size: 15px;
    color: #000;
    margin-bottom: 3px;
    margin-top: 2px
}

.umb-user-group-preview__permission {
    font-size: 13px;
    color: #515054
}

.umb-user-group-preview__actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-user-group-preview__action {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #817f85
}

    .umb-user-group-preview__action:hover {
        color: #03bfb3;
        text-decoration: none;
        opacity: 1
    }

.umb-user-group-preview__action--red:hover {
    color: #fe3e39
}

.umb-user-preview {
    padding-top: 7px;
    padding-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9eb
}

    .umb-user-preview:last-of-type {
        border-bottom: none;
        margin-bottom: 7px
    }

.umb-user-preview__avatar {
    margin-right: 10px
}

.umb-user-preview__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.umb-user-preview__name {
    color: #000;
    margin-bottom: 3px;
    margin-top: 2px
}

.umb-user-preview__actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-user-preview__action {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #817f85
}

    .umb-user-preview__action:hover {
        color: #03bfb3;
        text-decoration: none;
        opacity: 1
    }

.umb-user-preview__action--red:hover {
    color: #fe3e39
}

.umb-user-picker-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.umb-user-picker-list,
.umb-user-picker-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-user-picker-list-item {
    margin-bottom: 5px;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .umb-user-picker-list-item:active,
    .umb-user-picker-list-item:focus {
        text-decoration: none
    }

    .umb-user-picker-list-item:hover {
        background-color: #f3f3f5;
        text-decoration: none
    }

.umb-user-picker-list-item__avatar {
    margin-right: 15px;
    position: relative
}

.umb-user-picker-list-item__checkmark {
    position: absolute;
    bottom: -3px;
    right: -3px
}

.umb-user-picker-list-item__group {
    font-size: 14px;
    color: #817f85
}

.umb-user-picker-list-item__name {
    font-size: 15px;
    font-weight: 700
}

.umb-permission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e9e9eb;
    padding: 7px 0
}

    .umb-permission:last-of-type {
        border-bottom: none
    }

.umb-permission__toggle {
    padding-right: 20px;
    cursor: pointer
}

.umb-permission__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer
}

.umb-permission__description {
    font-size: 13px;
    color: #817f85
}

.dn {
    display: none
}

.di {
    display: inline
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.dit {
    display: inline-table
}

.dt {
    display: table
}

.dtc {
    display: table-cell
}

.dt-row {
    display: table-row
}

.dt-row-group {
    display: table-row-group
}

.dt-column {
    display: table-column
}

.dt-column-group {
    display: table-column-group
}

.dt--fixed {
    table-layout: fixed;
    width: 100%
}

.strike {
    text-decoration: line-through
}

.underline {
    text-decoration: underline
}

.no-underline {
    text-decoration: none
}

.ws-normal {
    white-space: normal
}

.nowrap {
    white-space: nowrap
}

.pre {
    white-space: pre
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.flx-i {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flx-g0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flx-g1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flx-s0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flx-s1 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flx-b0 {
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

.flx-b1 {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.flx-b2 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.flx-b3 {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.flx-b4 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.flx-b5 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.flx-b6 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.flx-b7 {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%
}

.flx-b8 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

.flx-b9 {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%
}

.flx-b10 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.flx-ba {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.m-center {
    margin-left: auto;
    margin-right: auto
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: .25rem
}

.mt2 {
    margin-top: .5rem
}

.mt3 {
    margin-top: 1rem
}

.mt4 {
    margin-top: 2rem
}

.mt5 {
    margin-top: 4rem
}

.mt6 {
    margin-top: 8rem
}

.mt7 {
    margin-top: 16rem
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.w1 {
    width: 1rem
}

.w2 {
    width: 2rem
}

.w3 {
    width: 4rem
}

.w4 {
    width: 8rem
}

.w5 {
    width: 16rem
}

.w-10 {
    width: 10%
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-33 {
    width: 33%
}

.w-34 {
    width: 34%
}

.w-40 {
    width: 40%
}

.w-50 {
    width: 50%
}

.w-60 {
    width: 60%
}

.w-75 {
    width: 75%
}

.w-80 {
    width: 80%
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto
}

.login-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    
}

.login-overlay__background-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.umb-login-container h1.ng-binding {
    display: none !important;
}
.login-overlay__logo {
    position: absolute;
    top: 22px;
    left: 25px;
    z-index: 1
}

.login-overlay .umb-modalcolumn {
    background: none;
    border: none
}

.login-overlay .umb-login-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    box-sizing: border-box
}

@media (max-width:565px) {
    .login-overlay .umb-login-container {
        padding-top: 80px
    }
}

.login-overlay .form {
    box-shadow: 0px 0px 20px #333;
    background: #fff;
    padding: 25px;
    width: 500px;
    margin: auto 25px
}

    .login-overlay .form input[type=email],
    .login-overlay .form input[type=password],
    .login-overlay .form input[type=text] {
        height: 36px;
        padding-left: 10px;
        padding-right: 10px
    }

.login-overlay .btn-success {
    padding: 12px 24px
}

.login-overlay .form label {
    font-weight: 700
}

.login-overlay h1 {
    display: block;
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.login-overlay .alert {
    display: inline-block;
    padding-right: 6px;
    padding-left: 6px;
    margin-top: 10px;
    text-align: center
}

.login-overlay .external-logins form {
    margin-bottom: 20px
}

.login-overlay .btn-social {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0;
    margin-bottom: 5px
}

    .login-overlay .btn-social > :first-child {
        line-height: 36px
    }

.login-overlay .text-error,
.login-overlay .text-info {
    font-weight: 700
}

.password-toggle {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .password-toggle input::-ms-clear,
    .password-toggle input::-ms-reveal {
        display: none
    }

    .password-toggle a {
        opacity: .5;
        cursor: pointer;
        display: inline-block;
        position: absolute;
        height: 1px;
        width: 45px;
        height: 75%;
        font-size: 0;
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: 50%;
        top: 0;
        margin-left: -45px;
        z-index: 1;
        -webkit-tap-highlight-color: transparent
    }

    .password-toggle [type=text] + a {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23444' d='M29.6.4C29 0 28 0 27.4.4L21 6.8c-1.4-.5-3-.8-5-.8C9 6 3 10 0 16c1.3 2.6 3 4.8 5.4 6.5l-5 5c-.5.5-.5 1.5 0 2 .3.4.7.5 1 .5s1 0 1.2-.4l27-27C30 2 30 1 29.6.4zM13 10c1.3 0 2.4 1 2.8 2L12 15.8c-1-.4-2-1.5-2-2.8 0-1.7 1.3-3 3-3zm-9.6 6c1.2-2 2.8-3.5 4.7-4.7l.7-.2c-.4 1-.6 2-.6 3 0 1.8.6 3.4 1.6 4.7l-2 2c-1.6-1.2-3-2.7-4-4.4zM24 13.8c0-.8 0-1.7-.4-2.4l-10 10c.7.3 1.6.4 2.4.4 4.4 0 8-3.6 8-8z'/%3E%3Cpath fill='%23444' d='M26 9l-2.2 2.2c2 1.3 3.6 3 4.8 4.8-1.2 2-2.8 3.5-4.7 4.7-2.7 1.5-5.4 2.3-8 2.3-1.4 0-2.6 0-3.8-.4L10 25c2 .6 4 1 6 1 7 0 13-4 16-10-1.4-2.8-3.5-5.2-6-7z'/%3E%3C/svg%3E")
    }

    .password-toggle [type=password] + a {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23444' d='M16 6C9 6 3 10 0 16c3 6 9 10 16 10s13-4 16-10c-3-6-9-10-16-10zm8 5.3c1.8 1.2 3.4 2.8 4.6 4.7-1.2 2-2.8 3.5-4.7 4.7-3 1.5-6 2.3-8 2.3s-6-.8-8-2.3C6 19.5 4 18 3 16c1.5-2 3-3.5 5-4.7l.6-.2C8 12 8 13 8 14c0 4.5 3.5 8 8 8s8-3.5 8-8c0-1-.3-2-.6-2.6l.4.3zM16 13c0 1.7-1.3 3-3 3s-3-1.3-3-3 1.3-3 3-3 3 1.3 3 3z'/%3E%3C/svg%3E")
    }

.welcome-dashboard__intro {
    margin-top: 20px;
    margin-bottom: 30px
}

.welcome-dashboard__title {
    font-size: 30px;
    color: #303033;
    line-height: 1.3em;
    margin-bottom: 15px;
    font-weight: 700
}

.welcome-dashboard__intro-text,
.welcome-dashboard__title {
    text-align: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.welcome-dashboard__intro-text {
    font-size: 18px;
    line-height: 1.6em
}

.welcome-dashboard__info-box-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.welcome-dashboard__info-box {
    background-color: #f3fdfc;
    border-radius: 3px;
    border: 2px solid transparent;
    padding: 25px;
    text-decoration: none;
    display: block;
    margin: 10px
}

    .welcome-dashboard__info-box:hover {
        border: 2px solid #03bfb3;
        cursor: pointer;
        transition: border-color .15s ease-in-out;
        text-decoration: none
    }

    .welcome-dashboard__info-box:active,
    .welcome-dashboard__info-box:focus {
        text-decoration: none
    }

.welcome-dashboard__info-box-title {
    color: #00aea2;
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 700
}

.welcome-dashboard__info-box-description {
    text-align: center;
    line-height: 1.4em
}

.welcome-dashboard__cards {
    margin-bottom: 30px
}

.welcome-dashboard__card,
.welcome-dashboard__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.welcome-dashboard__card {
    background-color: #f3f3f5;
    border-radius: 3px;
    margin: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.welcome-dashboard__card-image-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 30px;
    max-height: 225px;
    overflow: hidden
}

.welcome-dashboard__card-image {
    cursor: pointer;
    border-radius: 3px 3px 0 0;
    width: 100%
}

.welcome-dashboard__card-image-wrapper + .welcome-dashboard__card-content {
    padding-top: 0
}

.welcome-dashboard__card-content {
    padding: 30px
}

.welcome-dashboard__card-title {
    color: #303033;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.6em
}

.welcome-dashboard__card-teaser {
    font-size: 14px;
    margin-bottom: 15px
}

.umb-editor {
    min-width: 66.6%
}

.umb-editor-tiny {
    width: 60px
}

.umb-editor-small {
    width: 90px
}

.umb-dialog .umb-control-group .help-block,
.umb-dialog .umb-editor,
.umb-modal .umb-editor {
    width: 95%
}

.umb-codeeditor {
    width: 99%
}

.umb-contentpicker li a .hover-show,
.umb-contentpicker li a:hover .hover-hide {
    display: none
}

.umb-contentpicker li a:hover .hover-show {
    display: inline-block
}

.umb-contentpicker-popover .search-holder {
    padding: 10px
}

.umb-contentpicker small:not(:last-child) {
    padding-right: 3px;
    border-right: 1px solid #817f85
}

.umb-contentpicker small a {
    color: #515054
}

div.umb-codeeditor {
    border: 1px solid #d8d7d9
}

    div.umb-codeeditor .umb-el-wrap {
        padding: 0
    }

    div.umb-codeeditor .umb-btn-toolbar {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #d8d7d9;
        background: #f3f3f5
    }

.mce-tinymce {
    border: 1px solid #d8d7d9 !important;
    border-radius: 0 !important
}

.mce-panel {
    background: #f3f3f5 !important;
    border-color: #d8d7d9 !important
}

.mce-btn,
.mce-btn-group {
    border: none !important;
    background: none !important
}

.mce-ico {
    font-size: 12px !important;
    color: #1e1c1c !important
}

    .mce-ico.mce-i-custom[class*=" icon-"],
    .mce-ico.mce-i-custom[class^=icon-] {
        font-family: icomoon;
        font-size: 16px !important
    }

.rte-editor-preval .control-group .controls > div > label .mce-ico {
    line-height: 20px
}

ul.color-picker li {
    padding: 2px;
    margin: 3px;
    border: 2px solid transparent;
    width: 60px
}

    ul.color-picker li.active {
        border: 2px dashed #d8d7d9
    }

    ul.color-picker li a {
        height: 50px;
        display: block;
        cursor: pointer
    }

.control-group.color-picker-preval .thumbnail {
    width: 30px;
    border: none
}

.control-group.color-picker-preval div.color-picker-prediv {
    display: inline-block;
    width: 60%
}

.control-group.color-picker-preval pre {
    display: inline;
    margin-right: 20px;
    margin-left: 10px;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    vertical-align: middle
}

.control-group.color-picker-preval input[type=text] {
    min-width: 40%;
    width: 40%;
    display: inline-block;
    margin-right: 20px;
    margin-top: 1px
}

.control-group.color-picker-preval label {
    border: 1px solid #fff;
    padding: 6px
}

.umb-mediapicker .add-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    text-align: center;
    color: #d8d7d9;
    border: 2px dashed #d8d7d9;
    text-decoration: none;
    transition: all .15s ease-in-out
}

    .umb-mediapicker .add-link:hover {
        color: #00aea2;
        border-color: #03bfb3
    }

.umb-mediapicker .picked-image {
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: .5;
    font-size: 24px;
    color: #fe3e39;
    background: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 15px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    display: none;
    text-decoration: none
}

.umb-mediapicker .add-link-square {
    height: 120px
}

.umb-thumbnails {
    position: relative
}

    .umb-thumbnails i {
        margin: auto
    }

    .umb-thumbnails a {
        outline: none;
        border: none !important;
        box-shadow: none !important
    }

.umb-sortable-thumbnails {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .umb-sortable-thumbnails,
    .umb-sortable-thumbnails li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .umb-sortable-thumbnails li {
            position: relative;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 2px;
            margin: 5px;
            background: #fff;
            border: 1px solid #f3f3f5;
            max-width: 100%
        }

.umb-mediapicker .umb-sortable-thumbnails li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 5px 0 0;
    padding: 5px
}

.umb-sortable-thumbnails li:hover a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.umb-sortable-thumbnails li img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
    background-image: url(../img/checkered-background.png)
}

    .umb-sortable-thumbnails li img.trashed {
        opacity: .3
    }

    .umb-sortable-thumbnails li img.noScale {
        max-width: none !important;
        max-height: none !important
    }

.umb-sortable-thumbnails .umb-icon-holder {
    text-align: center
}

    .umb-sortable-thumbnails .umb-icon-holder .icon {
        font-size: 40px;
        line-height: 50px;
        color: #515054;
        display: block
    }

.umb-sortable-thumbnails .umb-sortable-thumbnails__wrapper {
    width: 120px;
    height: 114px;
    overflow: hidden
}

.umb-sortable-thumbnails .umb-sortable-thumbnails__actions {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    opacity: 0;
    visibility: hidden
}

.umb-sortable-thumbnails li:hover .umb-sortable-thumbnails__actions {
    opacity: 1;
    visibility: visible
}

.umb-sortable-thumbnails .umb-sortable-thumbnails__action {
    font-size: 16px;
    background: #fff;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    color: #1e1c1c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5px;
    text-decoration: none
}

    .umb-sortable-thumbnails .umb-sortable-thumbnails__action.-red {
        color: #fe3e39
    }

    .umb-sortable-thumbnails .umb-sortable-thumbnails__action:hover {
        text-decoration: none
    }

.umb-cropper {
    position: relative
}

    .umb-cropper-gravity img,
    .umb-cropper img {
        position: relative;
        max-width: 100%;
        height: auto;
        top: 0;
        left: 0
    }

    .umb-cropper img {
        max-width: none
    }

    .umb-cropper-gravity .overlay,
    .umb-cropper .overlay {
        top: 0;
        left: 0;
        cursor: move;
        z-index: 499;
        position: absolute
    }

    .umb-cropper .viewport {
        overflow: hidden;
        position: relative;
        margin: auto;
        max-width: 100%;
        height: auto
    }

.umb-cropper-gravity .viewport {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.umb-cropper .viewport:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 498;
    -moz-opacity: .75;
    opacity: .75;
    filter: alpha(opacity=7);
    box-shadow: inset 0 0 0 20px #fff, inset 0 0 0 21px rgba(0, 0, 0, .1), inset 0 0 20px 21px rgba(0, 0, 0, .2)
}

.umb-cropper-gravity .overlay {
    width: 14px;
    height: 14px;
    text-align: center;
    border-radius: 20px;
    background: #03bfb3;
    border: 3px solid #fff;
    opacity: .8
}

    .umb-cropper-gravity .overlay i {
        font-size: 26px;
        line-height: 26px;
        opacity: .8 !important
    }

.umb-cropper .crop-container {
    text-align: center
}

.umb-cropper .crop-slider {
    padding: 10px;
    border-top: 1px solid #f3f3f5;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:769px) {
    .umb-cropper .crop-slider {
        padding: 10px 50px
    }
}

.umb-cropper .crop-slider i {
    color: #515054;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    padding: 0 5px;
    box-sizing: border-box
}

    .umb-cropper .crop-slider i:first-of-type {
        text-align: right
    }

.umb-cropper .crop-slider input {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.umb-cropper-gravity,
.umb-cropper-gravity .viewport,
.umb-cropper-imageholder {
    display: inline-block;
    max-width: 100%
}

.umb-cropper-imageholder {
    float: left
}

.cropList {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.gravity-container .viewport {
    max-width: 600px
}

    .gravity-container .viewport:hover {
        cursor: pointer
    }

.imagecropper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:768px) {
    .imagecropper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        float: left;
        max-width: 100%
    }
}

.imagecropper .umb-cropper__container {
    position: relative;
    margin-bottom: 10px;
    max-width: 100%;
    border: 1px solid #f3f3f5
}

@media (min-width:769px) {
    .imagecropper .umb-cropper__container {
        width: 600px
    }
}

.umb-close-cropper {
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    z-index: 1
}

    .umb-close-cropper:hover {
        opacity: .9;
        background: #f3f3f5
    }

.imagecropper .umb-sortable-thumbnails {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .imagecropper .umb-sortable-thumbnails,
    .imagecropper .umb-sortable-thumbnails li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal
    }

        .imagecropper .umb-sortable-thumbnails li {
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 8px;
            margin-top: 0
        }

            .imagecropper .umb-sortable-thumbnails li.current {
                border-color: #d8d7d9;
                background: #f3f3f5;
                color: #000;
                cursor: pointer
            }

                .imagecropper .umb-sortable-thumbnails li.current:hover,
                .imagecropper .umb-sortable-thumbnails li:hover {
                    border-color: #d8d7d9;
                    background: #f3f3f5;
                    color: #000;
                    cursor: pointer;
                    opacity: .95
                }

            .imagecropper .umb-sortable-thumbnails li .crop-name,
            .imagecropper .umb-sortable-thumbnails li .crop-size {
                display: block;
                text-align: left;
                font-size: 13px;
                line-height: 1
            }

            .imagecropper .umb-sortable-thumbnails li .crop-name {
                font-weight: 700;
                margin: 10px 0 5px
            }

            .imagecropper .umb-sortable-thumbnails li .crop-size {
                font-size: 10px;
                font-style: italic;
                margin: 0 0 5px
            }

.btn-crop-delete {
    display: block;
    text-align: left
}

.umb-folderbrowser .add-link {
    display: inline-block;
    height: 120px;
    width: 120px;
    text-align: center;
    border: 1px dashed #f3f3f5;
    line-height: 120px
}

.umb-upload-drop-zone {
    margin-bottom: 5px
}

    .umb-upload-button-big,
    .umb-upload-drop-zone .info {
        display: block;
        padding: 20px;
        opacity: 1;
        border: 1px dashed #d8d7d9;
        background: none;
        text-align: center;
        font-size: 14px;
        color: #d8d7d9
    }

        .umb-upload-button-big:hover {
            color: #d8d7d9
        }

        .umb-upload-button-big i.icon,
        .umb-upload-drop-zone .info i.icon {
            font-size: 55px;
            line-height: 70px
        }

.umb-upload-button-big {
    display: block
}

    .umb-upload-button-big input {
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%
    }

.umb-photo-folder .picrow {
    overflow-y: hidden;
    position: relative
}

    .umb-photo-folder .picrow div,
    .umb-photo-preview {
        margin: 0;
        padding: 0;
        border: none;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

        .umb-photo-folder .picrow div a:first-child {
            width: 100%;
            height: 100%
        }

        .umb-photo-folder .picrow div.umb-photo {
            width: 100%;
            height: 100%;
            background-color: #f3f3f5
        }

.umb-photo-folder a:hover {
    text-decoration: none
}

.umb-photo-folder .umb-non-thumbnail {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    background: #f3f3f5;
    color: #000;
    text-decoration: none
}

.umb-photo-folder .selector-overlay {
    display: none
}

.umb-photo-folder .pic:hover .selector-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    background: #000;
    z-index: 100;
    display: block;
    text-align: center;
    color: #fff;
    opacity: .4;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.umb-photo-folder .umb-non-thumbnail i {
    color: #d8d7d9;
    font-size: 50px;
    line-height: 60px;
    display: block;
    margin: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.umb-photo-folder .umb-non-thumbnail span {
    position: absolute;
    display: block;
    margin: auto;
    width: 100%;
    top: 20px
}

.umb-photo-folder .selected {
    position: relative
}

    .umb-photo-folder .selected:before {
        content: "\e165";
        font-family: Icomoon;
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-size: 24px;
        color: #000;
        opacity: .5;
        background: #fff;
        line-height: 36px;
        text-align: center;
        border-radius: 15px;
        height: 32px;
        width: 32px;
        overflow: hidden;
        display: block;
        z-index: 100
    }

.umb-fileupload .preview {
    border-radius: 5px;
    border: 1px solid #a2a1a6;
    padding: 3px;
    background: #e9e9eb;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px
}

.umb-fileupload ul {
    list-style: none;
    vertical-align: middle;
    margin-bottom: 0
}

.umb-fileupload label {
    vertical-align: middle;
    padding-left: 7px;
    font-weight: 400
}

.umb-fileupload .preview-file {
    color: #68676b;
    height: 45px;
    width: 55px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    padding-top: 27px
}

.umb-fileupload .file-icon {
    text-align: center;
    display: block;
    position: relative;
    padding: 5px 0
}

    .umb-fileupload .file-icon > .icon {
        font-size: 70px;
        line-height: 110%;
        color: #68676b;
        text-align: center
    }

    .umb-fileupload .file-icon > span {
        color: #fff;
        background: #68676b;
        padding: 1px 3px;
        font-size: 12px;
        line-height: 130%;
        position: absolute;
        top: 45px;
        left: 110px
    }

.umb-fileupload input {
    font-size: 12px;
    line-height: 1
}

.umb-member-group-box {
    width: 45%
}

    .umb-member-group-box:first-child {
        float: left
    }

    .umb-member-group-box:nth-child(2) {
        float: right
    }

.umb-relatedlinks table > tr > td {
    word-wrap: break-word;
    word-break: break-all;
    border-bottom: 1px solid transparent
}

.umb-relatedlinks .handle {
    cursor: move
}

.umb-relatedlinks table > tbody > tr.unsortable .handle {
    cursor: default
}

.umb-relatedlinks table td.col-sort {
    width: 20px
}

.umb-relatedlinks table td.col-caption,
.umb-relatedlinks table td.col-link {
    min-width: 200px
}

.umb-relatedlinks table td.col-actions {
    min-width: 120px
}

.umb-relatedlinks table td.col-caption .control-wrapper,
.umb-relatedlinks table td.col-link .control-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .umb-relatedlinks table td.col-caption .control-wrapper input[type=text],
    .umb-relatedlinks table td.col-link .control-wrapper input[type=text] {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.umb-relatedlinks .sortable-placeholder {
    background-color: #f3f3f5;
    display: table-row
}

    .umb-relatedlinks .sortable-placeholder > td {
        display: table-cell;
        padding: 8px
    }

.umb-relatedlinks .ui-sortable-helper {
    display: table-row;
    background-color: #fff;
    opacity: .7
}

    .umb-relatedlinks .ui-sortable-helper > td {
        display: table-cell;
        border-bottom: 1px solid #d8d7d9
    }

.umb-tags {
    border: 1px solid #f3f3f5;
    padding: 10px;
    font-size: 13px;
    text-shadow: none
}

    .umb-tags .tag {
        cursor: pointer;
        margin: 7px;
        padding: 7px;
        background: #03bfb3
    }

        .umb-tags .tag i {
            padding: 2px
        }

    .umb-tags input {
        border: none;
        background: #fff
    }

.bootstrap-datetimepicker-widget .btn {
    padding: 0
}

.bootstrap-datetimepicker-widget .picker-switch .btn {
    background: none;
    border: none
}

.umb-datepicker .input-append .add-on {
    cursor: pointer
}

.umb-datepicker p {
    margin-top: 10px
}

    .umb-datepicker p a {
        color: #515054
    }

.CodeMirror,
.CodeMirror-scroll {
    height: 100%;
    min-height: 200px
}

.umb-nested-boolean label {
    margin-bottom: 8px;
    float: left;
    width: 320px
}

    .umb-nested-boolean label span {
        float: left;
        width: 80%
    }

    .umb-nested-boolean label input[type=checkbox] {
        margin-right: 10px;
        float: left
    }

.tt-hint,
.tt-query,
.typeahead {
    z-index: auto !important;
    margin-top: -4px !important;
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #d8d7d9;
    border-radius: 2px !important;
    outline: none
}

.typeahead {
    background-color: #fff
}

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.tt-hint {
    color: #d8d7d9 !important
}

.tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #d8d7d9;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer
}

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #03bfb3
    }

    .tt-suggestion p {
        margin: 0
    }

* {
    -ms-touch-action: none
}

.ace_editor {
    height: 200px
}

.nounderline {
    text-decoration: none !important
}

    .nounderline:hover {
        text-decoration: underline !important
    }

    .nounderline * {
        text-decoration: none !important;
        border: none
    }

.ui-sortable-placeholder {
    margin-left: 0 !important
}

.controls-row img {
    max-width: none
}

.thumbnail {
    border-radius: 0
}

    .thumbnail img {
        max-width: 100% !important;
        width: 100%
    }

#mapCanvas img {
    max-width: none !important
}

.btn-group .dropdown-backdrop {
    display: none
}

.content-column-body,
iframe {
    background: 50% url(../img/loader.gif) no-repeat;
    border: none
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-300px) scale(4);
        transform: translate(-300px) scale(4);
        font-size: 23px;
        direction: ltr;
        cursor: pointer
    }

.legacy-custom-file {
    width: 16px;
    height: 16px;
    min-width: 20px;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat
}

.icon-chevron-up:before {
    content: "\e128"
}

.icon-chevron-down:before {
    content: "\e0c9"
}

.pa-umb-overlay {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .pa-umb-overlay + .pa-umb-overlay {
        padding-top: 30px;
        border-top: 1px solid #d8d7d9
    }

.pa-select-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 15px
}

    .pa-select-type label {
        padding: 0 20px
    }

.pa-access-header {
    font-weight: 700;
    margin: 0 0 3px;
    padding-bottom: 0
}

.pa-access-description {
    color: #bbbabf;
    margin: 0
}

.pa-validation-message {
    padding: 6px 12px !important;
    margin: 5px 0 0 !important;
    display: inline-block
}

.pa-select-pages label {
    margin: 0;
    font-size: 15px
}

    .pa-select-pages label + .controls-row {
        padding-top: 0
    }

.pa-select-pages .umb-detail {
    font-size: 13px;
    margin: 2px 0 5px
}

.pa-choose-page a {
    color: #00aea2;
    font-size: 15px
}

    .pa-choose-page a:active,
    .pa-choose-page a:focus,
    .pa-choose-page a:hover {
        color: #00aea2;
        text-decoration: none
    }

    .pa-choose-page a:before {
        content: "+";
        margin-right: 3px;
        font-weight: 700
    }

.pa-choose-page .treePickerTitle {
    font-weight: 700;
    font-size: 13px;
    font-style: italic;
    background: #f3f3f5;
    padding: 3px 5px;
    color: #817f85;
    border-bottom: none
}

.pa-form + .pa-form {
    margin-top: 10px
}

code {
    border-radius: 3px
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-family: Monaco, Menlo, Consolas, Courier New, monospace;
    font-size: 14px;
    color: #303033;
    line-height: 20px;
    white-space: pre-line;
    overflow-x: auto;
    background-color: #f3f3f5;
    border: 1px solid #d8d7d9;
    border-radius: 3px
}

    pre.prettyprint {
        margin-bottom: 20px
    }

    pre code {
        padding: 0;
        white-space: pre;
        word-wrap: normal;
        background-color: transparent;
        border: 0
    }

.umb-healthcheck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.umb-healthcheck-help-text {
    line-height: 1.6em;
    margin-bottom: 30px;
    max-width: 750px
}

.umb-healthcheck-action-bar {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px
}

.umb-healthcheck-action-bar,
.umb-healthcheck-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.umb-healthcheck-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f3f3f5;
    border-radius: 3px;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #d8d7d9;
    height: 100%
}

    .umb-healthcheck-group:hover {
        border: 1px solid #03bfb3;
        cursor: pointer
    }

.umb-healthcheck-group__load-container {
    position: relative;
    height: 30px;
    margin-top: 15px;
    margin-bottom: 16px
}

.umb-healthcheck-title {
    font-size: 14px;
    font-weight: 700
}

.umb-healthcheck-messages {
    margin-top: 15px
}

.umb-healthcheck-message {
    position: relative;
    background: #fff;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 700;
    font-size: 13px
}

    .umb-healthcheck-message i {
        font-size: 15px;
        margin-right: 3px
    }

.umb-healthcheck-details-link {
    color: #00aea2
}

    .umb-healthcheck-details-link:hover {
        text-decoration: none;
        color: #00aea2
    }

.align-self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.umb-air {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box
}

@media (min-width:500px) {
    .umb-air {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .umb-air {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
}

.umb-healthcheck-back-link {
    font-weight: 700;
    color: #000
}

.umb-healthcheck-group__details {
    border-radius: 3px;
    margin-bottom: 40px
}

.umb-healthcheck-group__details-group-title {
    background-color: #675e7a;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 3px 3px 0 0
}

.umb-healthcheck-group__details-group-name {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.umb-healthcheck-group__details-checks {
    border: 1px solid #d8d7d9;
    border-top: none;
    border-radius: 0 0 3px 3px
}

.umb-healthcheck-group__details-check {
    position: relative
}

.umb-healthcheck-group__details-check-title {
    padding: 15px 20px;
    background-color: #f3f3f5
}

.umb-healthcheck-group__details-check-name {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px
}

.umb-healthcheck-group__details-check-description {
    font-size: 13px;
    color: #515054;
    line-height: 1.6em
}

.umb-healthcheck-group__details-status {
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #f3f3f5
}

.umb-healthcheck-group__details-status-overlay {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .9
}

.umb-healthcheck-group__details-status:last-child {
    border-bottom: none
}

.umb-healthcheck-group__details-status-icon-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px
}

.umb-healthcheck-status-icon {
    font-size: 20px;
    margin-top: 2px
}

    .umb-healthcheck-status-icon.-large {
        width: 70px;
        height: 70px;
        font-size: 30px;
        background-color: #fff
    }

.umb-healthcheck-group__details-status-content {
    padding: 0 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.umb-healthcheck-group__details-status-text {
    line-height: 1.6em
}

.umb-healthcheck-group__details-status-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px
}

.umb-healthcheck-group__details-status-action {
    background-color: #f3f3f5;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px
}

    .umb-healthcheck-group__details-status-action:last-child {
        margin-bottom: 0
    }

.umb-healthcheck-group__details-status-action-description {
    margin-top: 5px;
    font-size: 12px
}