/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');


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

body {
    margin: 0;
    background-color: #f1f1f1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu, woff2 nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

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

input {
    line-height: normal;
}

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

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

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

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

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

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

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

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

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

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

    thead {
        display: table-header-group;
    }

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

    img {
        max-width: 100% !important;
    }

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

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

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/WebApp/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('/WebApp/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/WebApp/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/WebApp/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/WebApp/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/WebApp/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

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

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

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

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

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

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

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%;
    }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%;
    }

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small,
.small {
    font-size: 85%;
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

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

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

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

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

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

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

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

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857143;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

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

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

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

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

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0;
    }

        .blockquote-reverse footer:before,
        blockquote.pull-right footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after,
        blockquote.pull-right footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

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

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

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

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

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

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

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

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

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e0eff9;
}

.table-hover > tbody > tr:hover {
    background-color: #e0eff9;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

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

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

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

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

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

    .form-inline .form-control-static {
        display: inline-block;
    }

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

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

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

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
        font-size: 18px;
    }
}

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

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover,
        .btn-warning.active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:active.focus,
        .btn-warning.active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

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

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

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

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

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

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

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

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

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

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

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

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

.open > a {
    outline: 0;
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

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

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

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

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

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

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

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

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

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

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

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

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

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

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

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

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

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

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

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

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

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

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

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

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

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

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

        .nav > li.disabled > a {
            color: #777;
        }

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

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eee;
        border-color: #337ab7;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

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

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

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

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                /*border-color: #eee #eee #ddd;*/
            }

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

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

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

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

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

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

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

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

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

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

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

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

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

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

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

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

    .navbar-form .form-control-static {
        display: inline-block;
    }

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

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

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

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

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

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

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

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

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

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

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

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:hover,
    .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

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

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

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

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

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

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

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

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

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

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

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

    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444;
    }

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

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #777;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

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

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 3;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

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

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

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

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

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

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .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:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eee;
            }

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

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

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

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

.label:empty {
    display: none;
}

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

.label-default {
    background-color: #777;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #286090;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

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

.btn-xs .badge,
.btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

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

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .thumbnail > img,
    .thumbnail a > img {
        margin-right: auto;
        margin-left: auto;
    }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7;
}

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

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

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

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

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.media {
    margin-top: 15px;
}

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

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

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

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

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item,
button.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:hover,
    button.list-group-item:hover,
    a.list-group-item:focus,
    button.list-group-item:focus {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #777;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #c7ddef;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:hover,
    button.list-group-item-success:hover,
    a.list-group-item-success:focus,
    button.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active:hover,
    a.list-group-item-success.active:focus,
    button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:hover,
    button.list-group-item-info:hover,
    a.list-group-item-info:focus,
    button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active:hover,
    a.list-group-item-info.active:focus,
    button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:hover,
    button.list-group-item-warning:hover,
    a.list-group-item-warning:focus,
    button.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active,
    a.list-group-item-warning.active:hover,
    button.list-group-item-warning.active:hover,
    a.list-group-item-warning.active:focus,
    button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:hover,
    button.list-group-item-danger:hover,
    a.list-group-item-danger:focus,
    button.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active:hover,
    a.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

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

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

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

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

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

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

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

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

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

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

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

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

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

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

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

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

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

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

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

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

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

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

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

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

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

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

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

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

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

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

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

.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.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -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;
}

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

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

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto;
}

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

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

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

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

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

.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 {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

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

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}

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

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

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

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

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

.carousel {
    position: relative;
}

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

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

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

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
}

.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: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

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

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

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

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}
/*# sourceMappingURL=bootstrap.css.map */
/*@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300italic,300,100italic,100,400italic,500,500italic,700,700italic,900,900italic);*/
/*!
 *   AdminLTE v2.3.0
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
 * Core: General Layout Style
 * -------------------------
 */
html,
body {
    min-height: 100%;
    position: relative !important;
}

.layout-boxed html,
.layout-boxed body {
    height: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}
/* Layout */
.wrapper {
    min-height: 100%;
    position: static;
    overflow: hidden;
}

    .wrapper:before,
    .wrapper:after {
        content: " ";
        display: table;
    }

    .wrapper:after {
        clear: both;
    }

.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    position: relative;
}

.layout-boxed {
    background: url(../../dist/img/boxed-bg.jpg) repeat fixed;
}
/*
 * Content Wrapper - contains the main content
 * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper  ```
 */
.content-wrapper,
.right-side,
.main-footer {
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    margin-left: 260px;
    z-index: 820;
}

.layout-top-nav .content-wrapper,
.layout-top-nav .right-side,
.layout-top-nav .main-footer {
    margin-left: 0;
}

@media (max-width: 767px) {
    .content-wrapper,
    .right-side,
    .main-footer {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper,
    .sidebar-collapse .right-side,
    .sidebar-collapse .main-footer {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .sidebar-open .content-wrapper,
    .sidebar-open .right-side,
    .sidebar-open .main-footer {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }
}

.content-wrapper,
.right-side {
    min-height: 100%;
    background-color: #f1f1f1;
    z-index: 800;
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
}
/* Fixed layout */
.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
    position: fixed;
}

.fixed .main-header {
    top: 0;
    right: 0;
    left: 0;
}

.fixed .content-wrapper,
.fixed .right-side {
    padding-top: 50px;
}

@media (max-width: 767px) {
    .fixed .content-wrapper,
    .fixed .right-side {
        padding-top: 100px;
    }
}

.fixed.layout-boxed .wrapper {
    max-width: 100%;
}

body.hold-transition .content-wrapper,
body.hold-transition .right-side,
body.hold-transition .main-footer,
body.hold-transition .main-sidebar,
body.hold-transition .left-side,
body.hold-transition .main-header > .navbar,
body.hold-transition .main-header .logo {
    /* Fix for IE */
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
/* Content */
.content {
    min-height: 250px;
    padding: 0px 15px 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #337AB7;
}
/* General Links */
a {
    color: #a33234;
}

    a:hover,
    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
        color: #72afd2;
    }
/* Page Header */
.page-header {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

    .page-header > small {
        color: #666;
        display: block;
        margin-top: 5px;
    }
/*
 * Component: Main Header
 * ----------------------
 */
.main-header {
    position: relative;
    max-height: 100px;
    z-index: 1030;
}

    .main-header > .navbar {
        -webkit-transition: margin-left 0.3s ease-in-out;
        -o-transition: margin-left 0.3s ease-in-out;
        transition: margin-left 0.3s ease-in-out;
        margin-bottom: 0;
        margin-left: 260px;
        border: none;
        min-height: 50px;
        border-radius: 0;
    }

.layout-top-nav .main-header > .navbar {
    margin-left: 0;
}

.main-header #navbar-search-input.form-control {
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent;
}

    .main-header #navbar-search-input.form-control:focus,
    .main-header #navbar-search-input.form-control:active {
        border-color: rgba(0, 0, 0, 0.1);
        background: rgba(255, 255, 255, 0.9);
    }

    .main-header #navbar-search-input.form-control::-moz-placeholder {
        color: #ccc;
        opacity: 1;
    }

    .main-header #navbar-search-input.form-control:-ms-input-placeholder {
        color: #ccc;
    }

    .main-header #navbar-search-input.form-control::-webkit-input-placeholder {
        color: #ccc;
    }

.main-header .navbar-custom-menu,
.main-header .navbar-right {
    float: right;
}

@media (max-width: 991px) {
    .main-header .navbar-custom-menu a,
    .main-header .navbar-right a {
        color: inherit;
        background: transparent;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-right {
        float: none;
    }

    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }

    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;
}

    .main-header .sidebar-toggle:before {
        content: "\f0c9";
    }

    .main-header .sidebar-toggle:hover {
        color: #fff;
    }

    .main-header .sidebar-toggle:focus,
    .main-header .sidebar-toggle:active {
        background: transparent;
    }

    .main-header .sidebar-toggle .icon-bar {
        display: none;
    }

.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
    margin-right: 5px;
}

.main-header .navbar .nav > li > a > .label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 260px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}

    .main-header .logo .logo-lg {
        display: block;
    }

        .main-header .logo .logo-lg img {
            max-width: 85px;
            vertical-align: top;
            margin-top: 3px;
        }

    .main-header .logo .logo-mini .logo-lg img {
        max-width: 33px;
        margin-top: 3px;
    }

    .main-header .logo .logo-mini {
        display: none;
    }

.main-header .navbar-brand {
    color: #fff;
}

.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
}

    .content-header > h1 {
        margin: 0;
        font-size: 24px;
    }

        .content-header > h1 > small {
            font-size: 15px;
            display: inline-block;
            padding-left: 4px;
            font-weight: 300;
        }

    .content-header > .breadcrumb {
        float: right;
        background: transparent;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12px;
        padding: 7px 5px;
        position: absolute;
        top: 15px;
        right: 10px;
        border-radius: 2px;
    }

        .content-header > .breadcrumb > li > a {
            color: #444;
            text-decoration: none;
            display: inline-block;
        }

            .content-header > .breadcrumb > li > a > .fa,
            .content-header > .breadcrumb > li > a > .glyphicon,
            .content-header > .breadcrumb > li > a > .ion {
                margin-right: 5px;
            }

        .content-header > .breadcrumb > li + li:before {
            content: '>\00a0';
        }

@media (max-width: 991px) {
    .content-header > .breadcrumb {
        position: relative;
        margin-top: 5px;
        top: 0;
        right: 0;
        float: none;
        background: #d2d6de;
        padding-left: 10px;
    }

        .content-header > .breadcrumb li:before {
            color: #97a0b3;
        }
}

.navbar-toggle {
    color: #fff;
    border: 0;
    margin: 0;
    padding: 15px 15px;
}

@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav > li {
        float: left;
    }

    .navbar-custom-menu .navbar-nav {
        margin: 0;
        float: left;
    }

        .navbar-custom-menu .navbar-nav > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
            line-height: 20px;
        }
}

@media (max-width: 767px) {
    .main-header {
        position: relative;
    }

        .main-header .logo,
        .main-header .navbar {
            width: 100%;
            float: none;
        }

        .main-header .navbar {
            margin: 0;
        }

        .main-header .navbar-custom-menu {
            float: right;
        }
}

@media (max-width: 991px) {
    .navbar-collapse.pull-left {
        float: none !important;
    }

        .navbar-collapse.pull-left + .navbar-custom-menu {
            display: block;
            position: absolute;
            top: 0;
            right: 40px;
        }
}
/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar,
.left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
    min-height: 100%;
    width: 260px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

@media (max-width: 767px) {
    .main-sidebar,
    .left-side {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .main-sidebar,
    .left-side {
        -webkit-transform: translate(-260px, 0);
        -ms-transform: translate(-260px, 0);
        -o-transform: translate(-260px, 0);
        transform: translate(-260px, 0);
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .main-sidebar,
    .sidebar-collapse .left-side {
        -webkit-transform: translate(-260px, 0);
        -ms-transform: translate(-260px, 0);
        -o-transform: translate(-260px, 0);
        transform: translate(-260px, 0);
    }
}

@media (max-width: 767px) {
    .sidebar-open .main-sidebar,
    .sidebar-open .left-side {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.sidebar {
    padding-bottom: 10px;
}

.sidebar-form input:focus {
    border-color: transparent;
}

.user-panel {
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

    .user-panel:before,
    .user-panel:after {
        content: " ";
        display: table;
    }

    .user-panel:after {
        clear: both;
    }

    .user-panel > .image > img {
        width: 100%;
        max-width: 45px;
        height: auto;
    }

    .user-panel > .info {
        padding: 5px 5px 5px 15px;
        line-height: 1;
        position: absolute;
        left: 55px;
    }

        .user-panel > .info > p {
            font-weight: 600;
            margin-bottom: 9px;
        }

        .user-panel > .info > a {
            text-decoration: none;
            padding-right: 5px;
            margin-top: 3px;
            font-size: 11px;
        }

            .user-panel > .info > a > .fa,
            .user-panel > .info > a > .ion,
            .user-panel > .info > a > .glyphicon {
                margin-right: 3px;
            }

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .sidebar-menu > li {
        position: relative;
        margin: 0;
        padding: 0;
    }

        .sidebar-menu > li > a {
            padding: 12px 5px 12px 15px;
            display: block;
        }

            .sidebar-menu > li > a > .fa,
            .sidebar-menu > li > a > .glyphicon,
            .sidebar-menu > li > a > .ion {
                width: 20px;
            }

        .sidebar-menu > li .label,
        .sidebar-menu > li .badge {
            margin-top: 3px;
            margin-right: 5px;
        }

    .sidebar-menu li.header {
        padding: 10px 25px 10px 15px;
        font-size: 12px;
    }

    .sidebar-menu li > a > .fa-angle-left {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
        margin-top: 3px;
    }

    .sidebar-menu li.active > a > .fa-angle-left {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .sidebar-menu li.active > .treeview-menu {
        display: block;
    }

    .sidebar-menu .treeview-menu {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        padding-left: 5px;
    }

        .sidebar-menu .treeview-menu .treeview-menu {
            padding-left: 20px;
        }

        .sidebar-menu .treeview-menu > li {
            margin: 0;
        }

            .sidebar-menu .treeview-menu > li > a {
                padding: 10px 5px 10px 15px;
                display: block;
                font-size: 14px;
            }

                .sidebar-menu .treeview-menu > li > a > .fa,
                .sidebar-menu .treeview-menu > li > a > .glyphicon,
                .sidebar-menu .treeview-menu > li > a > .ion {
                    width: 20px;
                }

                .sidebar-menu .treeview-menu > li > a > .fa-angle-left,
                .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
                    width: auto;
                }
/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 50px !important;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px !important;
        z-index: 850;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative;
    }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
            margin-right: 0;
        }

            .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
                border-top-right-radius: 4px;
            }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-right-radius: 4px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            display: block !important;
            position: absolute;
            width: 225px;
            left: 50px;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
            top: 0;
            margin-left: -3px;
            padding: 12px 5px 12px 20px;
            background-color: inherit;
        }

        .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
            top: 44px;
            margin-left: 0;
        }

        .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
        .sidebar-mini.sidebar-collapse .sidebar-form,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
        .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
        .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
            display: none !important;
            -webkit-transform: translateZ(0);
        }

    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px;
    }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
            display: block;
            margin-left: -15px;
            margin-right: -15px;
            font-size: 18px;
        }

        .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
            display: none;
        }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 50px;
    }
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
    white-space: nowrap;
    overflow: hidden;
}

    .sidebar-menu:hover {
        overflow: visible;
    }

    .sidebar-form,
    .sidebar-menu > li.header {
        overflow: hidden;
        text-overflow: clip;
    }

    .sidebar-menu li > a {
        position: relative;
    }

        .sidebar-menu li > a > .pull-right {
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -7px;
        }
/*
 * Component: Control sidebar. By default, this is the right sidebar.
 */
.control-sidebar-bg {
    position: fixed;
    z-index: 1000;
    bottom: 0;
}

.control-sidebar-bg,
.control-sidebar {
    top: 0;
    right: -230px;
    width: 230px;
    -webkit-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

.control-sidebar {
    position: absolute;
    padding-top: 50px;
    z-index: 1010;
}

@media (max-width: 768px) {
    .control-sidebar {
        padding-top: 100px;
    }
}

.control-sidebar > .tab-content {
    padding: 10px 15px;
}

.control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open + .control-sidebar-bg {
    right: 0;
}

.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
    right: 0;
}

@media (min-width: 768px) {
    .control-sidebar-open .content-wrapper,
    .control-sidebar-open .right-side,
    .control-sidebar-open .main-footer {
        margin-right: 230px;
    }
}

.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
    border-left-width: 0;
}

.nav-tabs.control-sidebar-tabs > li > a {
    border-radius: 0;
}

    .nav-tabs.control-sidebar-tabs > li > a,
    .nav-tabs.control-sidebar-tabs > li > a:hover {
        border-top: none;
        border-right: none;
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        .nav-tabs.control-sidebar-tabs > li > a .icon {
            font-size: 16px;
        }

.nav-tabs.control-sidebar-tabs > li.active > a,
.nav-tabs.control-sidebar-tabs > li.active > a:hover,
.nav-tabs.control-sidebar-tabs > li.active > a:focus,
.nav-tabs.control-sidebar-tabs > li.active > a:active {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

@media (max-width: 768px) {
    .nav-tabs.control-sidebar-tabs {
        display: table;
    }

        .nav-tabs.control-sidebar-tabs > li {
            display: table-cell;
        }
}

.control-sidebar-heading {
    font-weight: 400;
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 10px;
}

.control-sidebar-subheading {
    display: block;
    font-weight: 400;
    font-size: 14px;
}

.control-sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
}

    .control-sidebar-menu > li > a {
        display: block;
        padding: 10px 15px;
    }

        .control-sidebar-menu > li > a:before,
        .control-sidebar-menu > li > a:after {
            content: " ";
            display: table;
        }

        .control-sidebar-menu > li > a:after {
            clear: both;
        }

        .control-sidebar-menu > li > a > .control-sidebar-subheading {
            margin-top: 0;
        }

    .control-sidebar-menu .menu-icon {
        float: left;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        text-align: center;
        line-height: 35px;
    }

    .control-sidebar-menu .menu-info {
        margin-left: 45px;
        margin-top: 3px;
    }

        .control-sidebar-menu .menu-info > .control-sidebar-subheading {
            margin: 0;
        }

        .control-sidebar-menu .menu-info > p {
            margin: 0;
            font-size: 11px;
        }

    .control-sidebar-menu .progress {
        margin: 0;
    }

.control-sidebar-dark {
    color: #b8c7ce;
}

    .control-sidebar-dark,
    .control-sidebar-dark + .control-sidebar-bg {
        background: #222d32;
    }

        .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
            border-bottom: #1c2529;
        }

            .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
                background: #181f23;
                color: #b8c7ce;
            }

                .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
                .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
                .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
                    border-left-color: #141a1d;
                    border-bottom-color: #141a1d;
                }

                    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
                    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
                    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
                        background: #1c2529;
                    }

                    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
                        color: #fff;
                    }

            .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
            .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
            .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
            .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
                background: #222d32;
                color: #fff;
            }

        .control-sidebar-dark .control-sidebar-heading,
        .control-sidebar-dark .control-sidebar-subheading {
            color: #fff;
        }

        .control-sidebar-dark .control-sidebar-menu > li > a:hover {
            background: #1e282c;
        }

        .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
            color: #b8c7ce;
        }

.control-sidebar-light {
    color: #5e5e5e;
}

    .control-sidebar-light,
    .control-sidebar-light + .control-sidebar-bg {
        background: #f9fafc;
        border-left: 1px solid #d2d6de;
    }

        .control-sidebar-light .nav-tabs.control-sidebar-tabs {
            border-bottom: #d2d6de;
        }

            .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
                background: #e8ecf4;
                color: #444444;
            }

                .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
                .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
                .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
                    border-left-color: #d2d6de;
                    border-bottom-color: #d2d6de;
                }

                    .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
                    .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
                    .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
                        background: #eff1f7;
                    }

            .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
            .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
            .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
            .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
                background: #f9fafc;
                color: #111;
            }

        .control-sidebar-light .control-sidebar-heading,
        .control-sidebar-light .control-sidebar-subheading {
            color: #111;
        }

        .control-sidebar-light .control-sidebar-menu {
            margin-left: -14px;
        }

            .control-sidebar-light .control-sidebar-menu > li > a:hover {
                background: #f4f4f5;
            }

            .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
                color: #5e5e5e;
            }
/*
 * Component: Dropdown menus
 * -------------------------
 */
/*Dropdowns in general*/
.dropdown-menu {
    box-shadow: none;
    border-color: #eee;
}

    .dropdown-menu > li > a {
        color: #777;
    }

        .dropdown-menu > li > a > .glyphicon,
        .dropdown-menu > li > a > .fa,
        .dropdown-menu > li > a > .ion {
            margin-right: 10px;
        }

        .dropdown-menu > li > a:hover {
            background-color: #e1e3e9;
            color: #333;
        }

    .dropdown-menu > .divider {
        background-color: #eee;
    }

.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 280px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li,
    .navbar-nav > .messages-menu > .dropdown-menu > li,
    .navbar-nav > .tasks-menu > .dropdown-menu > li {
        position: relative;
    }

        .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
        .navbar-nav > .messages-menu > .dropdown-menu > li.header,
        .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            background-color: #ffffff;
            padding: 7px 10px;
            border-bottom: 1px solid #f4f4f4;
            color: #444444;
            font-size: 14px;
        }

        .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
        .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
        .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            font-size: 12px;
            background-color: #fff;
            padding: 7px 10px;
            border-bottom: 1px solid #eeeeee;
            color: #444 !important;
            text-align: center;
        }

@media (max-width: 991px) {
    .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
        background: #fff !important;
        color: #444 !important;
    }
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    text-decoration: none;
    font-weight: normal;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
    .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
        display: block;
        white-space: nowrap;
        /* Prevent text from breaking */
        border-bottom: 1px solid #f4f4f4;
    }

        .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
        .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
            background: #f4f4f4;
            text-decoration: none;
        }

    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
        color: #444444;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 10px;
    }

        .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
        .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
        .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
            width: 20px;
        }

    .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
        margin: 0;
        padding: 10px 10px;
    }

        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
            margin: auto 10px auto auto;
            width: 40px;
            height: 40px;
        }

        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
            padding: 0;
            margin: 0 0 0 45px;
            color: #444444;
            font-size: 15px;
            position: relative;
        }

            .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
                color: #999999;
                font-size: 10px;
                position: absolute;
                top: 0;
                right: 0;
            }

        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
            margin: 0 0 0 45px;
            font-size: 12px;
            color: #888888;
        }

        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
            content: " ";
            display: table;
        }

        .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
            clear: both;
        }

    .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
        padding: 10px;
    }

        .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
            font-size: 14px;
            padding: 0;
            margin: 0 0 10px 0;
            color: #666666;
        }

        .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
            padding: 0;
            margin: 0;
        }

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}

    .navbar-nav > .user-menu > .dropdown-menu,
    .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
            height: 175px;
            padding: 10px;
            text-align: center;
        }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
                z-index: 5;
                height: 90px;
                width: 90px;
                border: 3px solid;
                border-color: transparent;
                border-color: rgba(255, 255, 255, 0.2);
            }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
                z-index: 5;
                color: #fff;
                color: rgba(255, 255, 255, 0.8);
                font-size: 17px;
                margin-top: 10px;
            }

                .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
                    display: block;
                    font-size: 12px;
                }

        .navbar-nav > .user-menu > .dropdown-menu > .user-body {
            padding: 15px;
            border-bottom: 1px solid #f4f4f4;
            border-top: 1px solid #dddddd;
        }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
            .navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
                content: " ";
                display: table;
            }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
                clear: both;
            }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
                color: #444 !important;
            }

@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background: #fff !important;
        color: #444 !important;
    }
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
        content: " ";
        display: table;
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
        clear: both;
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
        color: #666666;
    }

@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
        background-color: #f9f9f9;
    }
}

.navbar-nav > .user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

@media (max-width: 767px) {
    .navbar-nav > .user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}
/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
    backface-visibility: visible !important;
    -webkit-animation: flipInX 0.7s both;
    -o-animation: flipInX 0.7s both;
    animation: flipInX 0.7s both;
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
    }
}
/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {
    position: relative;
}

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 0;
        left: auto;
    }

@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
        float: right;
    }

        .navbar-custom-menu > .navbar-nav > li {
            position: static;
        }

            .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
                position: absolute;
                right: 5%;
                left: auto;
                border: 1px solid #ddd;
                background: #fff;
            }
}
/*
 * Component: Form
 * ---------------
 */
.form-control {
    box-shadow: none;
    border-color: #d2d6de;
}

    .form-control:focus {
        border-color: #a33234;
        box-shadow: none;
    }

    .form-control::-moz-placeholder,
    .form-control:-ms-input-placeholder,
    .form-control::-webkit-input-placeholder {
        color: #bbb;
        opacity: 1;
    }

    .form-control:not(select) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

.form-group.has-success label {
    color: #00a65a;
}

.form-group.has-success .form-control {
    border-color: #00a65a;
    box-shadow: none;
}

.form-group.has-warning label {
    color: #f39c12;
}

.form-group.has-warning .form-control {
    border-color: #f39c12;
    box-shadow: none;
}

.form-group.has-error label {
    color: #dd4b39;
}

.form-group.has-error .form-control {
    border-color: #dd4b39;
    box-shadow: none;
}
/* Input group */
.input-group .input-group-addon {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #fff;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
    border-radius: 0;
}

.icheck > label {
    padding-left: 0;
}
/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
    line-height: 34px;
}

.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
    line-height: 46px;
}

.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
    line-height: 30px;
}
/*
 * Component: Progress Bar
 * -----------------------
 */
.progress,
.progress > .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .progress,
    .progress > .progress-bar,
    .progress .progress-bar,
    .progress > .progress-bar .progress-bar {
        border-radius: 1px;
    }
        /* size variation */
        .progress.sm,
        .progress-sm {
            height: 10px;
        }

            .progress.sm,
            .progress-sm,
            .progress.sm .progress-bar,
            .progress-sm .progress-bar {
                border-radius: 1px;
            }

        .progress.xs,
        .progress-xs {
            height: 7px;
        }

            .progress.xs,
            .progress-xs,
            .progress.xs .progress-bar,
            .progress-xs .progress-bar {
                border-radius: 1px;
            }

        .progress.xxs,
        .progress-xxs {
            height: 3px;
        }

            .progress.xxs,
            .progress-xxs,
            .progress.xxs .progress-bar,
            .progress-xxs .progress-bar {
                border-radius: 1px;
            }
        /* Vertical bars */
        .progress.vertical {
            position: relative;
            width: 30px;
            height: 200px;
            display: inline-block;
            margin-right: 10px;
        }

            .progress.vertical > .progress-bar {
                width: 100%;
                position: absolute;
                bottom: 0;
            }

            .progress.vertical.sm,
            .progress.vertical.progress-sm {
                width: 20px;
            }

            .progress.vertical.xs,
            .progress.vertical.progress-xs {
                width: 10px;
            }

            .progress.vertical.xxs,
            .progress.vertical.progress-xxs {
                width: 3px;
            }

.progress-group .progress-text {
    font-weight: 600;
}

.progress-group .progress-number {
    float: right;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
    margin: 0;
}

.progress-bar-light-blue,
.progress-bar-primary {
    background-color: #a33234;
}

.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-green,
.progress-bar-success {
    background-color: #00a65a;
}

.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-aqua,
.progress-bar-info {
    background-color: #00c0ef;
}

.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-yellow,
.progress-bar-warning {
    background-color: #f39c12;
}

.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-red,
.progress-bar-danger {
    background-color: #dd4b39;
}

.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*
 * Component: Small Box
 * --------------------
 */
.row.dashboard-block {
    padding-left: 15px;
    padding-right: 15px;
}

.user-menu .dropdown-menu {
    max-width: 200px;
    padding: 10px 0 !important;
}

.user-menu .dropdown-toggle {
    padding-right: 40px;
    cursor: pointer;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media (min-width: 1200px) {
    .dashboard-block.Block3 .small-box {
        width: 33.33%;
    }

    .small-box {
        width: 33.33%;
        padding: 0 5px;
    }

    .dashboard-block {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .small-box .icon {
        left: 15px !important;
    }
}

.small-box {
    border-radius: 2px;
    margin-bottom: 15px;
    position: relative;
}

    .small-box > .inner {
        padding: 10px 10px 10px 63px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        height: 100px;
        background: #fff;
        border-radius: 5px;
    }

    .small-box > .small-box-footer {
        position: relative;
        text-align: center;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none;
        line-height: 30px;
    }

        .small-box > .small-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.15);
        }

    .small-box h3 {
        font-size: 38px;
        font-weight: bold;
        margin: 0 0 10px 0;
        white-space: nowrap;
        padding: 0;
        height: 30px;
        color: #a33234;
    }

    .small-box p {
        font-size: 13px;
    }

        .small-box p > small {
            display: block;
            color: #f9f9f9;
            font-size: 13px;
            margin-top: 5px;
        }

    .small-box h3,
    .small-box p {
        z-index: 5;
    }

    .small-box .icon {
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: absolute;
        top: 10px;
        left: 25px;
        z-index: 0;
        font-size: 28px;
        color: #a33234;
        border: 2px solid #fff1f1;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
    }





.ApprovedByRI {
    background: #ec536c;
    color: #fff;
    padding: 1px 10px;
    border-radius: 4px;
    margin: 0px;
    display: inline-block;
}

.ApprovedByPI {
    background: #4dd47a;
    color: #fff;
    padding: 1px 10px;
    border-radius: 4px;
    margin: 0px;
    display: inline-block;
}

.pendingApproval {
    background: #f5b225;
    color: #fff;
    padding: 1px 10px;
    border-radius: 4px;
    margin: 0px;
    display: inline-block;
}


@media (max-width: 767px) {
    .small-box {
        text-align: center;
        width: 100% !important;
    }

        .small-box .icon {
            display: none;
        }

        .small-box p {
            font-size: 12px;
        }
}
/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .box.box-primary {
        border-top-color: #a33234;
    }

    .box.box-info {
        border-top-color: #00c0ef;
    }

    .box.box-danger {
        border-top-color: #dd4b39;
    }

    .box.box-warning {
        border-top-color: #f39c12;
    }

    .box.box-success {
        border-top-color: #00a65a;
    }

    .box.box-default {
        border-top-color: #d2d6de;
    }

    .box.collapsed-box .box-body,
    .box.collapsed-box .box-footer {
        display: none;
    }

    .box .nav-stacked > li {
        border-bottom: 1px solid #f4f4f4;
        margin: 0;
    }

        .box .nav-stacked > li:last-of-type {
            border-bottom: none;
        }

    .box.height-control .box-body {
        max-height: 300px;
        overflow: auto;
    }

    .box .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .box .border-left {
        border-left: 1px solid #f4f4f4;
    }

    .box.box-solid {
        border-top: 0;
    }

        .box.box-solid > .box-header .btn.btn-default {
            background: transparent;
        }

        .box.box-solid > .box-header .btn:hover,
        .box.box-solid > .box-header a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .box.box-solid.box-default {
            border: 1px solid #d2d6de;
        }

            .box.box-solid.box-default > .box-header {
                color: #444444;
                background: #d2d6de;
                background-color: #d2d6de;
            }

                .box.box-solid.box-default > .box-header a,
                .box.box-solid.box-default > .box-header .btn {
                    color: #444444;
                }

        .box.box-solid.box-primary {
            border: 1px solid #ddd;
        }

            .box.box-solid.box-primary > .box-header {
                color: #333;
                background: #f5f5f5;
                background-color: #f5f5f5;
            }

                .box.box-solid.box-primary > .box-header a,
                .box.box-solid.box-primary > .box-header .btn {
                    color: #fff;
                }

        .box.box-solid.box-info {
            border: 1px solid #00c0ef;
        }

            .box.box-solid.box-info > .box-header {
                color: #ffffff;
                background: #00c0ef;
                background-color: #00c0ef;
            }

                .box.box-solid.box-info > .box-header a,
                .box.box-solid.box-info > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-danger {
            border: 1px solid #dd4b39;
        }

            .box.box-solid.box-danger > .box-header {
                color: #ffffff;
                background: #dd4b39;
                background-color: #dd4b39;
            }

                .box.box-solid.box-danger > .box-header a,
                .box.box-solid.box-danger > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-warning {
            border: 1px solid #f39c12;
        }

            .box.box-solid.box-warning > .box-header {
                color: #ffffff;
                background: #f39c12;
                background-color: #f39c12;
            }

                .box.box-solid.box-warning > .box-header a,
                .box.box-solid.box-warning > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid.box-success {
            border: 1px solid #00a65a;
        }

            .box.box-solid.box-success > .box-header {
                color: #ffffff;
                background: #00a65a;
                background-color: #00a65a;
            }

                .box.box-solid.box-success > .box-header a,
                .box.box-solid.box-success > .box-header .btn {
                    color: #ffffff;
                }

        .box.box-solid > .box-header > .box-tools .btn {
            border: 0;
            box-shadow: none;
        }

        .box.box-solid[class*='bg'] > .box-header {
            color: #fff;
        }

    .box .box-group > .box {
        margin-bottom: 5px;
    }

    .box .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0.3em;
    }

    .box > .overlay,
    .overlay-wrapper > .overlay,
    .box > .loading-img,
    .overlay-wrapper > .loading-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .box .overlay,
    .overlay-wrapper .overlay {
        z-index: 50;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
    }

        .box .overlay > .fa,
        .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px;
        }

        .box .overlay.dark,
        .overlay-wrapper .overlay.dark {
            background: rgba(0, 0, 0, 0.5);
        }

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

    .box-header.with-border {
        border-bottom: 1px solid #f4f4f4;
    }

.collapsed-box .box-header.with-border {
    border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .box-header > .box-tools [data-toggle="tooltip"] {
        position: relative;
    }

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

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

    .open .btn-box-tool,
    .btn-box-tool:hover {
        color: #606c84;
    }

    .btn-box-tool.btn:active {
        box-shadow: none;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-body > .table {
    margin-bottom: 0;
}

.box-body .fc {
    margin-top: 5px;
}

.box-body .full-width-chart {
    margin: -19px;
}

.box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}

.chart-legend {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}

.box-comments {
    background: #f7f7f7;
}

    .box-comments .box-comment {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

        .box-comments .box-comment:before,
        .box-comments .box-comment:after {
            content: " ";
            display: table;
        }

        .box-comments .box-comment:after {
            clear: both;
        }

        .box-comments .box-comment:last-of-type {
            border-bottom: 0;
        }

        .box-comments .box-comment:first-of-type {
            padding-top: 0;
        }

        .box-comments .box-comment img {
            float: left;
        }

    .box-comments .comment-text {
        margin-left: 40px;
        color: #555;
    }

    .box-comments .username {
        color: #444;
        display: block;
        font-weight: 600;
    }

    .box-comments .text-muted {
        font-weight: 400;
        font-size: 12px;
    }
/* Widget: TODO LIST */
.todo-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}

    .todo-list > li {
        border-radius: 2px;
        padding: 10px;
        background: #f4f4f4;
        margin-bottom: 2px;
        border-left: 2px solid #e6e7e8;
        color: #444;
    }

        .todo-list > li:last-of-type {
            margin-bottom: 0;
        }

        .todo-list > li > input[type='checkbox'] {
            margin: 0 10px 0 5px;
        }

        .todo-list > li .text {
            display: inline-block;
            margin-left: 5px;
            font-weight: 600;
        }

        .todo-list > li .label {
            margin-left: 10px;
            font-size: 9px;
        }

        .todo-list > li .tools {
            display: none;
            float: right;
            color: #dd4b39;
        }

            .todo-list > li .tools > .fa,
            .todo-list > li .tools > .glyphicon,
            .todo-list > li .tools > .ion {
                margin-right: 5px;
                cursor: pointer;
            }

        .todo-list > li:hover .tools {
            display: inline-block;
        }

        .todo-list > li.done {
            color: #999;
        }

            .todo-list > li.done .text {
                text-decoration: line-through;
                font-weight: 500;
            }

            .todo-list > li.done .label {
                background: #d2d6de !important;
            }

    .todo-list .danger {
        border-left-color: #dd4b39;
    }

    .todo-list .warning {
        border-left-color: #f39c12;
    }

    .todo-list .info {
        border-left-color: #00c0ef;
    }

    .todo-list .success {
        border-left-color: #00a65a;
    }

    .todo-list .primary {
        border-left-color: #a33234;
    }

    .todo-list .handle {
        display: inline-block;
        cursor: move;
        margin: 0 5px;
    }
/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
.chat {
    padding: 5px 20px 5px 10px;
}

    .chat .item {
        margin-bottom: 10px;
    }

        .chat .item:before,
        .chat .item:after {
            content: " ";
            display: table;
        }

        .chat .item:after {
            clear: both;
        }

        .chat .item > img {
            width: 40px;
            height: 40px;
            border: 2px solid transparent;
            border-radius: 50%;
        }

        .chat .item > .online {
            border: 2px solid #00a65a;
        }

        .chat .item > .offline {
            border: 2px solid #dd4b39;
        }

        .chat .item > .message {
            margin-left: 55px;
            margin-top: -40px;
        }

            .chat .item > .message > .name {
                display: block;
                font-weight: 600;
            }

        .chat .item > .attachment {
            border-radius: 3px;
            background: #f4f4f4;
            margin-left: 65px;
            margin-right: 15px;
            padding: 10px;
        }

            .chat .item > .attachment > h4 {
                margin: 0 0 5px 0;
                font-weight: 600;
                font-size: 14px;
            }

            .chat .item > .attachment > p,
            .chat .item > .attachment > .filename {
                font-weight: 600;
                font-size: 13px;
                font-style: italic;
                margin: 0;
            }

            .chat .item > .attachment:before,
            .chat .item > .attachment:after {
                content: " ";
                display: table;
            }

            .chat .item > .attachment:after {
                clear: both;
            }

.box-input {
    max-width: 200px;
}

.modal .panel-body {
    color: #444;
}
/*
 * Component: Info Box
 * -------------------
 */
.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}

    .info-box small {
        font-size: 14px;
    }

    .info-box .progress {
        background: rgba(0, 0, 0, 0.2);
        margin: 5px -10px 5px -10px;
        height: 2px;
    }

        .info-box .progress,
        .info-box .progress .progress-bar {
            border-radius: 0;
        }

            .info-box .progress .progress-bar {
                background: #fff;
            }

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}

    .info-box-icon > img {
        max-width: 100%;
    }

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.progress-description,
.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box-text {
    text-transform: uppercase;
}

.info-box-more {
    display: block;
}

.progress-description {
    margin: 0;
}
/*
 * Component: Timeline
 * -------------------
 */
.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

    .timeline:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #ddd;
        left: 31px;
        margin: 0;
        border-radius: 2px;
    }

    .timeline > li {
        position: relative;
        margin-right: 10px;
        margin-bottom: 15px;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-item {
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            border-radius: 3px;
            margin-top: 0;
            background: #fff;
            color: #444;
            margin-left: 60px;
            margin-right: 15px;
            padding: 0;
            position: relative;
        }

            .timeline > li > .timeline-item > .time {
                color: #999;
                float: right;
                padding: 10px;
                font-size: 12px;
            }

            .timeline > li > .timeline-item > .timeline-header {
                margin: 0;
                color: #555;
                border-bottom: 1px solid #f4f4f4;
                padding: 10px;
                font-size: 16px;
                line-height: 1.1;
            }

                .timeline > li > .timeline-item > .timeline-header > a {
                    font-weight: 600;
                }

            .timeline > li > .timeline-item > .timeline-body,
            .timeline > li > .timeline-item > .timeline-footer {
                padding: 10px;
            }

        .timeline > li > .fa,
        .timeline > li > .glyphicon,
        .timeline > li > .ion {
            width: 30px;
            height: 30px;
            font-size: 15px;
            line-height: 30px;
            position: absolute;
            color: #666;
            background: #d2d6de;
            border-radius: 50%;
            text-align: center;
            left: 18px;
            top: 0;
        }

    .timeline > .time-label > span {
        font-weight: 600;
        padding: 5px;
        display: inline-block;
        background-color: #fff;
        border-radius: 4px;
    }

.timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .timeline-inverse > li > .timeline-item > .timeline-header {
        border-bottom-color: #ddd;
    }
/*
 * Component: Button
 * -----------------
 */
.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}

    .btn.uppercase {
        text-transform: uppercase;
    }

    .btn.btn-flat {
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-width: 1px;
    }

    .btn:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn:focus {
        outline: none;
    }

    .btn.btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn.btn-file > input[type='file'] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            opacity: 0;
            filter: alpha(opacity=0);
            outline: none;
            background: white;
            cursor: inherit;
            display: block;
        }

.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}

    .btn-default:hover,
    .btn-default:active,
    .btn-default.hover {
        background-color: #e7e7e7;
    }

.btn-primary {
    background-color: #a33234;
    border-color: #a33234;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.hover {
        background-color: #a33234;
    }

.btn-success {
    background-color: #00a65a;
    border-color: #008d4c;
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.hover {
        background-color: #008d4c;
    }

.btn-info {
    background-color: #00c0ef;
    border-color: #00acd6;
}

    .btn-info:hover,
    .btn-info:active,
    .btn-info.hover {
        background-color: #00acd6;
    }

.btn-dark {
    background-color: #334d63;
    border-color: #334d63;
    color: #fff !important;
}

.btn-maroon:not([disabled]) {
    background-color: #a33234;
    border-color: #a33234;
    color: #fff !important;
}

    .btn-maroon:not([disabled]):hover {
        background-color: rgba(163, 50, 52, 0.8) !important;
        border-color: #a33234;
        color: #fff !important;
    }

.btn-danger {
    background-color: #dd4b39;
    border-color: #d73925;
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.hover {
        background-color: #d73925;
    }

.btn-warning {
    background-color: #f39c12;
    border-color: #e08e0b;
}

    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.hover {
        background-color: #e08e0b;
    }

.btn-outline {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

    .btn-outline:hover,
    .btn-outline:focus,
    .btn-outline:active {
        color: rgba(255, 255, 255, 0.7);
        border-color: rgba(255, 255, 255, 0.7);
    }

.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn[class*='bg-']:hover {
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}

.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
}

    .btn-app > .fa,
    .btn-app > .glyphicon,
    .btn-app > .ion {
        font-size: 20px;
        display: block;
    }

    .btn-app:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .btn-app:active,
    .btn-app:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn-app > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }
/*
 * Component: Callout
 * ------------------
 */
.callout {
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

    .callout a {
        color: #fff;
        text-decoration: underline;
    }

        .callout a:hover {
            color: #eee;
        }

    .callout h4 {
        margin-top: 0;
        font-weight: 600;
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code,
    .callout .highlight {
        background-color: #fff;
    }

    .callout.callout-danger {
        border-color: #c23321;
    }

    .callout.callout-warning {
        border-color: #c87f0a;
    }

    .callout.callout-info {
        border-color: #0097bc;
    }

    .callout.callout-success {
        border-color: #00733e;
    }
/*
 * Component: alert
 * ----------------
 */
.alert {
    border-radius: 3px;
}

    .alert h4 {
        font-weight: 600;
    }

    .alert .icon {
        margin-right: 10px;
    }

    .alert .close {
        color: #000;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

        .alert .close:hover {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    .alert a {
        color: #fff;
        text-decoration: underline;
    }

.alert-success {
    border-color: #008d4c;
}

.alert-danger,
.alert-error {
    border-color: #d73925;
}

.alert-warning {
    border-color: #e08e0b;
}

.alert-info {
    border-color: #00acd6;
}
/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
    color: #444;
    background: #fff;
}
/* NAV PILLS */
.nav-pills > li > a {
    border-radius: 0;
    border-top: 3px solid transparent;
    color: #444;
}

    .nav-pills > li > a > .fa,
    .nav-pills > li > a > .glyphicon,
    .nav-pills > li > a > .ion {
        margin-right: 5px;
    }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    border-top-color: #a33234;
}

.nav-pills > li.active > a {
    font-weight: 600;
}
/* NAV STACKED */
.nav-stacked > li > a {
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444;
}

.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
    background: transparent;
    color: #444;
    border-top: 0;
    border-left-color: #a33234;
}

.nav-stacked > li.header {
    border-bottom: 1px solid #ddd;
    color: #777;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

    .nav-tabs-custom > .nav-tabs {
        margin: 0;
        border-bottom-color: #f4f4f4;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .nav-tabs-custom > .nav-tabs > li {
            border-top: 3px solid transparent;
            margin-bottom: -2px;
            margin-right: 5px;
        }

            .nav-tabs-custom > .nav-tabs > li > a {
                color: #444;
                border-radius: 0;
            }

                .nav-tabs-custom > .nav-tabs > li > a.text-muted {
                    color: #999;
                }

                .nav-tabs-custom > .nav-tabs > li > a,
                .nav-tabs-custom > .nav-tabs > li > a:hover {
                    background: transparent;
                    margin: 0;
                }

                    .nav-tabs-custom > .nav-tabs > li > a:hover {
                        color: #999;
                    }

            .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
            .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
            .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
                border-color: transparent;
            }

            .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #a33234;
            }

                .nav-tabs-custom > .nav-tabs > li.active > a,
                .nav-tabs-custom > .nav-tabs > li.active:hover > a {
                    background-color: #fff;
                    color: #444;
                }

                .nav-tabs-custom > .nav-tabs > li.active > a {
                    border-top-color: transparent;
                    border-left-color: #f4f4f4;
                    border-right-color: #f4f4f4;
                }

            .nav-tabs-custom > .nav-tabs > li:first-of-type {
                margin-left: 0;
            }

                .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
                    border-left-color: transparent;
                }

        .nav-tabs-custom > .nav-tabs.pull-right {
            float: none !important;
        }

            .nav-tabs-custom > .nav-tabs.pull-right > li {
                float: right;
            }

                .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
                    margin-right: 0;
                }

                    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
                        border-left-width: 1px;
                    }

                    .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
                        border-left-color: #f4f4f4;
                        border-right-color: transparent;
                    }

        .nav-tabs-custom > .nav-tabs > li.header {
            line-height: 35px;
            padding: 0 10px;
            font-size: 20px;
            color: #444;
        }

            .nav-tabs-custom > .nav-tabs > li.header > .fa,
            .nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
            .nav-tabs-custom > .nav-tabs > li.header > .ion {
                margin-right: 5px;
            }

    .nav-tabs-custom > .tab-content {
        background: #fff;
        padding: 10px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .nav-tabs-custom .dropdown.open > a:active,
    .nav-tabs-custom .dropdown.open > a:focus {
        background: transparent;
        color: #999;
    }
/* PAGINATION */
.pagination > li > a {
    background: #fafafa;
    color: #666;
}

.pagination.pagination-flat > li > a {
    border-radius: 0 !important;
}
/*
 * Component: Products List
 * ------------------------
 */
.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .products-list > .item {
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        padding: 10px 0;
        background: #fff;
    }

        .products-list > .item:before,
        .products-list > .item:after {
            content: " ";
            display: table;
        }

        .products-list > .item:after {
            clear: both;
        }

    .products-list .product-img {
        float: left;
    }

        .products-list .product-img img {
            width: 50px;
            height: 50px;
        }

    .products-list .product-info {
        margin-left: 60px;
    }

    .products-list .product-title {
        font-weight: 600;
    }

    .products-list .product-description {
        display: block;
        color: #999;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.product-list-in-box > .item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #f4f4f4;
}

    .product-list-in-box > .item:last-of-type {
        border-bottom-width: 0;
    }
/*
 * Component: Table
 * ----------------
 */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #f4f4f4;
}

.table > thead > tr > th {
    border-bottom: 2px solid #f4f4f4;
}

.table tr td .progress {
    margin-top: 5px;
}

.table-bordered {
    border: 1px solid #e6e6e6;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #e6e6e6;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table.no-border,
.table.no-border td,
.table.no-border th {
    border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
    text-align: center;
}

.table.align th {
    text-align: left;
}

.table.align td {
    text-align: right;
}
/*
 * Component: Label
 * ----------------
 */
.label-default {
    background-color: #d2d6de;
    color: #444;
}
/*
 * Component: Direct Chat
 * ----------------------
 */
.direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0;
}

.direct-chat.chat-pane-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.direct-chat-messages {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 10px;
    height: 250px;
    overflow: auto;
}

.direct-chat-msg,
.direct-chat-text {
    display: block;
}

.direct-chat-msg {
    margin-bottom: 10px;
}

    .direct-chat-msg:before,
    .direct-chat-msg:after {
        content: " ";
        display: table;
    }

    .direct-chat-msg:after {
        clear: both;
    }

.direct-chat-messages,
.direct-chat-contacts {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 50px;
    color: #444444;
}

    .direct-chat-text:after,
    .direct-chat-text:before {
        position: absolute;
        right: 100%;
        top: 15px;
        border: solid transparent;
        border-right-color: #d2d6de;
        content: ' ';
        height: 0;
        width: 0;
        pointer-events: none;
    }

    .direct-chat-text:after {
        border-width: 5px;
        margin-top: -5px;
    }

    .direct-chat-text:before {
        border-width: 6px;
        margin-top: -6px;
    }

.right .direct-chat-text {
    margin-right: 50px;
    margin-left: 0;
}

    .right .direct-chat-text:after,
    .right .direct-chat-text:before {
        right: auto;
        left: 100%;
        border-right-color: transparent;
        border-left-color: #d2d6de;
    }

.direct-chat-img {
    border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
}

.right .direct-chat-img {
    float: right;
}

.direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}

.direct-chat-name {
    font-weight: 600;
}

.direct-chat-timestamp {
    color: #999;
}

.direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.direct-chat-contacts {
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #222d32;
    color: #fff;
    overflow: auto;
}

.contacts-list > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0;
}

    .contacts-list > li:before,
    .contacts-list > li:after {
        content: " ";
        display: table;
    }

    .contacts-list > li:after {
        clear: both;
    }

    .contacts-list > li:last-of-type {
        border-bottom: none;
    }

.contacts-list-img {
    border-radius: 50%;
    width: 40px;
    float: left;
}

.contacts-list-info {
    margin-left: 45px;
    color: #fff;
}

.contacts-list-name,
.contacts-list-status {
    display: block;
}

.contacts-list-name {
    font-weight: 600;
}

.contacts-list-status {
    font-size: 12px;
}

.contacts-list-date {
    color: #aaa;
    font-weight: normal;
}

.contacts-list-msg {
    color: #999;
}

.direct-chat-danger .right > .direct-chat-text {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #ffffff;
}

    .direct-chat-danger .right > .direct-chat-text:after,
    .direct-chat-danger .right > .direct-chat-text:before {
        border-left-color: #dd4b39;
    }

.direct-chat-primary .right > .direct-chat-text {
    background: #a33234;
    border-color: #a33234;
    color: #ffffff;
}

    .direct-chat-primary .right > .direct-chat-text:after,
    .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #a33234;
    }

.direct-chat-warning .right > .direct-chat-text {
    background: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

    .direct-chat-warning .right > .direct-chat-text:after,
    .direct-chat-warning .right > .direct-chat-text:before {
        border-left-color: #f39c12;
    }

.direct-chat-info .right > .direct-chat-text {
    background: #00c0ef;
    border-color: #00c0ef;
    color: #ffffff;
}

    .direct-chat-info .right > .direct-chat-text:after,
    .direct-chat-info .right > .direct-chat-text:before {
        border-left-color: #00c0ef;
    }

.direct-chat-success .right > .direct-chat-text {
    background: #00a65a;
    border-color: #00a65a;
    color: #ffffff;
}

    .direct-chat-success .right > .direct-chat-text:after,
    .direct-chat-success .right > .direct-chat-text:before {
        border-left-color: #00a65a;
    }
/*
 * Component: Users List
 * ---------------------
 */
.users-list > li {
    width: 25%;
    float: left;
    padding: 10px;
    text-align: center;
}

    .users-list > li img {
        border-radius: 50%;
        max-width: 100%;
        height: auto;
    }

    .users-list > li > a:hover,
    .users-list > li > a:hover .users-list-name {
        color: #999;
    }

.users-list-name,
.users-list-date {
    display: block;
}

.users-list-name {
    font-weight: 600;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.users-list-date {
    color: #999;
    font-size: 12px;
}
/*
 * Component: Carousel
 * -------------------
 */
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-control > .fa {
    font-size: 40px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -20px;
}
/*
 * Component: modal
 * ----------------
 */
.modal {
    background: rgba(0, 0, 0, 0.3);
}

.modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    border: 0;
}

@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    }
}

.modal-header {
    border-bottom-color: #f4f4f4;
}

.modal-footer {
    border-top-color: #f4f4f4;
}

.modal-primary .modal-header,
.modal-primary .modal-footer {
    border-color: #307095;
}

.modal-warning .modal-header,
.modal-warning .modal-footer {
    border-color: #c87f0a;
}

.modal-info .modal-header,
.modal-info .modal-footer {
    border-color: #0097bc;
}

.modal-success .modal-header,
.modal-success .modal-footer {
    border-color: #00733e;
}

.modal-danger .modal-header,
.modal-danger .modal-footer {
    border-color: #c23321;
}
/*
 * Component: Social Widgets
 * -------------------------
 */
.box-widget {
    border: none;
    position: relative;
}

.widget-user .widget-user-header {
    padding: 20px;
    height: 120px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.widget-user .widget-user-desc {
    margin-top: 0;
}

.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -45px;
}

    .widget-user .widget-user-image > img {
        width: 90px;
        height: auto;
        border: 3px solid #fff;
    }

.widget-user .box-footer {
    padding-top: 30px;
}

.widget-user-2 .widget-user-header {
    padding: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
}

.widget-user-2 .widget-user-desc {
    margin-top: 0;
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
    margin-left: 75px;
}

.widget-user-2 .widget-user-image > img {
    width: 65px;
    height: auto;
    float: left;
}
/*
 * Page: Mailbox
 * -------------
 */
.mailbox-messages > .table {
    margin: 0;
}

.mailbox-controls {
    padding: 5px;
}

    .mailbox-controls.with-border {
        border-bottom: 1px solid #f4f4f4;
    }

.mailbox-read-info {
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
}

    .mailbox-read-info h3 {
        font-size: 20px;
        margin: 0;
    }

    .mailbox-read-info h5 {
        margin: 0;
        padding: 5px 0 0 0;
    }

.mailbox-read-time {
    color: #999;
    font-size: 13px;
}

.mailbox-read-message {
    padding: 10px;
}

.mailbox-attachments li {
    float: left;
    width: 200px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    margin-right: 10px;
}

.mailbox-attachment-name {
    font-weight: bold;
    color: #666;
}

.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
    display: block;
}

.mailbox-attachment-info {
    padding: 10px;
    background: #f4f4f4;
}

.mailbox-attachment-size {
    color: #999;
    font-size: 12px;
}

.mailbox-attachment-icon {
    text-align: center;
    font-size: 65px;
    color: #666;
    padding: 20px 10px;
}

    .mailbox-attachment-icon.has-img {
        padding: 0;
    }

        .mailbox-attachment-icon.has-img > img {
            max-width: 100%;
            height: auto;
        }
/*
 * Page: Lock Screen
 * -----------------
 */
/* ADD THIS CLASS TO THE <BODY> TAG */
.lockscreen {
    background: #d2d6de;
}

.lockscreen-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

    .lockscreen-logo a {
        color: #444;
    }

.lockscreen-wrapper {
    max-width: 400px;
    margin: 0 auto;
    margin-top: 10%;
}
/* User name [optional] */
.lockscreen .lockscreen-name {
    text-align: center;
    font-weight: 600;
}
/* Will contain the image and the sign in form */
.lockscreen-item {
    border-radius: 4px;
    padding: 0;
    background: #fff;
    position: relative;
    margin: 10px auto 30px auto;
    width: 290px;
}
/* User image */
.lockscreen-image {
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: -25px;
    background: #fff;
    padding: 5px;
    z-index: 10;
}

    .lockscreen-image > img {
        border-radius: 50%;
        width: 70px;
        height: 70px;
    }
/* Contains the password input and the login button */
.lockscreen-credentials {
    margin-left: 70px;
}

    .lockscreen-credentials .form-control {
        border: 0;
    }

    .lockscreen-credentials .btn {
        background-color: #fff;
        border: 0;
        padding: 0 10px;
    }

.lockscreen-footer {
    margin-top: 10px;
}
/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 300;
    max-width: 80%;
}

    .login-logo a,
    .register-logo a {
        color: #444;
    }

    .login-logo img {
        max-width: 150px;
    }

.login-page,
.register-page {
    background: #d2d6de;
}

    .login-page .lbltxt {
        display: block;
        margin-bottom: 5px;
    }


.login-box,
.register-box {
    margin: 0;
    display: flex;
    height: 100vh;
    width: 100%;
    place-content: flex-start;
    background: url('../../dist/img/login-bg.jpg') no-repeat top right;
    position: relative;
}

    .login-box:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 50%;
        background: #fff;
        z-index: 0;
    }


.login-box-body,
.register-box-body {
    background: #fff;
    padding: 20px 10%;
    border-top: 0;
    color: #666;
    width: 50%;
    margin: 0;
    position: relative;
    z-index: 1;
}

    .login-box-body .form-control-feedback,
    .register-box-body .form-control-feedback {
        color: #777;
    }

.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: left;
    padding: 0 20px 20px 0px;
}

    .login-box-msg b {
        font-size: 24px;
        display: block;
        font-weight: 500;
    }

.social-auth-links {
    margin: 10px 0;
}
/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */
.error-page {
    width: 600px;
    margin: 20px auto 0 auto;
}




@media (max-width: 991px) {
    .error-page {
        width: 100%;
    }
}

.error-page > .headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .error-page > .headline {
        float: none;
        text-align: center;
    }
}

.error-page > .error-content {
    margin-left: 190px;
    display: block;
}

@media (max-width: 991px) {
    .error-page > .error-content {
        margin-left: 0;
    }
}

.error-page > .error-content > h3 {
    font-weight: 300;
    font-size: 25px;
}

@media (max-width: 991px) {
    .error-page > .error-content > h3 {
        text-align: center;
    }
}
/*
 * Page: Invoice
 * -------------
 */
.invoice {
    position: relative;
    background: #fff;
    border: 1px solid #f4f4f4;
    padding: 20px;
    margin: 10px 25px;
}

.invoice-title {
    margin-top: 0;
}
/*
 * Page: Profile
 * -------------
 */
.profile-user-img {
    margin: 0 auto;
    width: 100px;
    padding: 3px;
    border: 3px solid #d2d6de;
}

.profile-username {
    font-size: 21px;
    margin-top: 5px;
}

.post {
    border-bottom: 1px solid #d2d6de;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #666;
}

    .post:last-of-type {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .post .user-block {
        margin-bottom: 15px;
    }
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

    .btn-social.btn-lg {
        padding-left: 61px;
    }

        .btn-social.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social.btn-sm {
        padding-left: 38px;
    }

        .btn-social.btn-sm > :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social.btn-xs {
        padding-left: 30px;
    }

        .btn-social.btn-xs > :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}

    .btn-social-icon > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 1.6em;
        text-align: center;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

    .btn-social-icon.btn-lg {
        padding-left: 61px;
    }

        .btn-social-icon.btn-lg > :first-child {
            line-height: 45px;
            width: 45px;
            font-size: 1.8em;
        }

    .btn-social-icon.btn-sm {
        padding-left: 38px;
    }

        .btn-social-icon.btn-sm > :first-child {
            line-height: 28px;
            width: 28px;
            font-size: 1.4em;
        }

    .btn-social-icon.btn-xs {
        padding-left: 30px;
    }

        .btn-social-icon.btn-xs > :first-child {
            line-height: 20px;
            width: 20px;
            font-size: 1.2em;
        }

    .btn-social-icon > :first-child {
        border: none;
        text-align: center;
        width: 100%;
    }

    .btn-social-icon.btn-lg {
        height: 45px;
        width: 45px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-sm {
        height: 30px;
        width: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-social-icon.btn-xs {
        height: 22px;
        width: 22px;
        padding-left: 0;
        padding-right: 0;
    }

.btn-adn {
    color: #ffffff;
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-adn:hover,
    .btn-adn:focus,
    .btn-adn.focus,
    .btn-adn:active,
    .btn-adn.active,
    .open > .dropdown-toggle.btn-adn {
        color: #ffffff;
        background-color: #ce563f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-adn:active,
    .btn-adn.active,
    .open > .dropdown-toggle.btn-adn {
        background-image: none;
    }

    .btn-adn .badge {
        color: #d87a68;
        background-color: #ffffff;
    }

.btn-bitbucket {
    color: #ffffff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-bitbucket:hover,
    .btn-bitbucket:focus,
    .btn-bitbucket.focus,
    .btn-bitbucket:active,
    .btn-bitbucket.active,
    .open > .dropdown-toggle.btn-bitbucket {
        color: #ffffff;
        background-color: #163758;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-bitbucket:active,
    .btn-bitbucket.active,
    .open > .dropdown-toggle.btn-bitbucket {
        background-image: none;
    }

    .btn-bitbucket .badge {
        color: #205081;
        background-color: #ffffff;
    }

.btn-dropbox {
    color: #ffffff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-dropbox:hover,
    .btn-dropbox:focus,
    .btn-dropbox.focus,
    .btn-dropbox:active,
    .btn-dropbox.active,
    .open > .dropdown-toggle.btn-dropbox {
        color: #ffffff;
        background-color: #0d6aad;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-dropbox:active,
    .btn-dropbox.active,
    .open > .dropdown-toggle.btn-dropbox {
        background-image: none;
    }

    .btn-dropbox .badge {
        color: #1087dd;
        background-color: #ffffff;
    }

.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-facebook:hover,
    .btn-facebook:focus,
    .btn-facebook.focus,
    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook {
        color: #ffffff;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook .badge {
        color: #3b5998;
        background-color: #ffffff;
    }

.btn-flickr {
    color: #ffffff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-flickr:hover,
    .btn-flickr:focus,
    .btn-flickr.focus,
    .btn-flickr:active,
    .btn-flickr.active,
    .open > .dropdown-toggle.btn-flickr {
        color: #ffffff;
        background-color: #cc006a;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-flickr:active,
    .btn-flickr.active,
    .open > .dropdown-toggle.btn-flickr {
        background-image: none;
    }

    .btn-flickr .badge {
        color: #ff0084;
        background-color: #ffffff;
    }

.btn-foursquare {
    color: #ffffff;
    background-color: #f94877;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-foursquare:hover,
    .btn-foursquare:focus,
    .btn-foursquare.focus,
    .btn-foursquare:active,
    .btn-foursquare.active,
    .open > .dropdown-toggle.btn-foursquare {
        color: #ffffff;
        background-color: #f71752;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-foursquare:active,
    .btn-foursquare.active,
    .open > .dropdown-toggle.btn-foursquare {
        background-image: none;
    }

    .btn-foursquare .badge {
        color: #f94877;
        background-color: #ffffff;
    }

.btn-github {
    color: #ffffff;
    background-color: #444444;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-github:hover,
    .btn-github:focus,
    .btn-github.focus,
    .btn-github:active,
    .btn-github.active,
    .open > .dropdown-toggle.btn-github {
        color: #ffffff;
        background-color: #2b2b2b;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-github:active,
    .btn-github.active,
    .open > .dropdown-toggle.btn-github {
        background-image: none;
    }

    .btn-github .badge {
        color: #444444;
        background-color: #ffffff;
    }

.btn-google {
    color: #ffffff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-google:hover,
    .btn-google:focus,
    .btn-google.focus,
    .btn-google:active,
    .btn-google.active,
    .open > .dropdown-toggle.btn-google {
        color: #ffffff;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-google:active,
    .btn-google.active,
    .open > .dropdown-toggle.btn-google {
        background-image: none;
    }

    .btn-google .badge {
        color: #dd4b39;
        background-color: #ffffff;
    }

.btn-instagram {
    color: #ffffff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-instagram:hover,
    .btn-instagram:focus,
    .btn-instagram.focus,
    .btn-instagram:active,
    .btn-instagram.active,
    .open > .dropdown-toggle.btn-instagram {
        color: #ffffff;
        background-color: #305777;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-instagram:active,
    .btn-instagram.active,
    .open > .dropdown-toggle.btn-instagram {
        background-image: none;
    }

    .btn-instagram .badge {
        color: #3f729b;
        background-color: #ffffff;
    }

.btn-linkedin {
    color: #ffffff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-linkedin:hover,
    .btn-linkedin:focus,
    .btn-linkedin.focus,
    .btn-linkedin:active,
    .btn-linkedin.active,
    .open > .dropdown-toggle.btn-linkedin {
        color: #ffffff;
        background-color: #005983;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-linkedin:active,
    .btn-linkedin.active,
    .open > .dropdown-toggle.btn-linkedin {
        background-image: none;
    }

    .btn-linkedin .badge {
        color: #007bb6;
        background-color: #ffffff;
    }

.btn-microsoft {
    color: #ffffff;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-microsoft:hover,
    .btn-microsoft:focus,
    .btn-microsoft.focus,
    .btn-microsoft:active,
    .btn-microsoft.active,
    .open > .dropdown-toggle.btn-microsoft {
        color: #ffffff;
        background-color: #125acd;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-microsoft:active,
    .btn-microsoft.active,
    .open > .dropdown-toggle.btn-microsoft {
        background-image: none;
    }

    .btn-microsoft .badge {
        color: #2672ec;
        background-color: #ffffff;
    }

.btn-openid {
    color: #ffffff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-openid:hover,
    .btn-openid:focus,
    .btn-openid.focus,
    .btn-openid:active,
    .btn-openid.active,
    .open > .dropdown-toggle.btn-openid {
        color: #ffffff;
        background-color: #da7908;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-openid:active,
    .btn-openid.active,
    .open > .dropdown-toggle.btn-openid {
        background-image: none;
    }

    .btn-openid .badge {
        color: #f7931e;
        background-color: #ffffff;
    }

.btn-pinterest {
    color: #ffffff;
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-pinterest:hover,
    .btn-pinterest:focus,
    .btn-pinterest.focus,
    .btn-pinterest:active,
    .btn-pinterest.active,
    .open > .dropdown-toggle.btn-pinterest {
        color: #ffffff;
        background-color: #9f191f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-pinterest:active,
    .btn-pinterest.active,
    .open > .dropdown-toggle.btn-pinterest {
        background-image: none;
    }

    .btn-pinterest .badge {
        color: #cb2027;
        background-color: #ffffff;
    }

.btn-reddit {
    color: #000000;
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-reddit:hover,
    .btn-reddit:focus,
    .btn-reddit.focus,
    .btn-reddit:active,
    .btn-reddit.active,
    .open > .dropdown-toggle.btn-reddit {
        color: #000000;
        background-color: #bcddff;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-reddit:active,
    .btn-reddit.active,
    .open > .dropdown-toggle.btn-reddit {
        background-image: none;
    }

    .btn-reddit .badge {
        color: #eff7ff;
        background-color: #000000;
    }

.btn-soundcloud {
    color: #ffffff;
    background-color: #ff5500;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-soundcloud:hover,
    .btn-soundcloud:focus,
    .btn-soundcloud.focus,
    .btn-soundcloud:active,
    .btn-soundcloud.active,
    .open > .dropdown-toggle.btn-soundcloud {
        color: #ffffff;
        background-color: #cc4400;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-soundcloud:active,
    .btn-soundcloud.active,
    .open > .dropdown-toggle.btn-soundcloud {
        background-image: none;
    }

    .btn-soundcloud .badge {
        color: #ff5500;
        background-color: #ffffff;
    }

.btn-tumblr {
    color: #ffffff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-tumblr:hover,
    .btn-tumblr:focus,
    .btn-tumblr.focus,
    .btn-tumblr:active,
    .btn-tumblr.active,
    .open > .dropdown-toggle.btn-tumblr {
        color: #ffffff;
        background-color: #1c2d3f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-tumblr:active,
    .btn-tumblr.active,
    .open > .dropdown-toggle.btn-tumblr {
        background-image: none;
    }

    .btn-tumblr .badge {
        color: #2c4762;
        background-color: #ffffff;
    }

.btn-twitter {
    color: #ffffff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-twitter:hover,
    .btn-twitter:focus,
    .btn-twitter.focus,
    .btn-twitter:active,
    .btn-twitter.active,
    .open > .dropdown-toggle.btn-twitter {
        color: #ffffff;
        background-color: #2795e9;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-twitter:active,
    .btn-twitter.active,
    .open > .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter .badge {
        color: #55acee;
        background-color: #ffffff;
    }

.btn-vimeo {
    color: #ffffff;
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-vimeo:hover,
    .btn-vimeo:focus,
    .btn-vimeo.focus,
    .btn-vimeo:active,
    .btn-vimeo.active,
    .open > .dropdown-toggle.btn-vimeo {
        color: #ffffff;
        background-color: #1295bf;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vimeo:active,
    .btn-vimeo.active,
    .open > .dropdown-toggle.btn-vimeo {
        background-image: none;
    }

    .btn-vimeo .badge {
        color: #1ab7ea;
        background-color: #ffffff;
    }

.btn-vk {
    color: #ffffff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-vk:hover,
    .btn-vk:focus,
    .btn-vk.focus,
    .btn-vk:active,
    .btn-vk.active,
    .open > .dropdown-toggle.btn-vk {
        color: #ffffff;
        background-color: #466482;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-vk:active,
    .btn-vk.active,
    .open > .dropdown-toggle.btn-vk {
        background-image: none;
    }

    .btn-vk .badge {
        color: #587ea3;
        background-color: #ffffff;
    }

.btn-yahoo {
    color: #ffffff;
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-yahoo:hover,
    .btn-yahoo:focus,
    .btn-yahoo.focus,
    .btn-yahoo:active,
    .btn-yahoo.active,
    .open > .dropdown-toggle.btn-yahoo {
        color: #ffffff;
        background-color: #500a6f;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-yahoo:active,
    .btn-yahoo.active,
    .open > .dropdown-toggle.btn-yahoo {
        background-image: none;
    }

    .btn-yahoo .badge {
        color: #720e9e;
        background-color: #ffffff;
    }
/*
 * Plugin: Full Calendar
 * ---------------------
 */
.fc-button {
    background: #f4f4f4;
    background-image: none;
    color: #444;
    border-color: #ddd;
    border-bottom-color: #ddd;
}

    .fc-button:hover,
    .fc-button:active,
    .fc-button.hover {
        background-color: #e9e9e9;
    }

.fc-header-title h2 {
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
    margin-left: 10px;
}

.fc-header-right {
    padding-right: 10px;
}

.fc-header-left {
    padding-left: 10px;
}

.fc-widget-header {
    background: #fafafa;
}

.fc-grid {
    width: 100%;
    border: 0;
}

.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}

.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
    border-right: 0;
}

.fc-toolbar {
    padding: 10px;
    margin: 0;
}

.fc-day-number {
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
}

.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .fc-color-picker > li {
        float: left;
        font-size: 30px;
        margin-right: 5px;
        line-height: 30px;
    }

        .fc-color-picker > li .fa {
            -webkit-transition: -webkit-transform linear 0.3s;
            -moz-transition: -moz-transform linear 0.3s;
            -o-transition: -o-transform linear 0.3s;
            transition: transform linear 0.3s;
        }

            .fc-color-picker > li .fa:hover {
                -webkit-transform: rotate(30deg);
                -ms-transform: rotate(30deg);
                -o-transform: rotate(30deg);
                transform: rotate(30deg);
            }

#add-new-event {
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.external-event {
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: move;
}

    .external-event:hover {
        box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
    }
/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
    outline: none;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px;
}

.select2-container--default.select2-container--open {
    border-color: #a33234;
}

.select2-dropdown {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #a33234;
    color: white;
}

.select2-results__option {
    padding: 6px 12px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -4px;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 6px;
    padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    right: 3px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 0;
    }

.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
    border: 1px solid #d2d6de;
}

    .select2-dropdown .select2-search__field:focus,
    .select2-search--inline .select2-search__field:focus {
        outline: none;
        border: 1px solid #a33234;
    }

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

    .select2-container--default .select2-results__option[aria-selected=true],
    .select2-container--default .select2-results__option[aria-selected=true]:hover {
        color: #444;
    }

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

    .select2-container--default .select2-selection--multiple:focus {
        border-color: #a33234;
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #d2d6de;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #a33234;
    border-color: #a33234;
    padding: 1px 10px;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
}
/*
 * General: Miscellaneous
 * ----------------------
 */
.pad {
    padding: 10px;
}

.margin {
    margin: 10px;
}

.margin-bottom {
    margin-bottom: 20px;
}

.margin-bottom-none {
    margin-bottom: 0;
}

.margin-r-5 {
    margin-right: 5px;
}

.inline {
    display: inline;
}

.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}

    .description-block.margin-bottom {
        margin-bottom: 25px;
    }

    .description-block > .description-header {
        margin: 0;
        padding: 0;
        font-weight: 600;
        font-size: 16px;
    }

    .description-block > .description-text {
        text-transform: uppercase;
    }

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111111 !important;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.label-danger-light {
    background-color: #e8aba4 !important;
    color: #333 !important;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #a33234 !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}

.label-success-light {
    background-color: #a7e2c7 !important;
    color: #333 !important;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.text-red {
    color: #dd4b39 !important;
}

.text-yellow {
    color: #f39c12 !important;
}

.text-aqua {
    color: #00c0ef !important;
}

.text-blue {
    color: #0073b7 !important;
}

.text-black {
    color: #111111 !important;
}

.text-light-blue {
    color: #a33234 !important;
}

.text-green {
    color: #00a65a !important;
}

.text-gray {
    color: #d2d6de !important;
}

.text-navy {
    color: #001f3f !important;
}

.text-teal {
    color: #39cccc !important;
}

.text-olive {
    color: #3d9970 !important;
}

.text-lime {
    color: #01ff70 !important;
}

.text-orange {
    color: #ff851b !important;
}

.text-fuchsia {
    color: #f012be !important;
}

.text-purple {
    color: #605ca8 !important;
}

.text-maroon {
    color: #d81b60 !important;
}

.link-muted {
    color: #7a869d;
}

    .link-muted:hover,
    .link-muted:focus {
        color: #606c84;
    }

.link-black {
    color: #666;
}

    .link-black:hover,
    .link-black:focus {
        color: #999;
    }

.hide {
    display: none !important;
}

.no-border {
    border: 0 !important;
}

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

.no-margin {
    margin: 0 !important;
}

.no-shadow {
    box-shadow: none !important;
}

.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-group-unbordered > .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.flat {
    border-radius: 0 !important;
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
    font-weight: 700;
}

.text-sm {
    font-size: 12px;
}

.jqstooltip {
    padding: 5px !important;
    width: auto !important;
    height: auto !important;
}

.bg-teal-gradient {
    background: #39cccc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
    background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
    background: -o-linear-gradient(#7adddd, #39cccc) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
    color: #fff;
}

.bg-light-blue-gradient {
    background: #a33234 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a33234), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom, #a33234, #67a8ce) !important;
    background: -moz-linear-gradient(center bottom, #a33234 0%, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce, #a33234) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#a33234', GradientType=0) !important;
    color: #fff;
}

.bg-blue-gradient {
    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff;
}

.bg-yellow-gradient {
    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}

.bg-purple-gradient {
    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff;
}

.bg-green-gradient {
    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}

.bg-red-gradient {
    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}

.bg-black-gradient {
    background: #111111 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
    background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
    background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
    background: -o-linear-gradient(#2b2b2b, #111111) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
    color: #fff;
}

.bg-maroon-gradient {
    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}

.description-block .description-icon {
    font-size: 16px;
}

.no-pad-top {
    padding-top: 0;
}

.position-static {
    position: static !important;
}

.list-header {
    font-size: 15px;
    padding: 10px 4px;
    font-weight: bold;
    color: #666;
}

.list-seperator {
    height: 1px;
    background: #f4f4f4;
    margin: 15px 0 9px 0;
}

.list-link > a {
    padding: 4px;
    color: #777;
}

    .list-link > a:hover {
        color: #222;
    }

.font-light {
    font-weight: 300;
}

.user-block:before,
.user-block:after {
    content: " ";
    display: table;
}

.user-block:after {
    clear: both;
}

.user-block img {
    width: 40px;
    height: 40px;
    float: left;
}

.user-block .username,
.user-block .description,
.user-block .comment {
    display: block;
    margin-left: 50px;
}

.user-block .username {
    font-size: 16px;
    font-weight: 600;
}

.user-block .description {
    color: #999;
    font-size: 13px;
}

.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
    margin-left: 40px;
}

.user-block.user-block-sm .username {
    font-size: 14px;
}

.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
    float: left;
}

.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
    width: 30px !important;
    height: 30px !important;
}

    .img-sm + .img-push {
        margin-left: 40px;
    }

.img-md {
    width: 60px;
    height: 60px;
}

    .img-md + .img-push {
        margin-left: 70px;
    }

.img-lg {
    width: 100px;
    height: 100px;
}

    .img-lg + .img-push {
        margin-left: 110px;
    }

.img-bordered {
    border: 3px solid #d2d6de;
    padding: 3px;
}

.img-bordered-sm {
    border: 2px solid #d2d6de;
    padding: 2px;
}

.attachment-block {
    border: 1px solid #f4f4f4;
    padding: 5px;
    margin-bottom: 10px;
    background: #f7f7f7;
}

    .attachment-block .attachment-img {
        max-width: 100px;
        max-height: 100px;
        height: auto;
        float: left;
    }

    .attachment-block .attachment-pushed {
        margin-left: 110px;
    }

    .attachment-block .attachment-heading {
        margin: 0;
    }

    .attachment-block .attachment-text {
        color: #555;
    }

.connectedSortable {
    min-height: 100px;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sort-highlight {
    background: #f4f4f4;
    border: 1px dashed #ddd;
    margin-bottom: 10px;
}

.full-opacity-hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

    .full-opacity-hover:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.chart {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .chart svg,
    .chart canvas {
        width: 100% !important;
    }
/*
 * Misc: print
 * -----------
 */
@media print {
    .no-print,
    .main-sidebar,
    .left-side,
    .main-header,
    .content-header {
        display: none !important;
    }

    .content-wrapper,
    .right-side,
    .main-footer {
        margin-left: 0 !important;
        min-height: 0 !important;
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }

    .fixed .content-wrapper,
    .fixed .right-side {
        padding-top: 0 !important;
    }

    .invoice {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .invoice-col {
        float: left;
        width: 33.3333333%;
    }

    .table-responsive {
        overflow: auto;
    }

        .table-responsive > .table tr th,
        .table-responsive > .table tr td {
            white-space: normal !important;
        }
}
/*
 * Skin: Blue
 * ----------
 */
.skin-blue .main-header .navbar {
    background-color: #a33234;
}

    .skin-blue .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-blue .main-header .navbar .nav > li > a:hover,
        .skin-blue .main-header .navbar .nav > li > a:active,
        .skin-blue .main-header .navbar .nav > li > a:focus,
        .skin-blue .main-header .navbar .nav .open > a,
        .skin-blue .main-header .navbar .nav .open > a:hover,
        .skin-blue .main-header .navbar .nav .open > a:focus,
        .skin-blue .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            background-color: #a33234;
        }

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #000;
    }

        .skin-blue .main-header .navbar .dropdown-menu li a:hover {
            background: #a33234;
        }
}

.skin-blue .main-header .logo {
    background-color: #a33234;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue .main-header .logo:hover {
        background-color: #a33234;
    }

.skin-blue .main-header li.user-header {
    background-color: #a33234;
}

.skin-blue .content-header {
    background: transparent;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #a33234;
}

.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
    color: #fff;
}

.skin-blue .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #f58635;
    border-left-color: #f58635;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 0px;
    background: #fff !important;
}

.skin-blue .sidebar a {
    color: #b8c7ce;
}

    .skin-blue .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue .treeview-menu > li > a {
    color: #000;
}

    .skin-blue .treeview-menu > li.active > a,
    .skin-blue .treeview-menu > li > a:hover {
        color: #000;
    }

.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue .sidebar-form input[type="text"],
    .skin-blue .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .skin-blue .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue .sidebar-form input[type="text"]:focus,
        .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #a33234;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }

.blue-color {
    color: #a33234;
}
/* 
 * Don't modify things marked with ! - unless you know what you're doing
 */

/* ! vertical layout */
.multiSelect .vertical {
    float: none;
}

/* ! horizontal layout */
.multiSelect .horizontal:not(.multiSelectGroup) {
    float: left;
}

/* ! create a "row" */
.multiSelect .line {
    padding: 2px 0px 4px 0px;
    max-height: 30px;
    overflow: hidden;
    box-sizing: content-box;
}

/* ! create a "column" */
.multiSelect .acol {
    display: inline-block;
    min-width: 12px;
}

/* ! */
.multiSelect .inlineBlock {
    display: inline-block;
}

/* the multiselect button */
.multiSelect > button {
    display: inline-block;
    position: relative;
    text-align: left;
    cursor: pointer;
    border: 1px solid #c6c6c6;
    padding: 1px 8px 1px 8px;
    font-size: 14px;
    height: 38px !important;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    white-space: normal;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
}

    /* button: hover */
    .multiSelect > button:hover {
    }

    /* button: disabled */
    .multiSelect > button:disabled {
        background-image: linear-gradient(#fff, #fff);
        border: 1px solid #ddd;
        color: #999;
    }

/* button: clicked */
.multiSelect .buttonClicked {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* labels on the button */
.multiSelect .buttonLabel {
    display: inline-block;
    padding: 5px 0px 5px 0px;
}

/* downward pointing arrow */
.multiSelect .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0px 0px 1px 12px !important;
    vertical-align: middle;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
}

/* the main checkboxes and helper layer */
.multiSelect .checkboxLayer {
    background-color: #fff;
    position: absolute;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    min-width: 278px;
    display: none !important;
}

/* container of helper elements */
.multiSelect .helperContainer {
    border-bottom: 1px solid #ddd;
    padding: 8px 8px 0px 8px;
}

/* helper buttons (select all, none, reset); */
.multiSelect .helperButton {
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 26px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;
    background-color: #f1f1f1;
    line-height: 1.6;
    margin: 0px 0px 8px 0px;
}

    .multiSelect .helperButton.reset {
        float: right;
    }

    .multiSelect .helperButton:not( .reset ) {
        margin-right: 4px;
    }

/* clear button */
.multiSelect .clearButton {
    position: absolute;
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 22px;
    width: 22px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;
    background-color: #f1f1f1;
    line-height: 1.4;
    right: 2px;
    top: 4px;
}

/* filter */
.multiSelect .inputFilter {
    border-radius: 2px;
    border: 1px solid #ccc;
    height: 26px;
    font-size: 14px;
    width: 100%;
    padding-left: 7px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    color: #888;
    margin: 0px 0px 8px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* helper elements on hover & focus */
.multiSelect .clearButton:hover,
.multiSelect .helperButton:hover {
    border: 1px solid #ccc;
    color: #999;
    background-color: #f4f4f4;
}

.multiSelect .helperButton:disabled {
    color: #ccc;
    border: 1px solid #ddd;
}

.multiSelect .clearButton:focus,
.multiSelect .helperButton:focus,
.multiSelect .inputFilter:focus {
    border: 1px solid #66AFE9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
}

/* container of multi select items */
.multiSelect .checkBoxContainer {
    display: block;
    padding: 8px;
    overflow: scroll;
    max-height: 250px;
}

/* ! to show / hide the checkbox layer above */
.multiSelect .show {
    display: block !important;
}

/* item labels */
.multiSelect .multiSelectItem {
    display: block;
    padding: 3px;
    color: #444;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    position: relative;
    min-width: 278px;
    min-height: 32px;
}

    /* Styling on selected items */
    .multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
        background-image: linear-gradient( #e9e9e9, #f1f1f1 );
        color: #555;
        cursor: pointer;
        border-top: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        border-right: 1px solid #d9d9d9;
    }

    .multiSelect .multiSelectItem .acol label {
        display: inline-block;
        padding-right: 30px;
        margin: 0px;
        font-weight: normal;
        line-height: normal;
    }

    /* item labels focus on mouse hover */
    .multiSelect .multiSelectItem:hover,
    .multiSelect .multiSelectGroup:hover {
        background-image: linear-gradient( #c1c1c1, #999 ) !important;
        color: #fff !important;
        cursor: pointer;
        border: 1px solid #ccc !important;
    }

/* item labels focus using keyboard */
.multiSelect .multiSelectFocus {
    background-image: linear-gradient( #c1c1c1, #999 ) !important;
    color: #fff !important;
    cursor: pointer;
    border: 1px solid #ccc !important;
}

/* change mouse pointer into the pointing finger */
.multiSelect .multiSelectItem span:hover,
.multiSelect .multiSelectGroup span:hover {
    cursor: pointer;
}

/* ! group labels */
.multiSelect .multiSelectGroup {
    display: block;
    clear: both;
}

/* right-align the tick mark (&#10004;) */
.multiSelect .tickMark {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 10px;
}

/* hide the original HTML checkbox away */
.multiSelect .checkbox {
    color: #ddd !important;
    position: absolute;
    left: -9999px;
    cursor: pointer;
}

/* checkboxes currently disabled */
.multiSelect .disabled,
.multiSelect .disabled:hover,
.multiSelect .disabled label input:hover ~ span {
    color: #c4c4c4 !important;
    cursor: not-allowed !important;
}

/* If you use images in button / checkbox label, you might want to change the image style here. */
.multiSelect img {
    vertical-align: middle;
    margin-bottom: 0px;
    max-height: 22px;
    max-width: 22px;
}

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {font-family: 'Open Sans', sans-serif; }*/
.ng-invalid-required {
    border-left-color: #e24148;
    border-left-width: 2px;
}

.ng-valid-required {
    border-left-color: #25c93b;
    border-left-width: 2px;
}

.thumbnail-50 {
    height: 50px;
    width: 50px;
}

.thumbnail-100 {
    height: 100px;
    width: 100px;
}

.thumbnail-150 {
    height: 150px;
    width: 150px;
}

.hideResetButton .reset {
    display: none;
}


.gridPaggingLeftUL {
    margin-left: 0px;
    padding-top: 5px;
}

.gridPaggingRightUL {
    margin: 0px;
    float: right;
    padding-right: 30px;
}

.paggingPageTextBox {
    padding-top: 0px;
    height: 34px;
    width: auto;
    text-align: center;
    max-width: 40px;
    float: left;
    margin-right: 1px;
}

.paggingPageDropDown {
    padding-top: 0px;
    height: 34px;
    width: auto;
    text-align: center;
    max-width: 50px;
}

.activeRow .tableRow {
    background-color: #e5e5e5;
}


/*option 1*/
ul#progress {
    list-style: none;
    width: 125px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 50px;
}

    ul#progress li {
        /* Style your list */
        float: left;
        position: relative;
        width: 15px;
        height: 15px;
        border: 1px solid #fff;
        border-radius: 50px;
        margin-left: 10px;
        border-left: 1px solid #111;
        border-top: 1px solid #111;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        background: #000;
    }

        ul#progress li:first-child {
            margin-left: 0;
        }
/* Remove the margin first li element */

.ball {
    /* Style your ball and set the animation */
    background-color: #2187e7;
    background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff);
    background-image: -webkit-linear-gradient(90deg, #2187e7 25%, #a0eaff);
    width: 15px;
    height: 15px;
    border-radius: 50px;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-animation: loading 1s linear forwards;
    -webkit-animation: loading 1s linear forwards;
}

.pulse {
    /* Style your second ball to create the amazing effects */
    width: 15px;
    height: 15px;
    border-radius: 30px;
    border: 1px solid #00c6ff;
    box-shadow: 0 0 5px #00c6ff;
    position: absolute;
    top: -1px;
    left: -1px;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-animation: pulse 1s ease-out;
    -moz-animation: pulse 1s ease-out;
}

/* Control Layers */
#layer1 {
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

#layer2 {
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

#layer3 {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

#layer4 {
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

#layer5 {
    -moz-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}

#layer7 {
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

#layer8 {
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

#layer9 {
    -moz-animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
}

#layer10 {
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
}

#layer11 {
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
}

@-moz-keyframes loading {
    0% {
        -moz-transform: scale(0,0);
    }

    100% {
        -moz-transform: scale(1,1);
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: scale(0,0);
    }

    100% {
        -webkit-transform: scale(1,1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }

    10% {
        -moz-transform: scale(1);
        opacity: 0.5;
    }

    50% {
        -moz-transform: scale(1.75);
        opacity: 0;
    }

    100% {
        -moz-transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    10% {
        -webkit-transform: scale(1);
        opacity: 0.5;
    }

    50% {
        -webkit-transform: scale(1.75);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}
/*Option 2*/
.bubblingG {
    text-align: center;
    width: 100px;
    height: 63px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
}

    .bubblingG span {
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 13px;
        margin: 31px auto;
        background: #68A8D6;
        -moz-border-radius: 63px;
        -moz-animation: bubblingG 0.6s infinite alternate;
        -webkit-border-radius: 63px;
        -webkit-animation: bubblingG 0.6s infinite alternate;
        -ms-border-radius: 63px;
        -ms-animation: bubblingG 0.6s infinite alternate;
        -o-border-radius: 63px;
        -o-animation: bubblingG 0.6s infinite alternate;
        border-radius: 63px;
        animation: bubblingG 0.6s infinite alternate;
    }

#bubblingG_1 {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

#bubblingG_2 {
    -moz-animation-delay: 0.18s;
    -webkit-animation-delay: 0.18s;
    -ms-animation-delay: 0.18s;
    -o-animation-delay: 0.18s;
    animation-delay: 0.18s;
}

#bubblingG_3 {
    -moz-animation-delay: 0.36s;
    -webkit-animation-delay: 0.36s;
    -ms-animation-delay: 0.36s;
    -o-animation-delay: 0.36s;
    animation-delay: 0.36s;
}

@-moz-keyframes bubblingG {
    0% {
        width: 13px;
        height: 13px;
        background-color: #68A8D6;
        -moz-transform: translateY(0);
    }

    100% {
        width: 30px;
        height: 30px;
        background-color: #041130;
        -moz-transform: translateY(-26px);
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 13px;
        height: 13px;
        background-color: #68A8D6;
        -webkit-transform: translateY(0);
    }

    100% {
        width: 30px;
        height: 30px;
        background-color: #041130;
        -webkit-transform: translateY(-26px);
    }
}

@-ms-keyframes bubblingG {
    0% {
        width: 13px;
        height: 13px;
        background-color: #68A8D6;
        -ms-transform: translateY(0);
    }

    100% {
        width: 30px;
        height: 30px;
        background-color: #041130;
        -ms-transform: translateY(-26px);
    }
}

@-o-keyframes bubblingG {
    0% {
        width: 13px;
        height: 13px;
        background-color: #68A8D6;
        -o-transform: translateY(0);
    }

    100% {
        width: 30px;
        height: 30px;
        background-color: #041130;
        -o-transform: translateY(-26px);
    }
}

@keyframes bubblingG {
    0% {
        width: 13px;
        height: 13px;
        background-color: #68A8D6;
        transform: translateY(0);
    }

    100% {
        width: 30px;
        height: 30px;
        background-color: #041130;
        transform: translateY(-26px);
    }
}

/*Option 3*/
.circle {
    background-color: rgba(0, 0, 0, 0.50);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

.circle1 {
    background-color: rgba(0, 0, 0, 0.50);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 30px;
    height: 30px;
    margin: 10px 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }

    ;
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

.treeview-menu .active a {
    color: #a33234 !important;
    font-weight: bold;
}

.activeSubMenu {
    display: block;
    background-color: #efefef !important;
}

.deActiveSubMenu {
    display: none;
}
/*.greed-footer-center {
    text-align:center; clear:both;
}*/

@media screen and (min-width: 230px) and (max-width: 480px) {
    .greed-footer-center {
        width: 100%;
        text-align: center;
        clear: both;
    }
}

@media screen and (min-width: 360px) and (max-width: 640px) {
    .greed-footer-center {
        width: 100%;
        text-align: center;
        clear: both;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .greed-footer-center {
        width: 100%;
        text-align: center;
        clear: both;
    }
}

@media screen and (min-width: 800px) and (max-width: 1279px) {
    .greed-footer-center {
        width: 100%;
        text-align: center;
        clear: both;
    }
}


.table-header-color thead th {
    /*background-color: #f2f2f2;
    border: 1px solid #eaeaea !important;*/
    background-color: #a33234;
    border: 1px solid #055082 !important;
    color: #fff !important;
}

.overflowDiv {
    overflow: auto;
}

.customTable table {
    float: left;
}

.customTable th {
    border-top: 0;
    vertical-align: bottom;
    background-color: #a33234;
    border: 1px solid !important;
    padding: 8px;
    line-height: 0.7;
    text-transform: uppercase;
    box-sizing: border-box;
    font-weight: bold;
    display: table-cell;
    color: #fff;
}

/*.customTable tr:nth-child(odd) td {
        border: 1px solid #eaeaea;
        padding: 8px;
        line-height: 0.7;
        vertical-align: top;
        text-transform: uppercase;
        display: table-cell;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 400;
        background-color: #e0eff9;
    }

    .customTable tr:nth-child(even) td {
        padding: 8px;
        line-height: 0.7;
        vertical-align: top;
        text-transform: uppercase;
        box-sizing: border-box;
        border: 1px solid #f4f4f4;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 400;
    }*/
.customTable tr td {
    padding: 8px;
    line-height: 0.7;
    vertical-align: top;
    text-transform: uppercase;
    box-sizing: border-box;
    border: 1px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.customTable .right {
    overflow: auto;
}

.rowColor td {
    color: #000 !important;
    font-weight: bold !important;
    background-color: #e0eff9;
}

.rowColumnColor {
    color: #000 !important;
    font-weight: bold !important;
    background-color: #e0eff9;
}

.lowNumber {
    background-color: #f7d9d9 !important;
}

.highNumber {
    background-color: #c9efdd !important;
}

.highNumberdiv td:parent {
    background-color: #c9efdd !important;
}


.divisionEndThin {
    border-right: 1px solid !important;
}

.divisionEnd {
    border-right: 3px solid !important;
}

.totalRowColor td {
    color: #000 !important;
    font-weight: bold !important;
    background-color: #e0eff9;
}

.h2White {
    color: #fff !important;
}

.dialogdemoBasicUsage #popupContainer {
    position: relative;
}

.dialogdemoBasicUsage .footer {
    width: 100%;
    text-align: center;
    margin-left: 20px;
}

    .dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
        font-size: 0.8em;
        margin-top: 50px;
    }

.md-dialog-is-showing {
    /*overflow:hidden;*/
    max-width: 100% !important;
    max-height: 100% !important;
}

.vcenter {
    vertical-align: middle !important;
}

.horizontal-scroll {
    overflow-x: auto;
}

.k-grid, .k-grid-content {
    height: auto !important;
}

.k-grid-content-border td {
    border-right: 1px solid #e6e6e6 !important;
}

.k-filter-row > th {
    padding: 10px .6em;
}

.k-filter-row .k-filtercell > span {
    padding-right: 40px
}

.k-filter-row .k-filtercell .k-dropdown {
    right: 0px;
}
/*.k-filter-row .k-filtercell input{
        height:25px !important;
        line-height:25px !important;
    }*/

.k-grid-content {
    max-height: 300px;
}

.k-grid tbody tr {
    height: 25px;
}

.k-grid td {
    white-space: nowrap;
}

.edit-button {
    color: #367fa9;
    cursor: pointer;
    margin: 0 5px;
}

    .edit-button.Approve {
        opacity: 0.3;
        cursor: default;
    }

.delete-button {
    padding-left: 10px;
    color: red;
    cursor: pointer;
}

.active-button {
    padding-left: 10px;
    color: forestgreen;
    cursor: pointer;
    font-size: 12pt;
}


::-webkit-scrollbar {
    width: 8px; /* for vertical scrollbars */
    height: 8px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: #f38341;
}

.lineHeightNormal {
    line-height: normal !important;
}

.high-light-td-value {
    padding: 0 !important;
    position: relative;
}

.high-light-value {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 5px;
    padding-left: 17px;
}
/*.text-right{
    text-align:right !important
}*/

.listdemoBasicUsage md-divider {
    margin-top: 10px;
    margin-bottom: 0;
}

.content-header > h1 {
    color: #212529;
}

.box.box-primary {
    border-top-color: #d2d6de;
}

.videolist h4 {
    color: #231f20;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 400;
}

.skin-blue .sidebar-menu > li > a {
    color: #231f20;
}

.box-header h3 {
    color: #231f20;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background: #fff1f1;
    border-left-color: #a33234;
    color: #a33234;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #ffffff;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #231f20;
    border-color: #231f20;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #a33234;
    border-color: #231f20;
}

.btn-primary:hover {
    color: #fff;
    background-color: #a33234;
    border-color: #231f20;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #a33234;
    border-color: #231f20;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


.ihsinfo-col {
    overflow: auto;
}

    .ihsinfo-col .nextBtnRow {
        text-align: center;
        margin: 15px 0px;
    }

    .ihsinfo-col .dots {
        margin: 0px;
        padding: 0px;
    }

    .ihsinfo-col .slider img {
        width: 760px;
        height: 450px
    }

.slider {
    width: 800px;
    height: 490px;
    overflow: hidden;
    position: relative;
    border: 20px solid #efefef;
}

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

.arrow {
    position: absolute;
    z-index: 1002;
    display: block;
    top: 50%;
    margin-top: -65px;
    width: 36px;
    height: 71px;
    outline: none;
    cursor: pointer;
    background: url(../../images/blank.gif) no-repeat;
}

    .arrow.prev {
        opacity: 0.2;
        left: 20px;
        background-image: url(../../images/paddle_prev_999.png);
        transition: 0.2s linear all;
    }

    .arrow.next {
        opacity: 0.2;
        right: 20px;
        background-image: url(../../images/paddle_next_999.png);
        transition: 0.2s linear all;
    }

    .arrow.prev:hover {
        opacity: 1;
        background-image: url(../../images/paddle_prev_fff.png);
    }

    .arrow.next:hover {
        opacity: 1;
        background-image: url(../../images/paddle_next_fff.png);
    }


/*---------------------------------------------------------
NAV
---------------------------------------------------------*/


.navslide {
    text-align: center;
    display: block;
    position: absolute;
    z-index: 1002;
    left: 0;
    bottom: -4px;
    right: 0;
    height: 48px;
}

.nonDraggableImage {
    -webkit-user-drag: none;
}

.navslide .wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 1em 0 .8em;
    background-color: transparent !important;
}

.navslide ul {
    margin: 0;
    width: 100%;
}

.navslide .dot, .navslide .dot a {
    display: inline-block;
    zoom: 1;
}

.dots .dot {
    position: relative;
    margin: 0 8px;
    width: 12px;
    height: 12px;
}

    .dots .dot a {
        position: absolute;
        top: 2px;
        left: 2px;
        width: 6px;
        height: 6px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: #FFF;
        border: 1px solid transparent;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: background-color 0.25s, border-color 0.25s;
        -moz-transition: background-color 0.25s, border-color 0.25s;
        transition: background-color 0.25s, border-color 0.25s;
    }

        .dots .dot a.active {
            border-color: #FFF;
            background-color: transparent;
        }






/*
    NEW THEME HERE

*/


.bgd-bg-color {
    background-color: #404040;
}


.panel-heading {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 7px 10px;
}

.date {
    position: relative;
}

    .date .input-group-addon {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999;
        border: 1px solid #ced4da;
        padding: 9px 11px 9px;
        border-right: none;
    }

.checkbox input {
    margin-right: 7px;
}

.radio-inline input {
    margin-right: 7px;
}


#datepicker {
    margin-left: 35px;
}

#datepicker2 {
    margin-left: 35px;
}

#datepicker3 {
    margin-left: 35px;
}

.datepicker-days {
    font-size: 15px;
}

.form-control, .btn {
}

.tabs-bar {
}

    .tabs-bar a {
        color: #000;
        text-decoration: none;
        font-size: 16px;
        padding: 18px 15px;
        display: inline-block;
        border-bottom: 4px solid transparent;
    }

        .tabs-bar a.active {
            border-bottom: 4px solid #a33234;
            position: relative;
        }
/*.tabs-bar a.active:after { content:""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #a33234; position:absolute; left:0px; bottom:0px; right:0px; margin:0 auto;}*/
.nav-tabs > li > a {
    border-radius: 0 !important;
    cursor: pointer;
}

.tab-pane h3 {
    font-size: 21px;
    color: #a33234;
    margin: 0 0 15px;
}

    .tab-pane h3 span {
        color: #000;
        font-size: 15px;
        display: block;
        font-weight: 400;
        margin-top: 15px;
    }

.tab-pane {
    padding: 30px;
    background: #fff;
}

    .tab-pane .row {
        padding: 15px 0px;
    }

.btn-primary {
    color: #fff !important;
    background: #a33234;
    border: none;
}

.panel-body {
    min-height: 300px;
}

    .panel-body .row:nth-child(odd) {
    }

.form-data label {
    font-size: 16px;
    color: #424242;
    font-weight: 400;
    line-height: 34px;
    margin: 0;
}

.titleTxt {
    float: right;
    margin: 7px 0 0;
    font-weight: 600;
}



.note {
    color: #ff0000;
    font-size: 12px;
    display: block;
    padding-top: 3px;
}

.btn-upload {
    color: #fff;
    background-color: #016bb5;
}


/* Create a custom radio button */
.clearboth {
    clear: both;
}

.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkcontainer {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px !important;
    line-height: 28px !important;
    margin-top: 5px !important;
}

.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}




/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .radiobtn {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn {
    background-color: #a33234;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkcontainer .radiobtn:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.bgGray {
    background: #404040;
}






/* Hide the browser's default checkbox */
.checkbox1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Customize the label (the container) */
.checkbox1 {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: solid 1px #ced4da;
}

/* On mouse-over, add a grey background color */
.checkbox1:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox1 input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox1 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox1 .checkmark:after {
    left: 9px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}





a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}

a[aria-expanded="true"]::before {
    content: '\e260';
}




ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download {
    background: #fff;
    color: #7386D5;
}






.card {
    background: #ffffff;
    margin: 7.5px 0;
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}


    .card .card-body {
        padding: 0px;
    }

.card-subtitle {
    font-size: 12px;
    margin: 10px 0;
}

.card-title {
    font-weight: 400;
    font-size: 18px;
    margin: 0;
    text-align: center;
    color: #868e96;
}

.card-total {
    font-weight: 400;
    font-size: 30px;
    margin: 0;
    text-align: center;
    color: #000;
}

a.card {
    text-decoration: none;
}

thead tr th {
    color: #373757;
    font-weight: 500;
}

    thead tr th:last-child {
    }

tbody tr th {
    color: #373757;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

tbody tr td {
    font-family: 'Roboto', sans-serif;
    color: #868e96;
}

    tbody tr td:last-child {
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    line-height: 30px;
    vertical-align: top;
}

.table > thead > tr > th {
    border-bottom: 1px solid #e7e7e7;
    font-weight: 600;
    border-top: 0;
}

.table {
    margin-bottom: 0;
}

    .table .badge {
        text-transform: uppercase;
    }



#customers {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    border-collapse: collapse;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

    #customers td, #customers th {
        border: 1px solid #ddd;
        padding: 10px;
    }

    #customers tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #customers tr:hover {
        background-color: #ddd;
    }

    #customers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #9b9b9b;
        color: #fff;
        font-weight: 700;
    }

    #customers td {
        color: #000;
    }





/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    padding: 0px;
    min-height: 100vh;
    transition: all 0.3s;
    width: 100%;
}

/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }


.addpatient-page .panel-body {
    padding: 0 15px 15px 15px;
}

.addpatient-page .panel.panel-default {
    border-radius: 0px;
}

.content-header {
    position: relative;
    padding: 15px 15px 15px 15px;
}

    .content-header .panel-body {
        padding: 15px;
    }

.addpatient-page .form-data label {
    font-size: 15px;
    color: #424242;
    font-weight: 400;
    line-height: 20px;
    margin: 7px 0;
}

.addpatient-page .row {
    padding: 8px 0px;
}

.addpatient-page .box {
    padding: 5px 15px;
    box-shadow: none;
    border-radius: 0;
}

.addpatient-page #accordion {
    margin: 0px;
}

.addpatient-page .tab-pane {
    padding: 15px 0;
}

.addpatient-page .rowBtn {
    text-align: center;
    padding-bottom: 15px;
}

.addpatient-page .inline-block {
    display: inline-block;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 0;
}

.k-filter-row .k-filtercell .k-dropdown {
    display: none;
}

.k-filtercell, .k-filtercell .k-widget, .k-filtercell > span {
    display: block;
    width: 100% !important;
}

.k-header.k-grid-toolbar {
    border-color: #fff !important;
}

.k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-button:hover, .km-pane-wrapper .k-header .k-button:hover {
    background-color: #a33234 !important;
    border-color: #a33234 !important;
}



md-tabs.md-default-theme.md-primary > md-tabs-wrapper, md-tabs.md-primary > md-tabs-wrapper {
    background-color: #a33234 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #424242;
}

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

.table-header-color thead th {
    background-color: #a33234;
    border: 1px solid #ddd !important;
    color: #fff !important;
}

.approv md-switch:last-of-type {
    height: 0px;
}

.approv md-switch[disabled] .md-container {
    height: 25px;
}

.pager_space {
    padding-top: 10px;
}



.subjectlist {
    overflow: scroll;
}

    .subjectlist tr:nth-child(even) td {
        border: 1px solid #eaeaea;
        vertical-align: top;
        display: table-cell;
        /*-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;*/
        background-color: #ebebeb;
    }

    .subjectlist tr:nth-child(odd) td {
        vertical-align: top;
        box-sizing: border-box;
        border: 1px solid #f4f4f4;
        /*-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;*/
    }

.toast-title {
    font-weight: bold
}

.toast-message {
    word-wrap: break-word
}

    .toast-message a, .toast-message label {
        color: #fff
    }

        .toast-message a:hover {
            color: #ccc;
            text-decoration: none
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8
}

    .toast-close-button:hover, .toast-close-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4
    }

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

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999;
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999;
        color: #fff;
        opacity: .8
    }

    #toast-container > :hover {
        -moz-box-shadow: 0 0 12px #000;
        -webkit-box-shadow: 0 0 12px #000;
        box-shadow: 0 0 12px #000;
        opacity: 1;
        cursor: pointer
    }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
    }

    #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
        width: 300px;
        margin: auto
    }

    #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin: auto
    }

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #a33234
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

.toast {
    opacity: 1 !important
}

    .toast.ng-enter {
        opacity: 0 !important;
        transition: opacity .3s linear
    }

        .toast.ng-enter.ng-enter-active {
            opacity: 1 !important
        }

    .toast.ng-leave {
        opacity: 1;
        transition: opacity .3s linear
    }

        .toast.ng-leave.ng-leave-active {
            opacity: 0 !important
        }

@media all and (max-width:240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}
/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.0.6
 */
/*html, body {
  height: 100%;
position: relative; 

}

body {
  margin: 0;
  padding: 0; 
}*/

[tabindex='-1']:focus {
    outline: none;
}

.inset {
    padding: 10px;
}

button.md-no-style {
    font-weight: normal;
    background-color: inherit;
    text-align: left;
    border: none;
    padding: 0;
    margin: 0;
}

select,
button,
textarea,
input {
    vertical-align: baseline;
}

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

        input[type="reset"][disabled],
        input[type="submit"][disabled],
        html input[type="button"][disabled],
        button[disabled] {
            cursor: default;
        }

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

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

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

.md-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-transform: none;
    width: 1px;
}

.md-shadow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    pointer-events: none;
}

.md-shadow-bottom-z-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.md-shadow-bottom-z-2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.md-shadow-animated.md-shadow {
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-ripple {
    position: absolute;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    border-radius: 50%;
}

    .md-ripple.md-ripple-placed {
        transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    .md-ripple.md-ripple-scaled {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
        opacity: 0.20;
    }

.md-padding {
    padding: 8px;
}

.md-margin {
    margin: 8px;
}

.md-scroll-mask {
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    .md-scroll-mask > .md-scroll-mask-bar {
        display: block;
        position: absolute;
        background-color: #fafafa;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 65;
        box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3);
    }

@media (min-width: 960px) {
    .md-padding {
        padding: 16px;
    }
}

html, body {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/************
 * Headings
 ************/
.md-display-4 {
    font-size: 112px;
    font-weight: 300;
    letter-spacing: -0.010em;
    line-height: 112px;
}

.md-display-3 {
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -0.005em;
    line-height: 56px;
}

.md-display-2 {
    font-size: 45px;
    font-weight: 400;
    line-height: 64px;
}

.md-display-1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
}

.md-headline {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.md-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.005em;
}

.md-subhead {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.010em;
    line-height: 24px;
}

/************
 * Body Copy
 ************/
.md-body-1 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.010em;
    line-height: 20px;
}

.md-body-2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.010em;
    line-height: 24px;
}

.md-caption {
    font-size: 12px;
    letter-spacing: 0.020em;
}

.md-button {
    letter-spacing: 0.010em;
}

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
    font-family: Roboto, "Helvetica Neue", sans-serif;
}

select,
button,
textarea,
input {
    font-size: 100%;
}

@-webkit-keyframes md-autocomplete-list-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    50% {
        opacity: 0;
        height: 40px;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@keyframes md-autocomplete-list-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    50% {
        opacity: 0;
        height: 40px;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        height: 0;
        opacity: 0;
    }
}

@-webkit-keyframes md-autocomplete-list-in {
    0% {
        opacity: 0;
        height: 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        opacity: 0;
        height: 40px;
    }

    100% {
        opacity: 1;
        height: 40px;
    }
}

@keyframes md-autocomplete-list-in {
    0% {
        opacity: 0;
        height: 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        opacity: 0;
        height: 40px;
    }

    100% {
        opacity: 1;
        height: 40px;
    }
}

md-autocomplete {
    border-radius: 2px;
    display: block;
    height: 40px;
    position: relative;
    overflow: visible;
    min-width: 190px;
}

    md-autocomplete[disabled] input {
        cursor: default;
    }

    md-autocomplete[md-floating-label] {
        border-radius: 0;
        background: transparent;
        height: auto;
    }

        md-autocomplete[md-floating-label] md-input-container {
            padding-bottom: 26px;
        }

            md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
                padding-bottom: 2px;
            }

        md-autocomplete[md-floating-label] md-autocomplete-wrap {
            height: auto;
        }

        md-autocomplete[md-floating-label] button {
            position: absolute;
            top: auto;
            bottom: 0;
            right: 0;
            width: 30px;
            height: 30px;
        }

    md-autocomplete md-autocomplete-wrap {
        display: block;
        position: relative;
        overflow: visible;
        height: 40px;
    }

        md-autocomplete md-autocomplete-wrap.md-menu-showing {
            z-index: 51;
        }

        md-autocomplete md-autocomplete-wrap md-progress-linear {
            position: absolute;
            bottom: -2px;
            left: 0;
        }

            md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
                bottom: 40px;
                right: 2px;
                left: 2px;
                width: auto;
            }

            md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 3px;
                transition: none;
            }

                md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
                    transition: none;
                    height: 3px;
                }

                md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
                    transition: opacity 0.15s linear;
                }

                    md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
                        opacity: 1;
                    }

                md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
                    transition: opacity 0.15s linear;
                }

                    md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
                        opacity: 0;
                    }

    md-autocomplete input:not(.md-input) {
        font-size: 14px;
        box-sizing: border-box;
        border: none;
        box-shadow: none;
        outline: none;
        background: transparent;
        width: 100%;
        padding: 0 15px;
        line-height: 40px;
        height: 40px;
    }

        md-autocomplete input:not(.md-input)::-ms-clear {
            display: none;
        }

    md-autocomplete button {
        position: relative;
        line-height: 20px;
        text-align: center;
        width: 30px;
        height: 30px;
        cursor: pointer;
        border: none;
        border-radius: 50%;
        padding: 0;
        font-size: 12px;
        background: transparent;
        margin: auto 5px;
    }

        md-autocomplete button:after {
            content: '';
            position: absolute;
            top: -6px;
            right: -6px;
            bottom: -6px;
            left: -6px;
            border-radius: 50%;
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0;
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        md-autocomplete button:focus {
            outline: none;
        }

            md-autocomplete button:focus:after {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }

        md-autocomplete button md-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
            transform: translate3d(-50%, -50%, 0) scale(0.9);
        }

            md-autocomplete button md-icon path {
                stroke-width: 0;
            }

        md-autocomplete button.ng-enter {
            -webkit-transform: scale(0);
            transform: scale(0);
            transition: -webkit-transform 0.15s ease-out;
            transition: transform 0.15s ease-out;
        }

            md-autocomplete button.ng-enter.ng-enter-active {
                -webkit-transform: scale(1);
                transform: scale(1);
            }

        md-autocomplete button.ng-leave {
            transition: -webkit-transform 0.15s ease-out;
            transition: transform 0.15s ease-out;
        }

            md-autocomplete button.ng-leave.ng-leave-active {
                -webkit-transform: scale(0);
                transform: scale(0);
            }

@media screen and (-ms-high-contrast: active) {
    md-autocomplete input {
        border: 1px solid #fff;
    }

    md-autocomplete li:focus {
        color: #fff;
    }
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    position: absolute;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    height: 225.5px;
    max-height: 225.5px;
    z-index: 100;
}

.md-virtual-repeat-container.md-not-found {
    height: 48px;
}

.md-autocomplete-suggestions {
    margin: 0;
    list-style: none;
    padding: 0;
}

    .md-autocomplete-suggestions li {
        font-size: 14px;
        overflow: hidden;
        padding: 0 15px;
        line-height: 48px;
        height: 48px;
        transition: background 0.15s linear;
        margin: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .md-autocomplete-suggestions li:focus {
            outline: none;
        }

        .md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
            cursor: pointer;
        }

@media screen and (-ms-high-contrast: active) {
    md-autocomplete,
    .md-autocomplete-suggestions {
        border: 1px solid #fff;
    }
}

md-backdrop {
    transition: opacity 450ms;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

    md-backdrop.md-menu-backdrop {
        position: fixed !important;
        z-index: 99;
    }

    md-backdrop.md-select-backdrop {
        z-index: 81;
        transition-duration: 0;
    }

    md-backdrop.md-dialog-backdrop {
        z-index: 9001;
    }

    md-backdrop.md-bottom-sheet-backdrop {
        z-index: 69;
    }

    md-backdrop.md-sidenav-backdrop {
        z-index: 59;
    }

    md-backdrop.md-click-catcher {
        position: absolute;
    }

    md-backdrop.md-opaque {
        opacity: .48;
    }

        md-backdrop.md-opaque.ng-enter {
            opacity: 0;
        }

            md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
                opacity: .48;
            }

        md-backdrop.md-opaque.ng-leave {
            opacity: .48;
            transition: opacity 400ms;
        }

            md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
                opacity: 0;
            }

button.md-button::-moz-focus-inner {
    border: 0;
}

.md-button {
    border-radius: 3px;
    box-sizing: border-box;
    color: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    outline: none;
    border: 0;
    display: inline-block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    margin: 6px 8px;
    line-height: 36px;
    min-height: 36px;
    background: transparent;
    white-space: nowrap;
    min-width: 88px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    .md-button:focus {
        outline: none;
    }

    .md-button:hover, .md-button:focus {
        text-decoration: none;
    }

    .md-button.ng-hide, .md-button.ng-leave {
        transition: none;
    }

    .md-button.md-cornered {
        border-radius: 0;
    }

    .md-button.md-icon {
        padding: 0;
        background: none;
    }

    .md-button.md-raised:not([disabled]) {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }

    .md-button.md-icon-button {
        margin: 0 6px;
        height: 40px;
        min-width: 0;
        line-height: 24px;
        padding: 8px;
        width: 40px;
        border-radius: 50%;
    }

        .md-button.md-icon-button .md-ripple-container {
            border-radius: 50%;
            background-clip: padding-box;
            overflow: hidden;
            -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
        }

    .md-button.md-fab {
        z-index: 20;
        line-height: 56px;
        min-width: 0;
        width: 56px;
        height: 56px;
        vertical-align: middle;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        border-radius: 50%;
        background-clip: padding-box;
        overflow: hidden;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-property: background-color, box-shadow, -webkit-transform;
        transition-property: background-color, box-shadow, transform;
    }

        .md-button.md-fab.md-fab-bottom-right {
            top: auto;
            right: 20px;
            bottom: 20px;
            left: auto;
            position: absolute;
        }

        .md-button.md-fab.md-fab-bottom-left {
            top: auto;
            right: auto;
            bottom: 20px;
            left: 20px;
            position: absolute;
        }

        .md-button.md-fab.md-fab-top-right {
            top: 20px;
            right: 20px;
            bottom: auto;
            left: auto;
            position: absolute;
        }

        .md-button.md-fab.md-fab-top-left {
            top: 20px;
            right: auto;
            bottom: auto;
            left: 20px;
            position: absolute;
        }

        .md-button.md-fab .md-ripple-container {
            border-radius: 50%;
            background-clip: padding-box;
            overflow: hidden;
            -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
        }

        .md-button.md-fab.md-mini {
            line-height: 40px;
            width: 40px;
            height: 40px;
        }

        .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
            transition: none;
        }

    .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }

    .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    }

    .md-button .md-ripple-container {
        border-radius: 3px;
        background-clip: padding-box;
        overflow: hidden;
        -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC");
    }

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: translate3d(0, 42px, 0);
    transform: translate3d(0, 42px, 0);
}

    .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
    .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
    .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
        -webkit-transform: translate3d(0, 41px, 0);
        transform: translate3d(0, 41px, 0);
    }

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: translate3d(0, -42px, 0);
    transform: translate3d(0, -42px, 0);
}

    .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
    .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
    .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
        -webkit-transform: translate3d(0, -43px, 0);
        transform: translate3d(0, -43px, 0);
    }

.md-button-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

    .md-button-group > .md-button {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        overflow: hidden;
        width: 0;
        border-width: 1px 0px 1px 1px;
        border-radius: 0;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .md-button-group > .md-button:first-child {
            border-radius: 2px 0px 0px 2px;
        }

        .md-button-group > .md-button:last-child {
            border-right-width: 1px;
            border-radius: 0px 2px 2px 0px;
        }

@media screen and (-ms-high-contrast: active) {
    .md-button.md-raised,
    .md-button.md-fab {
        border: 1px solid #fff;
    }
}

md-card {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 8px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

    md-card md-card-header {
        padding: 16px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        md-card md-card-header:first-child md-card-avatar {
            margin-right: 12px;
        }

        md-card md-card-header:last-child md-card-avatar {
            margin-left: 12px;
        }

        md-card md-card-header md-card-avatar {
            width: 40px;
            height: 40px;
        }

            md-card md-card-header md-card-avatar .md-user-avatar,
            md-card md-card-header md-card-avatar md-icon {
                border-radius: 50%;
            }

            md-card md-card-header md-card-avatar md-icon {
                padding: 8px;
            }

            md-card md-card-header md-card-avatar + md-card-header-text {
                max-height: 40px;
            }

                md-card md-card-header md-card-avatar + md-card-header-text .md-title {
                    font-size: 14px;
                }

        md-card md-card-header md-card-header-text {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            md-card md-card-header md-card-header-text .md-subhead {
                font-size: 14px;
            }

    md-card > img,
    md-card > :not(md-card-content) img {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
    }

    md-card md-card-title {
        padding: 24px 16px 16px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        md-card md-card-title + md-card-content {
            padding-top: 0;
        }

        md-card md-card-title md-card-title-text {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            md-card md-card-title md-card-title-text .md-subhead {
                padding-top: 0;
                font-size: 14px;
            }

            md-card md-card-title md-card-title-text:only-child .md-subhead {
                padding-top: 12px;
            }

        md-card md-card-title md-card-title-media {
            margin-top: -8px;
        }

            md-card md-card-title md-card-title-media .md-media-sm {
                height: 80px;
                width: 80px;
            }

            md-card md-card-title md-card-title-media .md-media-md {
                height: 112px;
                width: 112px;
            }

            md-card md-card-title md-card-title-media .md-media-lg {
                height: 152px;
                width: 152px;
            }

    md-card md-card-content {
        display: block;
        padding: 16px;
    }

        md-card md-card-content > p:first-child {
            margin-top: 0;
        }

        md-card md-card-content > p:last-child {
            margin-bottom: 0;
        }

        md-card md-card-content .md-media-xl {
            height: 240px;
            width: 240px;
        }

    md-card .md-actions, md-card md-card-actions {
        margin: 8px;
    }

        md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
            margin: 2px 0;
        }

            md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
                margin-top: 0;
            }

            md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
                margin-bottom: 0;
            }

        md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
            margin-top: 6px;
            margin-bottom: 6px;
        }

        md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

        md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
            margin: 0 4px;
        }

            md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
                margin-left: 0;
            }

            md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
                margin-right: 0;
            }

        md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
            margin-left: 6px;
            margin-right: 6px;
        }

            md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
                margin-left: 12px;
            }

            md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
                margin-right: 12px;
            }

        md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

    md-card md-card-footer {
        margin-top: auto;
        padding: 16px;
    }

@media screen and (-ms-high-contrast: active) {
    md-card {
        border: 1px solid #fff;
    }
}

.md-inline-form md-checkbox {
    margin: 19px 0 18px;
}

md-checkbox {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 16px;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    min-width: 20px;
    min-height: 20px;
    margin-left: inherit;
    margin-right: 16px;
}

html[dir=rtl] md-checkbox {
    margin-left: 16px;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox {
    margin-left: 16px;
    unicode-bidi: embed;
}

md-checkbox bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-checkbox {
    margin-right: inherit;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox {
    margin-right: inherit;
    unicode-bidi: embed;
}

md-checkbox bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-checkbox:last-of-type {
    margin-left: inherit;
    margin-right: 0;
}

html[dir=rtl] md-checkbox:last-of-type {
    margin-left: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox:last-of-type {
    margin-left: 0;
    unicode-bidi: embed;
}

md-checkbox:last-of-type bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox:last-of-type bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-checkbox:last-of-type {
    margin-right: inherit;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox:last-of-type {
    margin-right: inherit;
    unicode-bidi: embed;
}

md-checkbox:last-of-type bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox:last-of-type bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-checkbox.md-focused:not([disabled]) .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
}

md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
    background-color: rgba(0, 0, 0, 0.12);
}

md-checkbox .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto;
}

html[dir=rtl] md-checkbox .md-container {
    left: auto;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-container {
    left: auto;
    unicode-bidi: embed;
}

md-checkbox .md-container bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox .md-container bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-checkbox .md-container {
    right: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-container {
    right: 0;
    unicode-bidi: embed;
}

md-checkbox .md-container bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox .md-container bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-checkbox .md-container:before {
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 50%;
    content: '';
    position: absolute;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    width: auto;
}

md-checkbox .md-container:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
}

md-checkbox .md-container .md-ripple-container {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
}

md-checkbox.md-align-top-left > div.md-container {
    top: 12px;
}

md-checkbox .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
}

md-checkbox.md-checked .md-icon {
    border: none;
}

md-checkbox[disabled] {
    cursor: default;
}

md-checkbox.md-checked .md-icon:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6.66667px;
    top: 2.22222px;
    display: table;
    width: 6.66667px;
    height: 13.33333px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: '';
}

md-checkbox .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-left: 30px;
    margin-right: 0;
}

html[dir=rtl] md-checkbox .md-label {
    margin-left: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-label {
    margin-left: 0;
    unicode-bidi: embed;
}

md-checkbox .md-label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox .md-label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-checkbox .md-label {
    margin-right: 30px;
    unicode-bidi: embed;
}

body[dir=rtl] md-checkbox .md-label {
    margin-right: 30px;
    unicode-bidi: embed;
}

md-checkbox .md-label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-checkbox .md-label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-bottom-sheet {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 16px 88px 16px;
    z-index: 70;
    border-top-width: 1px;
    border-top-style: solid;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
}

    md-bottom-sheet.md-has-header {
        padding-top: 0;
    }

    md-bottom-sheet.ng-enter {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    md-bottom-sheet.ng-enter-active {
        opacity: 1;
        display: block;
        -webkit-transform: translate3d(0, 80px, 0) !important;
        transform: translate3d(0, 80px, 0) !important;
    }

    md-bottom-sheet.ng-leave-active {
        -webkit-transform: translate3d(0, 100%, 0) !important;
        transform: translate3d(0, 100%, 0) !important;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    }

    md-bottom-sheet .md-subheader {
        background-color: transparent;
        font-family: Roboto, "Helvetica Neue", sans-serif;
        line-height: 56px;
        padding: 0;
        white-space: nowrap;
    }

    md-bottom-sheet md-inline-icon {
        display: inline-block;
        height: 24px;
        width: 24px;
        fill: #444;
    }

    md-bottom-sheet md-list-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        outline: none;
    }

        md-bottom-sheet md-list-item:hover {
            cursor: pointer;
        }

    md-bottom-sheet.md-list md-list-item {
        padding: 0;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 48px;
    }

        md-bottom-sheet.md-list md-list-item div.md-icon-container {
            display: inline-block;
            height: 24px;
            margin-right: 32px;
        }

    md-bottom-sheet.md-grid {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 0;
    }

        md-bottom-sheet.md-grid md-list {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            transition: all 0.5s;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

        md-bottom-sheet.md-grid md-list-item {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            transition: all 0.5s;
            height: 96px;
            margin-top: 8px;
            margin-bottom: 8px;
            /* Mixin for how many grid items to show per row */
        }

@media screen and (max-width: 960px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 33.33333%;
        -ms-flex: 1 1 33.33333%;
        flex: 1 1 33.33333%;
        max-width: 33.33333%;
    }

        md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1919px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 16.66667%;
        -ms-flex: 1 1 16.66667%;
        flex: 1 1 16.66667%;
        max-width: 16.66667%;
    }
}

@media screen and (min-width: 1920px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 14.28571%;
        -ms-flex: 1 1 14.28571%;
        flex: 1 1 14.28571%;
        max-width: 14.28571%;
    }
}

md-bottom-sheet.md-grid md-list-item .md-list-item-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    padding-bottom: 16px;
}

md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
    border: 1px solid transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
}

md-bottom-sheet.md-grid md-list-item .md-icon-container {
    display: inline-block;
    box-sizing: border-box;
    height: 48px;
    width: 48px;
    margin: 0 0;
}

md-bottom-sheet.md-grid md-list-item .md-grid-text {
    font-weight: 400;
    line-height: 16px;
    font-size: 13px;
    margin: 0;
    white-space: nowrap;
    width: 64px;
    text-align: center;
    text-transform: none;
    padding-top: 8px;
}

@media screen and (-ms-high-contrast: active) {
    md-bottom-sheet {
        border: 1px solid #fff;
    }
}

.md-contact-chips .md-chips .md-chip {
    padding: 0 25px 0 0;
}

    .md-contact-chips .md-chips .md-chip .md-contact-avatar {
        float: left;
    }

        .md-contact-chips .md-chips .md-chip .md-contact-avatar img {
            height: 32px;
            border-radius: 16px;
        }

    .md-contact-chips .md-chips .md-chip .md-contact-name {
        display: inline-block;
        height: 32px;
        margin-left: 8px;
    }

.md-contact-suggestion {
    height: 56px;
}

    .md-contact-suggestion img {
        height: 40px;
        border-radius: 20px;
        margin-top: 8px;
    }

    .md-contact-suggestion .md-contact-name {
        margin-left: 8px;
        width: 120px;
    }

    .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.md-contact-chips-suggestions li {
    height: 100%;
}

.md-chips {
    display: block;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px;
    padding: 0 0 8px 3px;
    vertical-align: middle;
}

    .md-chips:after {
        content: '';
        display: table;
        clear: both;
    }

    .md-chips:not(.md-readonly) {
        cursor: text;
    }

        .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) {
            padding-right: 22px;
        }

            .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content {
                padding-right: 4px;
            }

    .md-chips .md-chip {
        cursor: default;
        border-radius: 16px;
        display: block;
        height: 32px;
        line-height: 32px;
        margin: 8px 8px 0 0;
        padding: 0 12px 0 12px;
        float: left;
        box-sizing: border-box;
        max-width: 100%;
        position: relative;
    }

        .md-chips .md-chip .md-chip-content {
            display: block;
            float: left;
            white-space: nowrap;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .md-chips .md-chip .md-chip-content:focus {
                outline: none;
            }

        .md-chips .md-chip .md-chip-remove-container {
            position: absolute;
            right: 0;
            line-height: 22px;
        }

        .md-chips .md-chip .md-chip-remove {
            text-align: center;
            width: 32px;
            height: 32px;
            min-width: 0;
            padding: 0;
            background: transparent;
            border: none;
            box-shadow: none;
            margin: 0;
            position: relative;
        }

            .md-chips .md-chip .md-chip-remove md-icon {
                height: 18px;
                width: 18px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
            }

    .md-chips .md-chip-input-container {
        display: block;
        line-height: 32px;
        margin: 8px 8px 0 0;
        padding: 0;
        float: left;
    }

        .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
            border: 0;
            height: 32px;
            line-height: 32px;
            padding: 0;
        }

            .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
                outline: none;
            }

        .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
            background: transparent;
            height: 32px;
        }

            .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
                box-shadow: none;
            }

            .md-chips .md-chip-input-container md-autocomplete input {
                position: relative;
            }

        .md-chips .md-chip-input-container input {
            border: 0;
            height: 32px;
            line-height: 32px;
            padding: 0;
        }

            .md-chips .md-chip-input-container input:focus {
                outline: none;
            }

        .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
            height: 32px;
        }

        .md-chips .md-chip-input-container md-autocomplete {
            box-shadow: none;
        }

            .md-chips .md-chip-input-container md-autocomplete input {
                position: relative;
            }

        .md-chips .md-chip-input-container:not(:first-child) {
            margin: 8px 8px 0 0;
        }

        .md-chips .md-chip-input-container input {
            background: transparent;
            border-width: 0;
        }

    .md-chips md-autocomplete button {
        display: none;
    }

@media screen and (-ms-high-contrast: active) {
    .md-chip-input-container,
    md-chip {
        border: 1px solid #fff;
    }

        .md-chip-input-container md-autocomplete {
            border: none;
        }
}

.md-dialog-is-showing {
    max-height: 100%;
}

.md-dialog-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9010;
    overflow: hidden;
}

md-dialog {
    opacity: 0;
    min-width: 240px;
    max-width: 80%;
    max-height: 80%;
    position: relative;
    overflow: auto;
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    md-dialog.md-transition-in {
        opacity: 1;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }

    md-dialog.md-transition-out {
        opacity: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-transform: translate(0, 100%) scale(0.2);
        transform: translate(0, 100%) scale(0.2);
    }

    md-dialog > form {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: auto;
    }

    md-dialog .md-dialog-content {
        padding: 24px;
    }

    md-dialog md-dialog-content {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
            margin-top: 0;
        }

        md-dialog md-dialog-content:focus {
            outline: none;
        }

        md-dialog md-dialog-content .md-subheader {
            margin: 0;
        }

            md-dialog md-dialog-content .md-subheader.sticky-clone {
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
            }

        md-dialog md-dialog-content.sticky-container {
            padding: 0;
        }

            md-dialog md-dialog-content.sticky-container > div {
                padding: 24px;
                padding-top: 0;
            }

        md-dialog md-dialog-content .md-dialog-content-body {
            width: 100%;
        }

    md-dialog .md-actions, md-dialog md-dialog-actions {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        box-sizing: border-box;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0;
        padding-right: 8px;
        padding-left: 16px;
        min-height: 52px;
        overflow: hidden;
    }

        md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
            margin-bottom: 8px;
            margin-left: 8px;
            margin-right: 0;
            margin-top: 8px;
        }

    md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
        border-top-width: 1px;
        border-top-style: solid;
    }

@media screen and (-ms-high-contrast: active) {
    md-dialog {
        border: 1px solid #fff;
    }
}

@media (max-width: 959px) {
    md-dialog.md-dialog-fullscreen {
        min-height: 100%;
        min-width: 100%;
        border-radius: 0;
    }
}

md-divider {
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    margin: 0;
}

    md-divider[md-inset] {
        margin-left: 80px;
    }

.layout-row > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
}

/** Styles for mdCalendar. */
md-calendar {
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.md-calendar-scroll-mask {
    display: inline-block;
    overflow: hidden;
    height: 308px;
}

    .md-calendar-scroll-mask .md-virtual-repeat-scroller {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
            display: none;
        }

    .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
        width: 100%;
    }

.md-calendar-scroll-container {
    box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 308px;
    width: 346px;
}

.md-calendar-date {
    height: 44px;
    width: 44px;
    text-align: center;
    padding: 0;
    border: none;
}

    .md-calendar-date:first-child {
        padding-left: 16px;
    }

    .md-calendar-date:last-child {
        padding-right: 16px;
    }

    .md-calendar-date.md-calendar-date-disabled {
        cursor: default;
    }

.md-calendar-date-selection-indicator {
    transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
    cursor: pointer;
}

.md-calendar-month-label {
    height: 44px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 0 24px;
}

.md-calendar-day-header {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}

    .md-calendar-day-header th {
        height: 44px;
        width: 44px;
        text-align: center;
        padding: 0;
        border: none;
        font-weight: normal;
        height: 40px;
    }

        .md-calendar-day-header th:first-child {
            padding-left: 16px;
        }

        .md-calendar-day-header th:last-child {
            padding-right: 16px;
        }

.md-calendar {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}

    .md-calendar tr:last-child td {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .md-calendar:first-child {
        border-top: 1px solid transparent;
    }

/** Styles for mdDatepicker. */
md-datepicker {
    white-space: nowrap;
    overflow: hidden;
    padding-right: 18px;
    margin-right: -18px;
    vertical-align: middle;
}

.md-inline-form md-datepicker {
    margin-top: 12px;
}

.md-datepicker-button {
    display: inline-block;
    box-sizing: border-box;
    background: none;
}

.md-datepicker-input {
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    min-width: 120px;
    max-width: 328px;
}

    .md-datepicker-input::-ms-clear {
        display: none;
    }

.md-datepicker-input-container {
    position: relative;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    width: auto;
    margin-left: 12px;
}

    .md-datepicker-input-container.md-datepicker-focused {
        border-bottom-width: 2px;
    }

.md-datepicker-calendar-pane {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border-width: 1px;
    border-style: solid;
    background: transparent;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    .md-datepicker-calendar-pane.md-pane-open {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.md-datepicker-input-mask {
    height: 40px;
    width: 340px;
    position: relative;
    background: transparent;
    pointer-events: none;
    cursor: text;
}

.md-datepicker-input-mask-opaque {
    position: absolute;
    right: 0;
    left: 120px;
    height: 100%;
}

.md-datepicker-calendar {
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
}

.md-pane-open .md-datepicker-calendar {
    opacity: 1;
}

.md-datepicker-calendar md-calendar:focus {
    outline: none;
}

.md-datepicker-expand-triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
}

.md-datepicker-triangle-button {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-25%) translateX(45%);
    transform: translateY(-25%) translateX(45%);
}

    .md-datepicker-triangle-button.md-button.md-icon-button {
        height: 100%;
        width: 36px;
        position: absolute;
    }

md-datepicker[disabled] .md-datepicker-input-container {
    border-bottom-color: transparent;
}

md-datepicker[disabled] .md-datepicker-triangle-button {
    display: none;
}

.md-datepicker-open .md-datepicker-input-container {
    margin-left: -12px;
    border: none;
}

.md-datepicker-open .md-datepicker-input {
    margin-left: 24px;
    height: 40px;
}

.md-datepicker-open .md-datepicker-triangle-button {
    display: none;
}

.md-datepicker-pos-adjusted .md-datepicker-input-mask {
    display: none;
}

.md-datepicker-calendar-pane .md-calendar {
    -webkit-transform: translateY(-85px);
    transform: translateY(-85px);
    transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-delay: 0.125s;
}

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

md-content {
    display: block;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    md-content[md-scroll-y] {
        overflow-y: auto;
        overflow-x: hidden;
    }

    md-content[md-scroll-x] {
        overflow-x: auto;
        overflow-y: hidden;
    }

    md-content.autoScroll {
        -webkit-overflow-scrolling: auto;
    }

md-fab-speed-dial {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 20;
    /*
   * Hide some graphics glitches if switching animation types
   */
    /*
   * Handle the animations
   */
}

    md-fab-speed-dial.md-fab-bottom-right {
        top: auto;
        right: 20px;
        bottom: 20px;
        left: auto;
        position: absolute;
    }

    md-fab-speed-dial.md-fab-bottom-left {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 20px;
        position: absolute;
    }

    md-fab-speed-dial.md-fab-top-right {
        top: 20px;
        right: 20px;
        bottom: auto;
        left: auto;
        position: absolute;
    }

    md-fab-speed-dial.md-fab-top-left {
        top: 20px;
        right: auto;
        bottom: auto;
        left: 20px;
        position: absolute;
    }

    md-fab-speed-dial:not(.md-hover-full) {
        pointer-events: none;
    }

        md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
            pointer-events: auto;
        }

        md-fab-speed-dial:not(.md-hover-full).md-is-open {
            pointer-events: auto;
        }

    md-fab-speed-dial .md-css-variables {
        z-index: 20;
    }

    md-fab-speed-dial.md-is-open .md-fab-action-item {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    md-fab-speed-dial md-fab-actions {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
    }

        md-fab-speed-dial md-fab-actions .md-fab-action-item {
            transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        }

    md-fab-speed-dial.md-down {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        md-fab-speed-dial.md-down md-fab-trigger {
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

        md-fab-speed-dial.md-down md-fab-actions {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
        }

    md-fab-speed-dial.md-up {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        md-fab-speed-dial.md-up md-fab-trigger {
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
        }

        md-fab-speed-dial.md-up md-fab-actions {
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

    md-fab-speed-dial.md-left {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        md-fab-speed-dial.md-left md-fab-trigger {
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
        }

        md-fab-speed-dial.md-left md-fab-actions {
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

            md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
                transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            }

    md-fab-speed-dial.md-right {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        md-fab-speed-dial.md-right md-fab-trigger {
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

        md-fab-speed-dial.md-right md-fab-actions {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
        }

            md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
                transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            }

    md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
        visibility: hidden;
    }

    md-fab-speed-dial.md-fling .md-fab-action-item {
        opacity: 1;
    }

    md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
        opacity: 0;
        transition-duration: 0s;
    }

    md-fab-speed-dial.md-scale .md-fab-action-item {
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-duration: 0.14286s;
    }

md-fab-toolbar {
    display: block;
    /*
   * Closed styling
   */
    /*
   * Hover styling
   */
}

    md-fab-toolbar.md-fab-bottom-right {
        top: auto;
        right: 20px;
        bottom: 20px;
        left: auto;
        position: absolute;
    }

    md-fab-toolbar.md-fab-bottom-left {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 20px;
        position: absolute;
    }

    md-fab-toolbar.md-fab-top-right {
        top: 20px;
        right: 20px;
        bottom: auto;
        left: auto;
        position: absolute;
    }

    md-fab-toolbar.md-fab-top-left {
        top: 20px;
        right: auto;
        bottom: auto;
        left: 20px;
        position: absolute;
    }

    md-fab-toolbar .md-fab-toolbar-wrapper {
        display: block;
        position: relative;
        overflow: hidden;
        height: 68px;
    }

    md-fab-toolbar md-fab-trigger {
        position: absolute;
        z-index: 20;
    }

        md-fab-toolbar md-fab-trigger button {
            overflow: visible !important;
        }

        md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
            display: block;
            position: absolute;
            z-index: 21;
            opacity: 1;
            transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        }

        md-fab-toolbar md-fab-trigger md-icon {
            position: relative;
            z-index: 22;
            opacity: 1;
            transition: all 200ms ease-in;
        }

    md-fab-toolbar.md-left md-fab-trigger {
        right: 0;
    }

    md-fab-toolbar.md-left .md-toolbar-tools {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
            margin-right: 0.6rem;
        }

        md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
            margin-left: -0.8rem;
        }

        md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
            margin-right: 8px;
        }

    md-fab-toolbar.md-right md-fab-trigger {
        left: 0;
    }

    md-fab-toolbar.md-right .md-toolbar-tools {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    md-fab-toolbar md-toolbar {
        background-color: transparent !important;
        pointer-events: none;
        z-index: 23;
    }

        md-fab-toolbar md-toolbar .md-toolbar-tools {
            padding: 0 20px;
            margin-top: 3px;
        }

        md-fab-toolbar md-toolbar .md-fab-action-item {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            transition-duration: 0.15s;
        }

    md-fab-toolbar.md-is-open md-fab-trigger > button {
        box-shadow: none;
    }

        md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
            opacity: 0;
        }

    md-fab-toolbar.md-is-open .md-fab-action-item {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

md-grid-list {
    box-sizing: border-box;
    display: block;
    position: relative;
}

    md-grid-list md-grid-tile,
    md-grid-list md-grid-tile > figure,
    md-grid-list md-grid-tile-header,
    md-grid-list md-grid-tile-footer {
        box-sizing: border-box;
    }

    md-grid-list md-grid-tile {
        display: block;
        position: absolute;
    }

        md-grid-list md-grid-tile figure {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 0;
            margin: 0;
        }

        md-grid-list md-grid-tile md-grid-tile-header,
        md-grid-list md-grid-tile md-grid-tile-footer {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            height: 48px;
            color: #fff;
            background: rgba(0, 0, 0, 0.18);
            overflow: hidden;
            position: absolute;
            left: 0;
            right: 0;
        }

            md-grid-list md-grid-tile md-grid-tile-header h3,
            md-grid-list md-grid-tile md-grid-tile-header h4,
            md-grid-list md-grid-tile md-grid-tile-footer h3,
            md-grid-list md-grid-tile md-grid-tile-footer h4 {
                font-weight: 400;
                margin: 0 0 0 16px;
            }

            md-grid-list md-grid-tile md-grid-tile-header h3,
            md-grid-list md-grid-tile md-grid-tile-footer h3 {
                font-size: 14px;
            }

            md-grid-list md-grid-tile md-grid-tile-header h4,
            md-grid-list md-grid-tile md-grid-tile-footer h4 {
                font-size: 12px;
            }

        md-grid-list md-grid-tile md-grid-tile-header {
            top: 0;
        }

        md-grid-list md-grid-tile md-grid-tile-footer {
            bottom: 0;
        }

@media screen and (-ms-high-contrast: active) {
    md-grid-tile {
        border: 1px solid #fff;
    }

    md-grid-tile-footer {
        border-top: 1px solid #fff;
    }
}

md-icon {
    margin: auto;
    background-repeat: no-repeat no-repeat;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    height: 24px;
    width: 24px;
}

    md-icon svg {
        pointer-events: none;
        display: block;
    }

    md-icon[md-font-icon] {
        line-height: 1;
        width: auto;
    }

md-input-container {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 18px 0;
    vertical-align: middle;
    /*
   * The .md-input class is added to the input/textarea
   */
}

    md-input-container:after {
        content: '';
        display: table;
        clear: both;
    }

    md-input-container.md-block {
        display: block;
    }

    md-input-container .md-errors-spacer {
        float: right;
        min-height: 24px;
        min-width: 1px;
    }

html[dir=rtl] md-input-container .md-errors-spacer {
    float: left;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-errors-spacer {
    float: left;
    unicode-bidi: embed;
}

md-input-container .md-errors-spacer bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container .md-errors-spacer bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container > md-icon {
    position: absolute;
    top: 5px;
    left: 2px;
    right: auto;
}

html[dir=rtl] md-input-container > md-icon {
    left: auto;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container > md-icon {
    left: auto;
    unicode-bidi: embed;
}

md-input-container > md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container > md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container > md-icon {
    right: 2px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container > md-icon {
    right: 2px;
    unicode-bidi: embed;
}

md-input-container > md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container > md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container textarea,
md-input-container input[type="text"],
md-input-container input[type="password"],
md-input-container input[type="datetime"],
md-input-container input[type="datetime-local"],
md-input-container input[type="date"],
md-input-container input[type="month"],
md-input-container input[type="time"],
md-input-container input[type="week"],
md-input-container input[type="number"],
md-input-container input[type="email"],
md-input-container input[type="url"],
md-input-container input[type="search"],
md-input-container input[type="tel"],
md-input-container input[type="color"] {
    /* remove default appearance from all input/textarea */
    -moz-appearance: none;
    -webkit-appearance: none;
}

md-input-container input[type="date"],
md-input-container input[type="datetime-local"],
md-input-container input[type="month"],
md-input-container input[type="time"],
md-input-container input[type="week"] {
    min-height: 26px;
}

md-input-container textarea {
    resize: none;
    overflow: hidden;
}

    md-input-container textarea.md-input {
        min-height: 26px;
        -ms-flex-preferred-size: auto;
    }

md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto;
}

html[dir=rtl] md-input-container label:not(.md-container-ignore) {
    left: auto;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-container-ignore) {
    left: auto;
    unicode-bidi: embed;
}

md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container label:not(.md-container-ignore) {
    right: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-container-ignore) {
    right: 0;
    unicode-bidi: embed;
}

md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container.md-has-icon {
    padding-left: 36px;
    padding-right: 0;
}

html[dir=rtl] md-input-container.md-has-icon {
    padding-left: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon {
    padding-left: 0;
    unicode-bidi: embed;
}

md-input-container.md-has-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-has-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-has-icon {
    padding-right: 36px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon {
    padding-right: 36px;
    unicode-bidi: embed;
}

md-input-container.md-has-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-has-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container.md-has-icon > label {
    left: 36px;
    right: auto;
}

html[dir=rtl] md-input-container.md-has-icon > label {
    left: auto;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon > label {
    left: auto;
    unicode-bidi: embed;
}

md-input-container.md-has-icon > label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-has-icon > label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-has-icon > label {
    right: 36px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-has-icon > label {
    right: 36px;
    unicode-bidi: embed;
}

md-input-container.md-has-icon > label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-has-icon > label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    -webkit-transform: translate3d(0, 28px, 0) scale(1);
    transform: translate3d(0, 28px, 0) scale(1);
    transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl] md-input-container .md-placeholder {
    padding-left: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl] md-input-container .md-placeholder {
    padding-left: 0;
    unicode-bidi: embed;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl] md-input-container .md-placeholder {
    padding-right: 3px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl] md-input-container .md-placeholder {
    padding-right: 3px;
    unicode-bidi: embed;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl] md-input-container .md-placeholder {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl] md-input-container .md-placeholder {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    unicode-bidi: embed;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}

md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0);
}

md-input-container.md-input-has-value .md-placeholder {
    transition: none;
    opacity: 0;
}

md-input-container:not(.md-input-has-value) input:not(:focus),
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
    color: transparent;
}

md-input-container .md-input {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

html[dir=rtl] md-input-container .md-input {
    float: right;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-input {
    float: right;
    unicode-bidi: embed;
}

md-input-container .md-input bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container .md-input bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container .md-input:focus {
    outline: none;
}

md-input-container .md-input:invalid {
    outline: none;
    box-shadow: none;
}

md-input-container .md-input.md-no-flex {
    -webkit-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
}

md-input-container .md-char-counter {
    text-align: right;
    padding-right: 2px;
    padding-left: 0;
}

html[dir=rtl] md-input-container .md-char-counter {
    text-align: left;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-char-counter {
    text-align: left;
    unicode-bidi: embed;
}

md-input-container .md-char-counter bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container .md-char-counter bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container .md-char-counter {
    padding-right: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-char-counter {
    padding-right: 0;
    unicode-bidi: embed;
}

md-input-container .md-char-counter bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container .md-char-counter bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container .md-char-counter {
    padding-left: 2px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container .md-char-counter {
    padding-left: 2px;
    unicode-bidi: embed;
}

md-input-container .md-char-counter bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container .md-char-counter bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages,
md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
    position: relative;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    overflow: hidden;
    clear: left;
}

html[dir=rtl] md-input-container ng-messages, html[dir=rtl] md-input-container data-ng-messages, html[dir=rtl] md-input-container x-ng-messages, html[dir=rtl] md-input-container [ng-messages], html[dir=rtl] md-input-container [data-ng-messages], html[dir=rtl] md-input-container [x-ng-messages] {
    clear: right;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container ng-messages, body[dir=rtl] md-input-container data-ng-messages, body[dir=rtl] md-input-container x-ng-messages, body[dir=rtl] md-input-container [ng-messages], body[dir=rtl] md-input-container [data-ng-messages], body[dir=rtl] md-input-container [x-ng-messages] {
    clear: right;
    unicode-bidi: embed;
}

md-input-container ng-messages bdo[dir=rtl], md-input-container data-ng-messages bdo[dir=rtl], md-input-container x-ng-messages bdo[dir=rtl],
md-input-container [ng-messages] bdo[dir=rtl], md-input-container [data-ng-messages] bdo[dir=rtl], md-input-container [x-ng-messages] bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container ng-messages bdo[dir=ltr], md-input-container data-ng-messages bdo[dir=ltr], md-input-container x-ng-messages bdo[dir=ltr],
md-input-container [ng-messages] bdo[dir=ltr], md-input-container [data-ng-messages] bdo[dir=ltr], md-input-container [x-ng-messages] bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container ng-messages.ng-enter ng-message, md-input-container ng-messages.ng-enter data-ng-message, md-input-container ng-messages.ng-enter x-ng-message,
md-input-container ng-messages.ng-enter [ng-message], md-input-container ng-messages.ng-enter [data-ng-message], md-input-container ng-messages.ng-enter [x-ng-message],
md-input-container ng-messages.ng-enter [ng-message-exp], md-input-container ng-messages.ng-enter [data-ng-message-exp], md-input-container ng-messages.ng-enter [x-ng-message-exp], md-input-container data-ng-messages.ng-enter ng-message, md-input-container data-ng-messages.ng-enter data-ng-message, md-input-container data-ng-messages.ng-enter x-ng-message,
md-input-container data-ng-messages.ng-enter [ng-message], md-input-container data-ng-messages.ng-enter [data-ng-message], md-input-container data-ng-messages.ng-enter [x-ng-message],
md-input-container data-ng-messages.ng-enter [ng-message-exp], md-input-container data-ng-messages.ng-enter [data-ng-message-exp], md-input-container data-ng-messages.ng-enter [x-ng-message-exp], md-input-container x-ng-messages.ng-enter ng-message, md-input-container x-ng-messages.ng-enter data-ng-message, md-input-container x-ng-messages.ng-enter x-ng-message,
md-input-container x-ng-messages.ng-enter [ng-message], md-input-container x-ng-messages.ng-enter [data-ng-message], md-input-container x-ng-messages.ng-enter [x-ng-message],
md-input-container x-ng-messages.ng-enter [ng-message-exp], md-input-container x-ng-messages.ng-enter [data-ng-message-exp], md-input-container x-ng-messages.ng-enter [x-ng-message-exp],
md-input-container [ng-messages].ng-enter ng-message,
md-input-container [ng-messages].ng-enter data-ng-message,
md-input-container [ng-messages].ng-enter x-ng-message,
md-input-container [ng-messages].ng-enter [ng-message],
md-input-container [ng-messages].ng-enter [data-ng-message],
md-input-container [ng-messages].ng-enter [x-ng-message],
md-input-container [ng-messages].ng-enter [ng-message-exp],
md-input-container [ng-messages].ng-enter [data-ng-message-exp],
md-input-container [ng-messages].ng-enter [x-ng-message-exp], md-input-container [data-ng-messages].ng-enter ng-message, md-input-container [data-ng-messages].ng-enter data-ng-message, md-input-container [data-ng-messages].ng-enter x-ng-message,
md-input-container [data-ng-messages].ng-enter [ng-message], md-input-container [data-ng-messages].ng-enter [data-ng-message], md-input-container [data-ng-messages].ng-enter [x-ng-message],
md-input-container [data-ng-messages].ng-enter [ng-message-exp], md-input-container [data-ng-messages].ng-enter [data-ng-message-exp], md-input-container [data-ng-messages].ng-enter [x-ng-message-exp], md-input-container [x-ng-messages].ng-enter ng-message, md-input-container [x-ng-messages].ng-enter data-ng-message, md-input-container [x-ng-messages].ng-enter x-ng-message,
md-input-container [x-ng-messages].ng-enter [ng-message], md-input-container [x-ng-messages].ng-enter [data-ng-message], md-input-container [x-ng-messages].ng-enter [x-ng-message],
md-input-container [x-ng-messages].ng-enter [ng-message-exp], md-input-container [x-ng-messages].ng-enter [data-ng-message-exp], md-input-container [x-ng-messages].ng-enter [x-ng-message-exp] {
    opacity: 0;
    margin-top: -100px;
}

md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message,
md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message],
md-input-container [ng-message-exp], md-input-container [data-ng-message-exp], md-input-container [x-ng-message-exp],
md-input-container .md-char-counter {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    opacity: 1;
    margin-top: 0;
    padding-top: 5px;
}

    md-input-container ng-message:not(.md-char-counter), md-input-container data-ng-message:not(.md-char-counter), md-input-container x-ng-message:not(.md-char-counter),
    md-input-container [ng-message]:not(.md-char-counter), md-input-container [data-ng-message]:not(.md-char-counter), md-input-container [x-ng-message]:not(.md-char-counter),
    md-input-container [ng-message-exp]:not(.md-char-counter), md-input-container [data-ng-message-exp]:not(.md-char-counter), md-input-container [x-ng-message-exp]:not(.md-char-counter),
    md-input-container .md-char-counter:not(.md-char-counter) {
        padding-right: 5px;
        padding-left: 0;
    }

html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
    padding-right: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
    padding-right: 0;
    unicode-bidi: embed;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
    padding-left: 5px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
    padding-left: 5px;
    unicode-bidi: embed;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0;
    margin-top: -100px;
}

md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate) {
    opacity: 0;
    margin-top: -100px;
}

md-input-container .md-input-message-animation.ng-enter {
    opacity: 0;
    margin-top: -100px;
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
    transform: translate3d(0, 6px, 0) scale(0.75);
}

md-input-container.md-input-has-value label {
    transition: none;
}

md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty {
    padding-bottom: 0;
    border-width: 0 0 2px 0;
}

md-input-container .md-input[disabled],
[disabled] md-input-container .md-input {
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px;
}

md-input-container.md-icon-float {
    transition: margin-top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    md-input-container.md-icon-float > label {
        pointer-events: none;
        position: absolute;
    }

    md-input-container.md-icon-float > md-icon {
        top: 2px;
        left: 2px;
        right: auto;
    }

html[dir=rtl] md-input-container.md-icon-float > md-icon {
    left: auto;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-float > md-icon {
    left: auto;
    unicode-bidi: embed;
}

md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-icon-float > md-icon {
    right: 2px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-float > md-icon {
    right: 2px;
    unicode-bidi: embed;
}

md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label {
    -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
    transform: translate3d(0, 6px, 0) scale(0.75);
    transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
}

md-input-container.md-icon-right {
    padding-right: 36px;
    padding-left: 36px;
}

html[dir=rtl] md-input-container.md-icon-right {
    padding-right: 36px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right {
    padding-right: 36px;
    unicode-bidi: embed;
}

md-input-container.md-icon-right bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-right bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-icon-right {
    padding-left: 36px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right {
    padding-left: 36px;
    unicode-bidi: embed;
}

md-input-container.md-icon-right bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-right bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon {
    margin: 0;
    right: 2px;
    left: auto;
}

html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
    right: auto;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
    right: auto;
    unicode-bidi: embed;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
    left: 2px;
    unicode-bidi: embed;
}

body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
    left: 2px;
    unicode-bidi: embed;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

@media screen and (-ms-high-contrast: active) {
    md-input-container.md-default-theme > md-icon {
        fill: #fff;
    }
}

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
    line-height: 1rem;
    height: auto;
    padding: 28px;
    padding-bottom: 12px;
}

md-menu-bar {
    padding: 0 20px;
    display: block;
    position: relative;
    z-index: 2;
}

    md-menu-bar .md-menu {
        display: inline-block;
        padding: 0;
        position: relative;
    }

    md-menu-bar button {
        font-size: 14px;
        padding: 0 10px;
        margin: 0;
        border: 0;
        background-color: transparent;
        height: 40px;
    }

    md-menu-bar md-backdrop.md-menu-backdrop {
        z-index: -2;
    }

md-menu-content.md-menu-bar-menu.md-dense {
    max-height: none;
    padding: 16px 0;
}

    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
        position: relative;
    }

        md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
            position: absolute;
            padding: 0;
            width: 24px;
            top: 6px;
            left: 24px;
        }

        md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
            padding: 0 32px 0 64px;
        }

    md-menu-content.md-menu-bar-menu.md-dense .md-button {
        min-height: 0;
        height: 32px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        md-menu-content.md-menu-bar-menu.md-dense .md-button span {
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
                -webkit-flex-grow: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                -webkit-align-self: flex-end;
                -ms-flex-item-align: end;
                align-self: flex-end;
                margin: 0 8px;
            }

    md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
        margin: 8px 0;
    }

    md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
        text-align: left;
        text-align: start;
    }

    md-menu-content.md-menu-bar-menu.md-dense .md-menu {
        padding: 0;
    }

        md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
            position: relative;
            margin: 0;
            width: 100%;
            text-transform: none;
            font-weight: normal;
            border-radius: 0px;
            padding-left: 16px;
        }

            md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
                display: block;
                content: '\25BC';
                position: absolute;
                top: 0px;
                speak: none;
                -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
                transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
                right: 28px;
            }

md-list {
    display: block;
    padding: 8px 0px 8px 0px;
}

    md-list .md-subheader {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.010em;
        line-height: 1.2em;
    }

md-list-item {
    position: relative;
}

    md-list-item.md-proxy-focus.md-focused .md-no-style {
        transition: background-color 0.15s linear;
    }

    md-list-item.md-no-proxy,
    md-list-item .md-no-style {
        position: relative;
        padding: 0px 16px;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        md-list-item.md-no-proxy.md-button,
        md-list-item .md-no-style.md-button {
            font-size: inherit;
            height: inherit;
            text-align: left;
            text-transform: none;
            width: 100%;
            white-space: normal;
            -webkit-flex-direction: inherit;
            -ms-flex-direction: inherit;
            flex-direction: inherit;
            -webkit-align-items: inherit;
            -ms-flex-align: inherit;
            align-items: inherit;
            border-radius: 0;
        }

            md-list-item.md-no-proxy.md-button > .md-ripple-container,
            md-list-item .md-no-style.md-button > .md-ripple-container {
                border-radius: 0;
            }

        md-list-item.md-no-proxy:focus,
        md-list-item .md-no-style:focus {
            outline: none;
        }

    md-list-item.md-with-secondary {
        position: relative;
    }

    md-list-item.md-clickable:hover {
        cursor: pointer;
    }

    md-list-item md-divider {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

        md-list-item md-divider[md-inset] {
            left: 96px;
            width: calc(100% - 96px);
            margin: 0;
        }

    md-list-item, md-list-item .md-list-item-inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 48px;
        height: auto;
    }

        md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),
        md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),
        md-list-item > md-icon:first-child:not(.md-avatar-icon),
        md-list-item > md-icon.md-secondary:not(.md-avatar-icon), md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
        md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
        md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
        md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
            width: 24px;
            margin-top: 16px;
            margin-bottom: 12px;
            box-sizing: content-box;
        }

        md-list-item > div.md-primary > md-checkbox,
        md-list-item > div.md-secondary > md-checkbox,
        md-list-item > md-checkbox,
        md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
        md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
        md-list-item .md-list-item-inner > md-checkbox,
        md-list-item .md-list-item-inner md-checkbox.md-secondary {
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center;
        }

            md-list-item > div.md-primary > md-checkbox .md-label,
            md-list-item > div.md-secondary > md-checkbox .md-label,
            md-list-item > md-checkbox .md-label,
            md-list-item md-checkbox.md-secondary .md-label, md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
            md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
            md-list-item .md-list-item-inner > md-checkbox .md-label,
            md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
                display: none;
            }

        md-list-item > md-icon:first-child:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
            margin-right: 32px;
        }

        md-list-item > md-checkbox, md-list-item .md-list-item-inner > md-checkbox {
            width: 24px;
            margin-left: 3px;
            margin-right: 29px;
            margin-top: 16px;
        }

        md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon {
            margin-top: 8px;
            margin-bottom: 8px;
            margin-right: 16px;
            border-radius: 50%;
            box-sizing: content-box;
        }

        md-list-item .md-avatar, md-list-item .md-list-item-inner .md-avatar {
            width: 40px;
            height: 40px;
        }

        md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar-icon {
            padding: 8px;
        }

        md-list-item md-checkbox.md-secondary,
        md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary,
        md-list-item .md-list-item-inner md-switch.md-secondary {
            margin-top: 0;
            margin-bottom: 0;
        }

        md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary {
            margin-right: 0;
        }

        md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-switch.md-secondary {
            margin-right: -6px;
        }

        md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
            background-color: transparent;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center;
            border-radius: 50%;
            margin: 0px;
            min-width: 0px;
        }

            md-list-item button.md-button.md-secondary-container .md-ripple,
            md-list-item button.md-button.md-secondary-container .md-ripple-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple,
            md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container {
                border-radius: 50%;
            }

            md-list-item button.md-button.md-secondary-container.md-icon-button, md-list-item .md-list-item-inner button.md-button.md-secondary-container.md-icon-button {
                margin-right: -12px;
            }

        md-list-item .md-secondary-container,
        md-list-item .md-secondary, md-list-item .md-list-item-inner .md-secondary-container,
        md-list-item .md-list-item-inner .md-secondary {
            position: absolute;
            top: 50%;
            right: 16px;
            margin: 0 0 0 16px;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
        }

        md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
            margin-left: 0;
            position: static;
        }

        md-list-item > p, md-list-item > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item .md-list-item-inner > .md-list-item-inner > p {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0;
        }

        md-list-item.md-2-line,
        md-list-item.md-2-line > .md-no-style,
        md-list-item.md-3-line,
        md-list-item.md-3-line > .md-no-style {
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            md-list-item.md-2-line .md-list-item-text,
            md-list-item.md-2-line > .md-no-style .md-list-item-text,
            md-list-item.md-3-line .md-list-item-text,
            md-list-item.md-3-line > .md-no-style .md-list-item-text {
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin: auto;
                text-overflow: ellipsis;
            }

                md-list-item.md-2-line .md-list-item-text.md-offset,
                md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset,
                md-list-item.md-3-line .md-list-item-text.md-offset,
                md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
                    margin-left: 56px;
                }

                md-list-item.md-2-line .md-list-item-text h3,
                md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
                md-list-item.md-3-line .md-list-item-text h3,
                md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
                    font-size: 16px;
                    font-weight: 400;
                    letter-spacing: 0.010em;
                    margin: 0 0 0px 0;
                    line-height: 1.2em;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                md-list-item.md-2-line .md-list-item-text h4,
                md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
                md-list-item.md-3-line .md-list-item-text h4,
                md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
                    font-size: 14px;
                    letter-spacing: 0.010em;
                    margin: 3px 0 1px 0;
                    font-weight: 400;
                    line-height: 1.2em;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                md-list-item.md-2-line .md-list-item-text p,
                md-list-item.md-2-line > .md-no-style .md-list-item-text p,
                md-list-item.md-3-line .md-list-item-text p,
                md-list-item.md-3-line > .md-no-style .md-list-item-text p {
                    font-size: 14px;
                    font-weight: 500;
                    letter-spacing: 0.010em;
                    margin: 0 0 0 0;
                    line-height: 1.6em;
                }

            md-list-item.md-2-line,
            md-list-item.md-2-line > .md-no-style {
                height: auto;
                min-height: 72px;
            }

                md-list-item.md-2-line.md-long-text,
                md-list-item.md-2-line > .md-no-style.md-long-text {
                    margin: 1.6em;
                }

                md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon,
                md-list-item.md-2-line > .md-no-style > .md-avatar,
                md-list-item.md-2-line > .md-no-style .md-avatar-icon {
                    margin-top: 12px;
                }

                md-list-item.md-2-line > md-icon:first-child,
                md-list-item.md-2-line > .md-no-style > md-icon:first-child {
                    -webkit-align-self: flex-start;
                    -ms-flex-item-align: start;
                    align-self: flex-start;
                }

                md-list-item.md-2-line .md-list-item-text,
                md-list-item.md-2-line > .md-no-style .md-list-item-text {
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                }

            md-list-item.md-3-line,
            md-list-item.md-3-line > .md-no-style {
                height: auto;
                min-height: 88px;
            }

                md-list-item.md-3-line.md-long-text,
                md-list-item.md-3-line > .md-no-style.md-long-text {
                    margin: 1.6em;
                }

                md-list-item.md-3-line > md-icon:first-child,
                md-list-item.md-3-line > .md-avatar,
                md-list-item.md-3-line > .md-no-style > md-icon:first-child,
                md-list-item.md-3-line > .md-no-style > .md-avatar {
                    margin-top: 16px;
                }

.md-open-menu-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    opacity: 0;
    border-radius: 2px;
}

    .md-open-menu-container md-menu-divider {
        margin-top: 4px;
        margin-bottom: 4px;
        height: 1px;
        min-height: 1px;
        max-height: 1px;
        width: 100%;
    }

    .md-open-menu-container md-menu-content > * {
        opacity: 0;
    }

    .md-open-menu-container:not(.md-clickable) {
        pointer-events: none;
    }

    .md-open-menu-container.md-active {
        opacity: 1;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition-duration: 200ms;
    }

        .md-open-menu-container.md-active > md-menu-content > * {
            opacity: 1;
            transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            transition-duration: 200ms;
            transition-delay: 100ms;
        }

    .md-open-menu-container.md-leave {
        opacity: 0;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-duration: 250ms;
    }

md-menu-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0;
    max-height: 304px;
    overflow-y: auto;
}

    md-menu-content.md-dense {
        max-height: 208px;
    }

        md-menu-content.md-dense md-menu-item {
            height: 32px;
            min-height: 0px;
        }

md-menu-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 48px;
    height: 48px;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    md-menu-item > * {
        width: 100%;
        margin: auto 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    md-menu-item > a.md-button {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    md-menu-item > .md-button {
        border-radius: 0;
        margin: auto 0;
        font-size: 15px;
        text-transform: none;
        font-weight: 400;
        text-align: left;
        text-align: start;
        height: 100%;
        padding-left: 16px;
        padding-right: 16px;
        display: inline-block;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        width: 100%;
    }

        md-menu-item > .md-button md-icon {
            margin: auto 16px auto 0;
        }

        md-menu-item > .md-button p {
            display: inline-block;
            margin: auto;
        }

        md-menu-item > .md-button span {
            margin-top: auto;
            margin-bottom: auto;
        }

        md-menu-item > .md-button .md-ripple-container {
            border-radius: inherit;
        }

.md-menu {
    padding: 8px 0;
}

md-toolbar .md-menu {
    height: auto;
    margin: auto;
    padding: 0;
}

@media (max-width: 959px) {
    md-menu-content {
        min-width: 112px;
    }

        md-menu-content[width="3"] {
            min-width: 168px;
        }

        md-menu-content[width="4"] {
            min-width: 224px;
        }

        md-menu-content[width="5"] {
            min-width: 280px;
        }

        md-menu-content[width="6"] {
            min-width: 336px;
        }

        md-menu-content[width="7"] {
            min-width: 392px;
        }
}

@media (min-width: 960px) {
    md-menu-content {
        min-width: 96px;
    }

        md-menu-content[width="3"] {
            min-width: 192px;
        }

        md-menu-content[width="4"] {
            min-width: 256px;
        }

        md-menu-content[width="5"] {
            min-width: 320px;
        }

        md-menu-content[width="6"] {
            min-width: 384px;
        }

        md-menu-content[width="7"] {
            min-width: 448px;
        }
}

md-progress-circular {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 2;
}

    md-progress-circular .md-spinner-wrapper {
        display: block;
        position: absolute;
        overflow: hidden;
        top: 50%;
        left: 50%;
    }

        md-progress-circular .md-spinner-wrapper .md-inner {
            width: 100px;
            height: 100px;
            position: relative;
        }

            md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
                position: absolute;
                left: 49px;
                right: 49px;
                top: 0;
                bottom: 0;
                border-top-width: 10px;
                border-top-style: solid;
                box-sizing: border-box;
            }

            md-progress-circular .md-spinner-wrapper .md-inner .md-left, md-progress-circular .md-spinner-wrapper .md-inner .md-right {
                position: absolute;
                top: 0;
                height: 100px;
                width: 50px;
                overflow: hidden;
            }

                md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
                    position: absolute;
                    top: 0;
                    width: 100px;
                    height: 100px;
                    box-sizing: border-box;
                    border-width: 10px;
                    border-style: solid;
                    border-bottom-color: transparent;
                    border-radius: 50%;
                }

            md-progress-circular .md-spinner-wrapper .md-inner .md-left {
                left: 0;
            }

                md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
                    left: 0;
                    border-right-color: transparent;
                }

            md-progress-circular .md-spinner-wrapper .md-inner .md-right {
                right: 0;
            }

                md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
                    right: 0;
                    border-left-color: transparent;
                }

    md-progress-circular .md-mode-indeterminate .md-spinner-wrapper {
        -webkit-animation: outer-rotate 2.91667s linear infinite;
        animation: outer-rotate 2.91667s linear infinite;
    }

        md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner {
            -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
            animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
        }

            md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
                -webkit-animation-duration: 1.3125s;
                animation-duration: 1.3125s;
                -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
                animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
            }

            md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle {
                -webkit-animation-name: left-wobble;
                animation-name: left-wobble;
            }

            md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
                -webkit-animation-name: right-wobble;
                animation-name: right-wobble;
            }

    md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper {
        -webkit-animation: none;
        animation: none;
    }

        md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
            -webkit-animation: none;
            animation: none;
        }

            md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle {
                -webkit-animation-name: none;
                animation-name: none;
            }

            md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
                -webkit-animation-name: none;
                animation-name: none;
            }

    md-progress-circular .md-spinner-wrapper.ng-hide {
        -webkit-animation: none;
        animation: none;
    }

        md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
            -webkit-animation: none;
            animation: none;
        }

            md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle {
                -webkit-animation-name: none;
                animation-name: none;
            }

            md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
                -webkit-animation-name: none;
                animation-name: none;
            }

@-webkit-keyframes outer-rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5);
        transform: rotate(0deg) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.5);
        transform: rotate(360deg) scale(0.5);
    }
}

@keyframes outer-rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5);
        transform: rotate(0deg) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.5);
        transform: rotate(360deg) scale(0.5);
    }
}

@-webkit-keyframes left-wobble {
    0%, 100% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

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

@keyframes left-wobble {
    0%, 100% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

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

@-webkit-keyframes right-wobble {
    0%, 100% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

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

@keyframes right-wobble {
    0%, 100% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

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

@-webkit-keyframes sporadic-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

@keyframes sporadic-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}

md-progress-linear {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

    md-progress-linear .md-container {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 5px;
        -webkit-transform: translate(0, 0) scale(1, 1);
        transform: translate(0, 0) scale(1, 1);
    }

        md-progress-linear .md-container .md-bar {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 5px;
        }

        md-progress-linear .md-container .md-dashed:before {
            content: "";
            display: none;
            position: absolute;
            margin-top: 0;
            height: 5px;
            width: 100%;
            background-color: transparent;
            background-size: 10px 10px !important;
            background-position: 0px -23px;
        }

        md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
            transition: -webkit-transform 0.2s linear;
            transition: transform 0.2s linear;
        }

        md-progress-linear .md-container.md-mode-query .md-bar1 {
            display: none;
        }

        md-progress-linear .md-container.md-mode-query .md-bar2 {
            transition: all 0.2s linear;
            -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
            animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
        }

        md-progress-linear .md-container.md-mode-determinate .md-bar1 {
            display: none;
        }

        md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
            -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
            animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
        }

        md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
            -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
            animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
        }

        md-progress-linear .md-container.ng-hide {
            -webkit-animation: none;
            animation: none;
        }

            md-progress-linear .md-container.ng-hide .md-bar1 {
                -webkit-animation-name: none;
                animation-name: none;
            }

            md-progress-linear .md-container.ng-hide .md-bar2 {
                -webkit-animation-name: none;
                animation-name: none;
            }

        md-progress-linear .md-container.md-mode-buffer {
            background-color: transparent !important;
            transition: all 0.2s linear;
        }

            md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
                display: block;
                -webkit-animation: buffer 3s infinite linear;
                animation: buffer 3s infinite linear;
            }

@-webkit-keyframes query {
    0% {
        opacity: 1;
        -webkit-transform: translateX(35%) scale(0.3, 1);
        transform: translateX(35%) scale(0.3, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(0, 1);
        transform: translateX(-50%) scale(0, 1);
    }
}

@keyframes query {
    0% {
        opacity: 1;
        -webkit-transform: translateX(35%) scale(0.3, 1);
        transform: translateX(35%) scale(0.3, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(0, 1);
        transform: translateX(-50%) scale(0, 1);
    }
}

@-webkit-keyframes buffer {
    0% {
        opacity: 1;
        background-position: 0px -23px;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        background-position: -200px -23px;
    }
}

@keyframes buffer {
    0% {
        opacity: 1;
        background-position: 0px -23px;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        background-position: -200px -23px;
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
    0% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    36.6% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
        -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
        animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    }

    69.15% {
        -webkit-transform: scaleX(0.83);
        transform: scaleX(0.83);
        -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
        animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    }

    100% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
    }
}

@keyframes md-progress-linear-indeterminate-scale-1 {
    0% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    36.6% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
        -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
        animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    }

    69.15% {
        -webkit-transform: scaleX(0.83);
        transform: scaleX(0.83);
        -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
        animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    }

    100% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-1 {
    0% {
        left: -105.16667%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    20% {
        left: -105.16667%;
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    }

    69.15% {
        left: 21.5%;
        -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    }

    100% {
        left: 95.44444%;
    }
}

@keyframes md-progress-linear-indeterminate-1 {
    0% {
        left: -105.16667%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    20% {
        left: -105.16667%;
        -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    }

    69.15% {
        left: 21.5%;
        -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    }

    100% {
        left: 95.44444%;
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
    0% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
        -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
        animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
    }

    19.15% {
        -webkit-transform: scaleX(0.57);
        transform: scaleX(0.57);
        -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
        animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
    }

    44.15% {
        -webkit-transform: scaleX(0.91);
        transform: scaleX(0.91);
        -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
        animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
    }

    100% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
    }
}

@keyframes md-progress-linear-indeterminate-scale-2 {
    0% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
        -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
        animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
    }

    19.15% {
        -webkit-transform: scaleX(0.57);
        transform: scaleX(0.57);
        -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
        animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
    }

    44.15% {
        -webkit-transform: scaleX(0.91);
        transform: scaleX(0.91);
        -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
        animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
    }

    100% {
        -webkit-transform: scaleX(0.1);
        transform: scaleX(0.1);
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-2 {
    0% {
        left: -54.88889%;
        -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
        animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
    }

    25% {
        left: -17.25%;
        -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
        animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
    }

    48.35% {
        left: 29.5%;
        -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
        animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
    }

    100% {
        left: 117.38889%;
    }
}

@keyframes md-progress-linear-indeterminate-2 {
    0% {
        left: -54.88889%;
        -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
        animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
    }

    25% {
        left: -17.25%;
        -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
        animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
    }

    48.35% {
        left: 29.5%;
        -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
        animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
    }

    100% {
        left: 117.38889%;
    }
}

md-radio-button {
    box-sizing: border-box;
    display: block;
    margin-bottom: 16px;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

    md-radio-button[disabled] {
        cursor: default;
    }

        md-radio-button[disabled] .md-container {
            cursor: default;
        }

    md-radio-button .md-container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        box-sizing: border-box;
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        left: 0;
        right: auto;
    }

html[dir=rtl] md-radio-button .md-container {
    left: auto;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-container {
    left: auto;
    unicode-bidi: embed;
}

md-radio-button .md-container bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-button .md-container bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-radio-button .md-container {
    right: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-container {
    right: 0;
    unicode-bidi: embed;
}

md-radio-button .md-container bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-button .md-container bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-radio-button .md-container .md-ripple-container {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
}

md-radio-button .md-container:before {
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 50%;
    content: '';
    position: absolute;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    width: auto;
}

md-radio-button.md-align-top-left > div.md-container {
    top: 12px;
}

md-radio-button .md-off {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    transition: border-color ease 0.28s;
}

md-radio-button .md-on {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: -webkit-transform ease 0.28s;
    transition: transform ease 0.28s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

md-radio-button.md-checked .md-on {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

md-radio-button .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-left: 30px;
    margin-right: 0;
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
    width: auto;
}

html[dir=rtl] md-radio-button .md-label {
    margin-left: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-label {
    margin-left: 0;
    unicode-bidi: embed;
}

md-radio-button .md-label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-button .md-label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-radio-button .md-label {
    margin-right: 30px;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-button .md-label {
    margin-right: 30px;
    unicode-bidi: embed;
}

md-radio-button .md-label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-button .md-label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-radio-button .circle {
    border-radius: 50%;
}

md-radio-group md-radio-button:not(:first-child) {
    margin-top: 16px;
}

md-radio-group.layout-row md-radio-button {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: inherit;
    margin-right: 16px;
}

html[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-left: 16px;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-left: 16px;
    unicode-bidi: embed;
}

md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-right: inherit;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-right: inherit;
    unicode-bidi: embed;
}

md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button:last-of-type {
    margin-left: inherit;
    margin-right: 0;
}

html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
    margin-left: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
    margin-left: 0;
    unicode-bidi: embed;
}

md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
    margin-right: inherit;
    unicode-bidi: embed;
}

body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
    margin-right: inherit;
    unicode-bidi: embed;
}

md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-radio-group:focus {
    outline: none;
}

md-radio-group.md-focused .md-checked .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
}

.md-inline-form md-radio-group {
    margin: 18px 0 19px;
}

    .md-inline-form md-radio-group md-radio-button {
        display: inline-block;
        height: 30px;
        padding: 2px;
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 0;
    }

@media screen and (-ms-high-contrast: active) {
    md-radio-button.md-default-theme .md-on {
        background-color: #fff;
    }
}

.md-select-menu-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    opacity: 0;
    display: none;
}

    .md-select-menu-container:not(.md-clickable) {
        pointer-events: none;
    }

    .md-select-menu-container md-progress-circular {
        display: table;
        margin: 24px auto !important;
    }

    .md-select-menu-container.md-active {
        display: block;
        opacity: 1;
    }

        .md-select-menu-container.md-active md-select-menu {
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition-duration: 150ms;
        }

            .md-select-menu-container.md-active md-select-menu > * {
                opacity: 1;
                transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
                transition-duration: 150ms;
                transition-delay: 100ms;
            }

    .md-select-menu-container.md-leave {
        opacity: 0;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-duration: 250ms;
    }

md-input-container > md-select {
    margin: 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

md-select {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 26px 0;
}

    md-select[disabled] .md-select-value {
        background-position: 0 bottom;
        background-size: 4px 1px;
        background-repeat: repeat-x;
        margin-bottom: -1px;
    }

    md-select:focus {
        outline: none;
    }

    md-select[disabled]:hover {
        cursor: default;
    }

    md-select:not([disabled]):hover {
        cursor: pointer;
    }

    md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
        border-bottom: 2px solid;
        padding-bottom: 0;
    }

    md-select:not([disabled]):focus .md-select-value {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        padding-bottom: 0;
    }

.md-select-value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 2px 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: transparent;
    position: relative;
    box-sizing: content-box;
    min-width: 64px;
    min-height: 26px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

    .md-select-value .md-text {
        display: inline;
    }

    .md-select-value *:first-child {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0);
    }

    .md-select-value .md-select-icon {
        display: block;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        text-align: end;
        width: 24px;
        margin: 0 4px;
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0);
    }

        .md-select-value .md-select-icon:after {
            display: block;
            content: '\25BC';
            position: relative;
            top: 2px;
            speak: none;
            -webkit-transform: scaleY(0.6) scaleX(1);
            transform: scaleY(0.6) scaleX(1);
        }

    .md-select-value.md-select-placeholder {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        padding-left: 2px;
        z-index: 1;
    }

md-select-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    max-height: 256px;
    min-height: 48px;
    overflow-y: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1);
    transform: scale(1);
}

    md-select-menu.md-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    md-select-menu:not(.md-overflow) md-content {
        padding-top: 8px;
        padding-bottom: 8px;
    }

html[dir=rtl] md-select-menu {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    unicode-bidi: embed;
}

body[dir=rtl] md-select-menu {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    unicode-bidi: embed;
}

md-select-menu bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-select-menu bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-select-menu md-content {
    min-width: 136px;
    min-height: 48px;
    max-height: 256px;
    overflow-y: auto;
}

md-select-menu > * {
    opacity: 0;
}

md-option {
    cursor: pointer;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 0 16px 0 16px;
    height: 48px;
}

    md-option[disabled] {
        cursor: default;
    }

    md-option:focus {
        outline: none;
    }

    md-option .md-text {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
    }

md-optgroup {
    display: block;
}

    md-optgroup label {
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        padding: 16px;
        font-weight: 500;
    }

    md-optgroup md-option {
        padding-left: 32px;
        padding-right: 32px;
    }

@media screen and (-ms-high-contrast: active) {
    .md-select-backdrop {
        background-color: transparent;
    }

    md-select-menu {
        border: 1px solid #fff;
    }
}

md-sidenav {
    box-sizing: border-box;
    position: absolute;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 60;
    width: 320px;
    max-width: 320px;
    bottom: 0;
    overflow: auto;
}

    md-sidenav ul {
        list-style: none;
    }

    md-sidenav.md-closed {
        display: none;
    }

    md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        transition: 0.2s ease-in all;
    }

        md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

    md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
        position: static;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
            position: static;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    md-sidenav.md-locked-open-remove-active {
        transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        width: 0;
        min-width: 0;
    }

    md-sidenav.md-closed.md-locked-open-add {
        width: 0;
        min-width: 0;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    md-sidenav.md-closed.md-locked-open-add-active {
        transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        width: 320px;
        min-width: 320px;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

.md-sidenav-backdrop.md-locked-open {
    display: none;
}

.md-sidenav-left, md-sidenav {
    left: 0;
    top: 0;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

    .md-sidenav-left.md-closed, md-sidenav.md-closed {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

.md-sidenav-right {
    left: 100%;
    top: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

    .md-sidenav-right.md-closed {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

@media screen and (min-width: 600px) {
    md-sidenav {
        max-width: 400px;
    }
}

@media screen and (max-width: 456px) {
    md-sidenav {
        width: calc(100% - 56px);
        min-width: calc(100% - 56px);
        max-width: calc(100% - 56px);
    }
}

@media screen and (-ms-high-contrast: active) {
    .md-sidenav-left, md-sidenav {
        border-right: 1px solid #fff;
    }

    .md-sidenav-right {
        border-left: 1px solid #fff;
    }
}

@-webkit-keyframes sliderFocusThumb {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sliderFocusThumb {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

md-slider {
    height: 48px;
    position: relative;
    display: block;
    margin-left: 4px;
    margin-right: 4px;
    padding: 0;
    /**
   * Track
   */
    /**
   * Slider thumb
   */
    /* The sign that's focused in discrete mode */
    /**
   * The border/background that comes in when focused in non-discrete mode
   */
    /* Don't animate left/right while panning */
}

    md-slider *, md-slider *:after {
        box-sizing: border-box;
    }

    md-slider .md-slider-wrapper {
        position: relative;
    }

    md-slider .md-track-container {
        width: 100%;
        position: absolute;
        top: 23px;
        height: 2px;
    }

    md-slider .md-track {
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
    }

    md-slider .md-track-fill {
        transition: width 0.05s linear;
    }

    md-slider .md-track-ticks {
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
    }

        md-slider .md-track-ticks canvas {
            width: 100%;
        }

    md-slider .md-thumb-container {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        transition: left 0.1s linear;
    }

    md-slider .md-thumb {
        z-index: 1;
        position: absolute;
        left: -19px;
        top: 5px;
        width: 38px;
        height: 38px;
        border-radius: 38px;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        transition: all 0.1s linear;
    }

        md-slider .md-thumb:after {
            content: '';
            position: absolute;
            left: 3px;
            top: 3px;
            width: 32px;
            height: 32px;
            border-radius: 32px;
            border-width: 3px;
            border-style: solid;
        }

    md-slider .md-sign {
        /* Center the children (slider-thumb-text) */
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        left: -14px;
        top: -20px;
        width: 28px;
        height: 28px;
        border-radius: 28px;
        -webkit-transform: scale(0.4) translate3d(0, 70px, 0);
        transform: scale(0.4) translate3d(0, 70px, 0);
        transition: all 0.2s ease-in-out;
        /* The arrow pointing down under the sign */
    }

        md-slider .md-sign:after {
            position: absolute;
            content: '';
            left: 0px;
            border-radius: 16px;
            top: 19px;
            border-left: 14px solid transparent;
            border-right: 14px solid transparent;
            border-top-width: 16px;
            border-top-style: solid;
            opacity: 0;
            -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
            transition: all 0.2s ease-in-out;
        }

        md-slider .md-sign .md-thumb-text {
            z-index: 1;
            font-size: 12px;
            font-weight: bold;
        }

    md-slider .md-focus-thumb {
        position: absolute;
        left: -24px;
        top: 0px;
        width: 48px;
        height: 48px;
        border-radius: 48px;
        display: none;
        opacity: 0;
        background-color: #C0C0C0;
        -webkit-animation: sliderFocusThumb 0.4s linear;
        animation: sliderFocusThumb 0.4s linear;
    }

    md-slider .md-focus-ring {
        position: absolute;
        left: -24px;
        top: 0px;
        width: 48px;
        height: 48px;
        border-radius: 48px;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 0.2s linear;
        opacity: 0.26;
    }

    md-slider .md-disabled-thumb {
        position: absolute;
        left: -22px;
        top: 2px;
        width: 44px;
        height: 44px;
        border-radius: 44px;
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
        border-width: 6px;
        border-style: solid;
        display: none;
    }

    md-slider.md-min .md-thumb:after {
        background-color: white;
    }

    md-slider.md-min .md-sign {
        opacity: 0;
    }

    md-slider:focus {
        outline: none;
    }

    md-slider.md-dragging .md-thumb-container,
    md-slider.md-dragging .md-track-fill {
        transition: none;
    }

    md-slider:not([md-discrete]) {
        /* Hide the sign and ticks in non-discrete mode */
    }

        md-slider:not([md-discrete]) .md-track-ticks,
        md-slider:not([md-discrete]) .md-sign {
            display: none;
        }

        md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
        }

        md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb {
            display: block;
        }

        md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        md-slider:not([md-discrete]):not([disabled]):focus .md-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb {
            -webkit-transform: scale(0.85);
            transform: scale(0.85);
        }

    md-slider[md-discrete] {
        /* Hide the focus thumb in discrete mode */
    }

        md-slider[md-discrete] .md-focus-thumb,
        md-slider[md-discrete] .md-focus-ring {
            display: none;
        }

        md-slider[md-discrete]:not([disabled]):focus .md-sign,
        md-slider[md-discrete]:not([disabled]):focus .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
        md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
        }

    md-slider[disabled] .md-track-fill {
        display: none;
    }

    md-slider[disabled] .md-sign {
        display: none;
    }

    md-slider[disabled] .md-thumb {
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
    }

    md-slider[disabled] .md-disabled-thumb {
        display: block;
    }

@media screen and (-ms-high-contrast: active) {
    md-slider.md-default-theme .md-track {
        border-bottom: 1px solid #fff;
    }
}

.md-sticky-clone {
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    position: absolute !important;
    -webkit-transform: translate3d(-9999px, -9999px, 0);
    transform: translate3d(-9999px, -9999px, 0);
}

    .md-sticky-clone[sticky-state="active"] {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
            -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
            animation: subheaderStickyHoverIn 0.3s ease-out both;
        }

@-webkit-keyframes subheaderStickyHoverIn {
    0% {
        box-shadow: 0 0 0 0 transparent;
    }

    100% {
        box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
    }
}

@keyframes subheaderStickyHoverIn {
    0% {
        box-shadow: 0 0 0 0 transparent;
    }

    100% {
        box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
    }
}

@-webkit-keyframes subheaderStickyHoverOut {
    0% {
        box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

@keyframes subheaderStickyHoverOut {
    0% {
        box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

.md-subheader-wrapper:not(.md-sticky-no-effect) {
    transition: 0.2s ease-out margin;
}

    .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
        margin: 0;
    }

    .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
        z-index: 2;
    }

    .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
        margin-top: -2px;
    }

    .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
        -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
        animation: subheaderStickyHoverOut 0.3s ease-out both;
    }

.md-subheader {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    margin: 0 0 0 0;
    position: relative;
}

    .md-subheader .md-subheader-inner {
        display: block;
        padding: 16px;
    }

    .md-subheader .md-subheader-content {
        display: block;
        z-index: 1;
        position: relative;
    }

.md-inline-form md-switch {
    margin-top: 18px;
    margin-bottom: 19px;
}

md-switch {
    margin: 16px 0;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px;
    line-height: 28px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: inherit;
    margin-right: 16px;
}

html[dir=rtl] md-switch {
    margin-left: 16px;
    unicode-bidi: embed;
}

body[dir=rtl] md-switch {
    margin-left: 16px;
    unicode-bidi: embed;
}

md-switch bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-switch bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-switch {
    margin-right: inherit;
    unicode-bidi: embed;
}

body[dir=rtl] md-switch {
    margin-right: inherit;
    unicode-bidi: embed;
}

md-switch bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-switch bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-switch:last-of-type {
    margin-left: inherit;
    margin-right: 0;
}

html[dir=rtl] md-switch:last-of-type {
    margin-left: 0;
    unicode-bidi: embed;
}

body[dir=rtl] md-switch:last-of-type {
    margin-left: 0;
    unicode-bidi: embed;
}

md-switch:last-of-type bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-switch:last-of-type bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

html[dir=rtl] md-switch:last-of-type {
    margin-right: inherit;
    unicode-bidi: embed;
}

body[dir=rtl] md-switch:last-of-type {
    margin-right: inherit;
    unicode-bidi: embed;
}

md-switch:last-of-type bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

md-switch:last-of-type bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}

md-switch[disabled] {
    cursor: default;
}

    md-switch[disabled] .md-container {
        cursor: default;
    }

md-switch .md-container {
    cursor: -webkit-grab;
    cursor: grab;
    width: 36px;
    height: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 8px;
    float: left;
}

md-switch:not([disabled]) .md-dragging,
md-switch:not([disabled]).md-dragging .md-container {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

md-switch.md-focused:not([disabled]) .md-thumb:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
}

md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
    background-color: rgba(0, 0, 0, 0.12);
}

md-switch .md-label {
    border-color: transparent;
    border-width: 0;
    float: left;
}

md-switch .md-bar {
    left: 1px;
    width: 34px;
    top: 5px;
    height: 14px;
    border-radius: 8px;
    position: absolute;
}

md-switch .md-thumb-container {
    top: 2px;
    left: 0;
    width: 16px;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

md-switch.md-checked .md-thumb-container {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

md-switch .md-thumb {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

    md-switch .md-thumb:before {
        background-color: transparent;
        border-radius: 50%;
        content: '';
        position: absolute;
        display: block;
        height: auto;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transition: all 0.5s;
        width: auto;
    }

    md-switch .md-thumb .md-ripple-container {
        position: absolute;
        display: block;
        width: auto;
        height: auto;
        left: -20px;
        top: -20px;
        right: -20px;
        bottom: -20px;
    }

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb-container,
md-switch:not(.md-dragging) .md-thumb {
    transition: all 0.08s linear;
    transition-property: -webkit-transform, background-color;
    transition-property: transform, background-color;
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
    transition-delay: 0.05s;
}

@media screen and (-ms-high-contrast: active) {
    md-switch.md-default-theme .md-bar {
        background-color: #666;
    }

    md-switch.md-default-theme.md-checked .md-bar {
        background-color: #9E9E9E;
    }

    md-switch.md-default-theme .md-thumb {
        background-color: #fff;
    }
}

md-toast {
    position: absolute;
    z-index: 105;
    box-sizing: border-box;
    cursor: default;
    overflow: hidden;
    padding: 8px;
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    /* Transition differently when swiping */
    /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */
}

    md-toast .md-toast-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 0;
        max-height: 168px;
        max-width: 100%;
        min-height: 48px;
        padding-left: 24px;
        padding-right: 24px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        border-radius: 2px;
        font-size: 14px;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
        transform: translate3d(0, 0, 0) rotateZ(0deg);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    md-toast.md-capsule {
        border-radius: 24px;
    }

        md-toast.md-capsule .md-toast-content {
            border-radius: 24px;
        }

    md-toast.ng-leave-active .md-toast-content {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    }

    md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    md-toast.ng-enter {
        opacity: 0;
    }

        md-toast.ng-enter .md-toast-content {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        md-toast.ng-enter.md-top .md-toast-content {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }

        md-toast.ng-enter.ng-enter-active {
            opacity: 1;
        }

            md-toast.ng-enter.ng-enter-active .md-toast-content {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

    md-toast.ng-leave.ng-leave-active .md-toast-content {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    md-toast .md-action {
        line-height: 19px;
        margin-left: 24px;
        margin-right: 0;
        cursor: pointer;
        text-transform: uppercase;
        float: right;
    }

        md-toast .md-action.md-button {
            min-width: 0;
        }

@media (max-width: 959px) {
    md-toast {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border-radius: 0;
        bottom: 0;
    }

        md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
        }

        md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
            -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
        }
}

@media (min-width: 960px) {
    md-toast {
        min-width: 304px;
        /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */
    }

        md-toast.md-bottom {
            bottom: 0;
        }

        md-toast.md-left {
            left: 0;
        }

        md-toast.md-right {
            right: 0;
        }

        md-toast.md-top {
            top: 0;
        }

        md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
            -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
        }

        md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
            -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
        }
}

@media (min-width: 1920px) {
    md-toast .md-toast-content {
        max-width: 568px;
    }
}

@media screen and (-ms-high-contrast: active) {
    md-toast {
        border: 1px solid #fff;
    }
}

.md-toast-animating {
    overflow: hidden !important;
}

@-webkit-keyframes md-tab-content-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes md-tab-content-hide {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

md-tab-data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
}

md-tabs {
    display: block;
    margin: 0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
        min-height: 248px;
    }

    md-tabs[md-align-tabs="bottom"] {
        padding-bottom: 48px;
    }

        md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 48px;
            z-index: 2;
        }

        md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
            top: 0;
            bottom: 48px;
        }

    md-tabs.md-dynamic-height md-tabs-content-wrapper {
        min-height: 0;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: visible;
    }

    md-tabs.md-dynamic-height md-tab-content.md-active {
        position: relative;
    }

    md-tabs[md-border-bottom] md-tabs-wrapper {
        border-width: 0 0 1px;
        border-style: solid;
    }

    md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
        top: 49px;
    }

md-tabs-wrapper {
    display: block;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
        height: 100%;
        width: 32px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        line-height: 1em;
        z-index: 2;
        cursor: pointer;
        font-size: 16px;
        background: transparent no-repeat center center;
        transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    }

        md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
            outline: none;
        }

        md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
            opacity: 0.25;
            cursor: default;
        }

        md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
            transition: none;
        }

        md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
        }

    md-tabs-wrapper md-prev-button {
        left: 0;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==");
    }

    md-tabs-wrapper md-next-button {
        right: 0;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
    }

        md-tabs-wrapper md-next-button md-icon {
            -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
            transform: translate3d(-50%, -50%, 0) rotate(180deg);
        }

    md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

md-tabs-canvas {
    position: relative;
    overflow: hidden;
    display: block;
    height: 48px;
}

    md-tabs-canvas:after {
        content: '';
        display: table;
        clear: both;
    }

    md-tabs-canvas .md-dummy-wrapper {
        position: absolute;
        top: 0;
        left: 0;
    }

    md-tabs-canvas.md-paginated {
        margin: 0 32px;
    }

    md-tabs-canvas.md-center-tabs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

        md-tabs-canvas.md-center-tabs .md-tab {
            float: none;
            display: inline-block;
        }

md-pagination-wrapper {
    height: 48px;
    display: block;
    transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    position: absolute;
    width: 999999px;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    md-pagination-wrapper:after {
        content: '';
        display: table;
        clear: both;
    }

    md-pagination-wrapper.md-center-tabs {
        position: relative;
        width: initial;
        margin: 0 auto;
    }

md-tabs-content-wrapper {
    display: block;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

md-tab-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    overflow: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    md-tab-content.md-no-scroll {
        bottom: auto;
        overflow: hidden;
    }

    md-tab-content.ng-leave, md-tab-content.md-no-transition {
        transition: none;
    }

    md-tab-content.md-left:not(.md-active) {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-animation: 1s md-tab-content-hide;
        animation: 1s md-tab-content-hide;
        opacity: 0;
    }

        md-tab-content.md-left:not(.md-active) * {
            transition: visibility 0s linear;
            transition-delay: 0.5s;
            visibility: hidden;
        }

    md-tab-content.md-right:not(.md-active) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-animation: 1s md-tab-content-hide;
        animation: 1s md-tab-content-hide;
        opacity: 0;
    }

        md-tab-content.md-right:not(.md-active) * {
            transition: visibility 0s linear;
            transition-delay: 0.5s;
            visibility: hidden;
        }

    md-tab-content > div.ng-leave {
        -webkit-animation: 1s md-tab-content-hide;
        animation: 1s md-tab-content-hide;
    }

md-ink-bar {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    height: 2px;
}

    md-ink-bar.md-left {
        transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
    }

    md-ink-bar.md-right {
        transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
    }

md-tab {
    position: absolute;
    z-index: -1;
    left: -9999px;
}

.md-tab {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    padding: 12px 24px;
    transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    float: left;
    font-weight: 500;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .md-tab.md-focused {
        box-shadow: none;
        outline: none;
    }

    .md-tab.md-active {
        cursor: default;
    }

    .md-tab.md-disabled {
        pointer-events: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        opacity: 0.5;
        cursor: default;
    }

    .md-tab.ng-leave {
        transition: none;
    }

md-toolbar + md-tabs {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

md-toolbar {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
    font-size: 20px;
    min-height: 64px;
    width: 100%;
}

    md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
        transition: box-shadow 0.5s linear;
    }

    md-toolbar md-toolbar-filler {
        width: 72px;
    }

    md-toolbar *,
    md-toolbar *:before,
    md-toolbar *:after {
        box-sizing: border-box;
    }

    md-toolbar.md-tall {
        height: 128px;
        min-height: 128px;
        max-height: 128px;
    }

    md-toolbar.md-medium-tall {
        height: 88px;
        min-height: 88px;
        max-height: 88px;
    }

        md-toolbar.md-medium-tall .md-toolbar-tools {
            height: 48px;
            min-height: 48px;
            max-height: 48px;
        }

    md-toolbar > .md-indent {
        margin-left: 64px;
    }

    md-toolbar ~ md-content > md-list {
        padding: 0;
    }

        md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
            display: none;
        }

.md-toolbar-tools {
    font-size: 20px;
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 64px;
    max-height: 64px;
    padding: 0 16px;
    margin: 0;
}

    .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
        font-size: inherit;
        font-weight: inherit;
        margin: inherit;
    }

    .md-toolbar-tools a {
        color: inherit;
        text-decoration: none;
    }

    .md-toolbar-tools .fill-height {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .md-toolbar-tools .md-button {
        margin-top: 0;
        margin-bottom: 0;
    }

    .md-toolbar-tools > .md-button:first-child {
        margin-left: -8px;
    }

    .md-toolbar-tools > .md-button:last-child {
        margin-right: -8px;
    }

    .md-toolbar-tools > md-menu:last-child {
        margin-right: -8px;
    }

        .md-toolbar-tools > md-menu:last-child > .md-button {
            margin-right: 0;
        }

@media screen and (-ms-high-contrast: active) {
    .md-toolbar-tools {
        border-bottom: 1px solid #fff;
    }
}

@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
    md-toolbar {
        min-height: 56px;
    }

    .md-toolbar-tools {
        height: 56px;
        max-height: 56px;
    }
}

@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
    md-toolbar {
        min-height: 48px;
    }

    .md-toolbar-tools {
        height: 48px;
        max-height: 48px;
    }
}

md-tooltip {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    pointer-events: none;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
}

@media screen and (min-width: 960px) {
    md-tooltip {
        font-size: 10px;
    }
}

md-tooltip .md-content {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width: 960px) {
    md-tooltip .md-content {
        height: 22px;
        line-height: 22px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

md-tooltip .md-content.md-show-add {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: .2s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

md-tooltip .md-content.md-show-remove {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: .2s;
}

    md-tooltip .md-content.md-show-remove.md-show-remove-active {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

md-tooltip.md-hide {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}

md-tooltip.md-show {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: auto;
    will-change: opacity, height, width;
}

.md-virtual-repeat-container {
    box-sizing: border-box;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

    .md-virtual-repeat-container .md-virtual-repeat-scroller {
        bottom: 0;
        box-sizing: border-box;
        left: 0;
        margin: 0;
        overflow-x: hidden;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .md-virtual-repeat-container .md-virtual-repeat-sizer {
        box-sizing: border-box;
        height: 1px;
        display: block;
        margin: 0;
        padding: 0;
        width: 1px;
    }

    .md-virtual-repeat-container .md-virtual-repeat-offsetter {
        box-sizing: border-box;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
        bottom: 16px;
        right: auto;
        white-space: nowrap;
    }

.md-whiteframe-1dp, .md-whiteframe-z1 {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-2dp {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-3dp {
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-4dp, .md-whiteframe-z2 {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-5dp {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-6dp {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-7dp, .md-whiteframe-z3 {
    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-8dp {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-9dp {
    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-10dp, .md-whiteframe-z4 {
    box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-11dp {
    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-12dp {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-13dp, .md-whiteframe-z5 {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-14dp {
    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-15dp {
    box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-16dp {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-17dp {
    box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-18dp {
    box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-19dp {
    box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-20dp {
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-21dp {
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-22dp {
    box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-23dp {
    box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.md-whiteframe-24dp {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

@media screen and (-ms-high-contrast: active) {
    md-whiteframe {
        border: 1px solid #fff;
    }
}

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*/
@-moz-document url-prefix() {
    [layout-fill] {
        margin: 0;
        width: 100%;
        min-height: 100%;
        height: 100%;
    }
}

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
[flex-order] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

[flex-order="-20"] {
    -webkit-order: -20;
    -ms-flex-order: -20;
    order: -20;
}

[flex-order="-19"] {
    -webkit-order: -19;
    -ms-flex-order: -19;
    order: -19;
}

[flex-order="-18"] {
    -webkit-order: -18;
    -ms-flex-order: -18;
    order: -18;
}

[flex-order="-17"] {
    -webkit-order: -17;
    -ms-flex-order: -17;
    order: -17;
}

[flex-order="-16"] {
    -webkit-order: -16;
    -ms-flex-order: -16;
    order: -16;
}

[flex-order="-15"] {
    -webkit-order: -15;
    -ms-flex-order: -15;
    order: -15;
}

[flex-order="-14"] {
    -webkit-order: -14;
    -ms-flex-order: -14;
    order: -14;
}

[flex-order="-13"] {
    -webkit-order: -13;
    -ms-flex-order: -13;
    order: -13;
}

[flex-order="-12"] {
    -webkit-order: -12;
    -ms-flex-order: -12;
    order: -12;
}

[flex-order="-11"] {
    -webkit-order: -11;
    -ms-flex-order: -11;
    order: -11;
}

[flex-order="-10"] {
    -webkit-order: -10;
    -ms-flex-order: -10;
    order: -10;
}

[flex-order="-9"] {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9;
}

[flex-order="-8"] {
    -webkit-order: -8;
    -ms-flex-order: -8;
    order: -8;
}

[flex-order="-7"] {
    -webkit-order: -7;
    -ms-flex-order: -7;
    order: -7;
}

[flex-order="-6"] {
    -webkit-order: -6;
    -ms-flex-order: -6;
    order: -6;
}

[flex-order="-5"] {
    -webkit-order: -5;
    -ms-flex-order: -5;
    order: -5;
}

[flex-order="-4"] {
    -webkit-order: -4;
    -ms-flex-order: -4;
    order: -4;
}

[flex-order="-3"] {
    -webkit-order: -3;
    -ms-flex-order: -3;
    order: -3;
}

[flex-order="-2"] {
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2;
}

[flex-order="-1"] {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

[flex-order="0"] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

[flex-order="1"] {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

[flex-order="2"] {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

[flex-order="3"] {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

[flex-order="4"] {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

[flex-order="5"] {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

[flex-order="6"] {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

[flex-order="7"] {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

[flex-order="8"] {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

[flex-order="9"] {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

[flex-order="10"] {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

[flex-order="11"] {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

[flex-order="12"] {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

[flex-order="13"] {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
}

[flex-order="14"] {
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
}

[flex-order="15"] {
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
}

[flex-order="16"] {
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
}

[flex-order="17"] {
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
}

[flex-order="18"] {
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
}

[flex-order="19"] {
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
}

[flex-order="20"] {
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
}

[flex-offset="0"] {
    margin-left: 0%;
}

[flex-offset="5"] {
    margin-left: 5%;
}

[flex-offset="10"] {
    margin-left: 10%;
}

[flex-offset="15"] {
    margin-left: 15%;
}

[flex-offset="20"] {
    margin-left: 20%;
}

[flex-offset="25"] {
    margin-left: 25%;
}

[flex-offset="30"] {
    margin-left: 30%;
}

[flex-offset="35"] {
    margin-left: 35%;
}

[flex-offset="40"] {
    margin-left: 40%;
}

[flex-offset="45"] {
    margin-left: 45%;
}

[flex-offset="50"] {
    margin-left: 50%;
}

[flex-offset="55"] {
    margin-left: 55%;
}

[flex-offset="60"] {
    margin-left: 60%;
}

[flex-offset="65"] {
    margin-left: 65%;
}

[flex-offset="70"] {
    margin-left: 70%;
}

[flex-offset="75"] {
    margin-left: 75%;
}

[flex-offset="80"] {
    margin-left: 80%;
}

[flex-offset="85"] {
    margin-left: 85%;
}

[flex-offset="90"] {
    margin-left: 90%;
}

[flex-offset="95"] {
    margin-left: 95%;
}

[flex-offset="33"] {
    margin-left: calc(100% / 3);
}

[flex-offset="66"] {
    margin-left: calc(200% / 3);
}

[layout-align] {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

[layout-align="start"],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

[layout-align="center"],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[layout-align="end"],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%;
}

    [layout-align="start center"] > *,
    [layout-align="center center"] > *,
    [layout-align="end center"] > *,
    [layout-align="space-between center"] > *,
    [layout-align="space-around center"] > * {
        max-width: 100%;
        box-sizing: border-box;
    }

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

[flex] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
}

@media screen\0 {
    [flex] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

[flex-grow] {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
}

[flex-initial] {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
}

[flex-auto] {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
}

[flex-none] {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
}

[flex="0"] {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="0"],
[layout="row"] > [flex="0"] {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="0"],
[layout="column"] > [flex="0"] {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
}

[flex="5"] {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="5"],
[layout="row"] > [flex="5"] {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="5"],
[layout="column"] > [flex="5"] {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
}

[flex="10"] {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="10"],
[layout="row"] > [flex="10"] {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="10"],
[layout="column"] > [flex="10"] {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
}

[flex="15"] {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="15"],
[layout="row"] > [flex="15"] {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="15"],
[layout="column"] > [flex="15"] {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
}

[flex="20"] {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="20"],
[layout="row"] > [flex="20"] {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="20"],
[layout="column"] > [flex="20"] {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
}

[flex="25"] {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="25"],
[layout="row"] > [flex="25"] {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="25"],
[layout="column"] > [flex="25"] {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
}

[flex="30"] {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="30"],
[layout="row"] > [flex="30"] {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="30"],
[layout="column"] > [flex="30"] {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
}

[flex="35"] {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="35"],
[layout="row"] > [flex="35"] {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="35"],
[layout="column"] > [flex="35"] {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
}

[flex="40"] {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="40"],
[layout="row"] > [flex="40"] {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="40"],
[layout="column"] > [flex="40"] {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
}

[flex="45"] {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="45"],
[layout="row"] > [flex="45"] {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="45"],
[layout="column"] > [flex="45"] {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
}

[flex="50"] {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="50"],
[layout="row"] > [flex="50"] {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="50"],
[layout="column"] > [flex="50"] {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
}

[flex="55"] {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="55"],
[layout="row"] > [flex="55"] {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="55"],
[layout="column"] > [flex="55"] {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
}

[flex="60"] {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="60"],
[layout="row"] > [flex="60"] {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="60"],
[layout="column"] > [flex="60"] {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
}

[flex="65"] {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="65"],
[layout="row"] > [flex="65"] {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="65"],
[layout="column"] > [flex="65"] {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
}

[flex="70"] {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="70"],
[layout="row"] > [flex="70"] {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="70"],
[layout="column"] > [flex="70"] {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
}

[flex="75"] {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="75"],
[layout="row"] > [flex="75"] {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="75"],
[layout="column"] > [flex="75"] {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
}

[flex="80"] {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="80"],
[layout="row"] > [flex="80"] {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="80"],
[layout="column"] > [flex="80"] {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
}

[flex="85"] {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="85"],
[layout="row"] > [flex="85"] {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="85"],
[layout="column"] > [flex="85"] {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
}

[flex="90"] {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="90"],
[layout="row"] > [flex="90"] {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="90"],
[layout="column"] > [flex="90"] {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
}

[flex="95"] {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="95"],
[layout="row"] > [flex="95"] {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="95"],
[layout="column"] > [flex="95"] {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
}

[flex="100"] {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="100"],
[layout="row"] > [flex="100"] {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="100"],
[layout="column"] > [flex="100"] {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

[layout], [layout="column"], [layout="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

[layout="column"] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

[layout="row"] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

[layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
    padding: 4px;
}

[layout-padding],
[layout-padding] > [flex],
[layout-padding] > [flex-gt-sm],
[layout-padding] > [flex-md],
[layout-padding] > [flex-lt-lg] {
    padding: 8px;
}

    [layout-padding] > [flex-gt-md],
    [layout-padding] > [flex-lg] {
        padding: 16px;
    }

[layout-margin] > [flex-sm],
[layout-margin] > [flex-lt-md] {
    margin: 4px;
}

[layout-margin],
[layout-margin] > [flex],
[layout-margin] > [flex-gt-sm],
[layout-margin] > [flex-md],
[layout-margin] > [flex-lt-lg] {
    margin: 8px;
}

    [layout-margin] > [flex-gt-md],
    [layout-margin] > [flex-lg] {
        margin: 16px;
    }

[layout-wrap] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[layout-nowrap] {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

[layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
    [hide-xs]:not([show-xs]):not([show]), [hide]:not([show-xs]):not([show]) {
        display: none;
    }

    [flex-order-xs="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-xs="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-xs="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-xs="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-xs="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-xs="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-xs="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-xs="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-xs="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-xs="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-xs="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-xs="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-xs="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-xs="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-xs="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-xs="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-xs="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-xs="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-xs="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-xs="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-xs="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-xs="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-xs="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-xs="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-xs="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-xs="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-xs="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-xs="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-xs="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-xs="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-xs="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-xs="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-xs="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-xs="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-xs="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-xs="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-xs="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-xs="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-xs="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-xs="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-xs="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-xs="0"] {
        margin-left: 0%;
    }

    [flex-offset-xs="5"] {
        margin-left: 5%;
    }

    [flex-offset-xs="10"] {
        margin-left: 10%;
    }

    [flex-offset-xs="15"] {
        margin-left: 15%;
    }

    [flex-offset-xs="20"] {
        margin-left: 20%;
    }

    [flex-offset-xs="25"] {
        margin-left: 25%;
    }

    [flex-offset-xs="30"] {
        margin-left: 30%;
    }

    [flex-offset-xs="35"] {
        margin-left: 35%;
    }

    [flex-offset-xs="40"] {
        margin-left: 40%;
    }

    [flex-offset-xs="45"] {
        margin-left: 45%;
    }

    [flex-offset-xs="50"] {
        margin-left: 50%;
    }

    [flex-offset-xs="55"] {
        margin-left: 55%;
    }

    [flex-offset-xs="60"] {
        margin-left: 60%;
    }

    [flex-offset-xs="65"] {
        margin-left: 65%;
    }

    [flex-offset-xs="70"] {
        margin-left: 70%;
    }

    [flex-offset-xs="75"] {
        margin-left: 75%;
    }

    [flex-offset-xs="80"] {
        margin-left: 80%;
    }

    [flex-offset-xs="85"] {
        margin-left: 85%;
    }

    [flex-offset-xs="90"] {
        margin-left: 90%;
    }

    [flex-offset-xs="95"] {
        margin-left: 95%;
    }

    [flex-offset-xs="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-xs="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-xs] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-xs="start"],
    [layout-align-xs="start start"],
    [layout-align-xs="start center"],
    [layout-align-xs="start end"],
    [layout-align-xs="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-xs="center"],
    [layout-align-xs="center start"],
    [layout-align-xs="center center"],
    [layout-align-xs="center end"],
    [layout-align-xs="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-xs="end"],
    [layout-align-xs="end center"],
    [layout-align-xs="end start"],
    [layout-align-xs="end end"],
    [layout-align-xs="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-xs="space-around"],
    [layout-align-xs="space-around center"],
    [layout-align-xs="space-around start"],
    [layout-align-xs="space-around end"],
    [layout-align-xs="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-xs="space-between"],
    [layout-align-xs="space-between center"],
    [layout-align-xs="space-between start"],
    [layout-align-xs="space-between end"],
    [layout-align-xs="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-xs="start start"],
    [layout-align-xs="center start"],
    [layout-align-xs="end start"],
    [layout-align-xs="space-between start"],
    [layout-align-xs="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-xs="start center"],
    [layout-align-xs="center center"],
    [layout-align-xs="end center"],
    [layout-align-xs="space-between center"],
    [layout-align-xs="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-xs="start center"] > *,
        [layout-align-xs="center center"] > *,
        [layout-align-xs="end center"] > *,
        [layout-align-xs="space-between center"] > *,
        [layout-align-xs="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-xs="start end"],
    [layout-align-xs="center end"],
    [layout-align-xs="end end"],
    [layout-align-xs="space-between end"],
    [layout-align-xs="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-xs="start stretch"],
    [layout-align-xs="center stretch"],
    [layout-align-xs="end stretch"],
    [layout-align-xs="space-between stretch"],
    [layout-align-xs="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-xs] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (max-width: 599px) {
    [flex-xs] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (max-width: 599px) {
    [flex-xs-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-xs-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-xs-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-xs-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-xs="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="0"],
    [layout-xs="row"] > [flex-xs="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="0"],
    [layout-xs="column"] > [flex-xs="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="5"],
    [layout-xs="row"] > [flex-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="5"],
    [layout-xs="column"] > [flex-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="10"],
    [layout-xs="row"] > [flex-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="10"],
    [layout-xs="column"] > [flex-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="15"],
    [layout-xs="row"] > [flex-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="15"],
    [layout-xs="column"] > [flex-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="20"],
    [layout-xs="row"] > [flex-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="20"],
    [layout-xs="column"] > [flex-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="25"],
    [layout-xs="row"] > [flex-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="25"],
    [layout-xs="column"] > [flex-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="30"],
    [layout-xs="row"] > [flex-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="30"],
    [layout-xs="column"] > [flex-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="35"],
    [layout-xs="row"] > [flex-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="35"],
    [layout-xs="column"] > [flex-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="40"],
    [layout-xs="row"] > [flex-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="40"],
    [layout-xs="column"] > [flex-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="45"],
    [layout-xs="row"] > [flex-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="45"],
    [layout-xs="column"] > [flex-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="50"],
    [layout-xs="row"] > [flex-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="50"],
    [layout-xs="column"] > [flex-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="55"],
    [layout-xs="row"] > [flex-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="55"],
    [layout-xs="column"] > [flex-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="60"],
    [layout-xs="row"] > [flex-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="60"],
    [layout-xs="column"] > [flex-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="65"],
    [layout-xs="row"] > [flex-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="65"],
    [layout-xs="column"] > [flex-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="70"],
    [layout-xs="row"] > [flex-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="70"],
    [layout-xs="column"] > [flex-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="75"],
    [layout-xs="row"] > [flex-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="75"],
    [layout-xs="column"] > [flex-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="80"],
    [layout-xs="row"] > [flex-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="80"],
    [layout-xs="column"] > [flex-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="85"],
    [layout-xs="row"] > [flex-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="85"],
    [layout-xs="column"] > [flex-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="90"],
    [layout-xs="row"] > [flex-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="90"],
    [layout-xs="column"] > [flex-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="95"],
    [layout-xs="row"] > [flex-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="95"],
    [layout-xs="column"] > [flex-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="100"],
    [layout-xs="row"] > [flex-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="100"],
    [layout-xs="column"] > [flex-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="33"], [layout="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xs="66"], [layout="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="33"], [layout="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xs="66"], [layout="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-xs], [layout-xs="column"], [layout-xs="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-xs="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-xs="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 600px) {
    [flex-order-gt-xs="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-gt-xs="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-gt-xs="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-gt-xs="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-gt-xs="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-gt-xs="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-gt-xs="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-gt-xs="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-gt-xs="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-gt-xs="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-gt-xs="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-gt-xs="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-gt-xs="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-gt-xs="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-gt-xs="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-gt-xs="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-gt-xs="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-gt-xs="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-gt-xs="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-gt-xs="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-gt-xs="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-gt-xs="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-gt-xs="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-gt-xs="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-gt-xs="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-gt-xs="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-gt-xs="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-gt-xs="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-gt-xs="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-gt-xs="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-gt-xs="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-gt-xs="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-gt-xs="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-gt-xs="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-gt-xs="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-gt-xs="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-gt-xs="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-gt-xs="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-gt-xs="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-gt-xs="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-gt-xs="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-gt-xs="0"] {
        margin-left: 0%;
    }

    [flex-offset-gt-xs="5"] {
        margin-left: 5%;
    }

    [flex-offset-gt-xs="10"] {
        margin-left: 10%;
    }

    [flex-offset-gt-xs="15"] {
        margin-left: 15%;
    }

    [flex-offset-gt-xs="20"] {
        margin-left: 20%;
    }

    [flex-offset-gt-xs="25"] {
        margin-left: 25%;
    }

    [flex-offset-gt-xs="30"] {
        margin-left: 30%;
    }

    [flex-offset-gt-xs="35"] {
        margin-left: 35%;
    }

    [flex-offset-gt-xs="40"] {
        margin-left: 40%;
    }

    [flex-offset-gt-xs="45"] {
        margin-left: 45%;
    }

    [flex-offset-gt-xs="50"] {
        margin-left: 50%;
    }

    [flex-offset-gt-xs="55"] {
        margin-left: 55%;
    }

    [flex-offset-gt-xs="60"] {
        margin-left: 60%;
    }

    [flex-offset-gt-xs="65"] {
        margin-left: 65%;
    }

    [flex-offset-gt-xs="70"] {
        margin-left: 70%;
    }

    [flex-offset-gt-xs="75"] {
        margin-left: 75%;
    }

    [flex-offset-gt-xs="80"] {
        margin-left: 80%;
    }

    [flex-offset-gt-xs="85"] {
        margin-left: 85%;
    }

    [flex-offset-gt-xs="90"] {
        margin-left: 90%;
    }

    [flex-offset-gt-xs="95"] {
        margin-left: 95%;
    }

    [flex-offset-gt-xs="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-gt-xs="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-gt-xs] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-gt-xs="start"],
    [layout-align-gt-xs="start start"],
    [layout-align-gt-xs="start center"],
    [layout-align-gt-xs="start end"],
    [layout-align-gt-xs="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-gt-xs="center"],
    [layout-align-gt-xs="center start"],
    [layout-align-gt-xs="center center"],
    [layout-align-gt-xs="center end"],
    [layout-align-gt-xs="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-gt-xs="end"],
    [layout-align-gt-xs="end center"],
    [layout-align-gt-xs="end start"],
    [layout-align-gt-xs="end end"],
    [layout-align-gt-xs="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-gt-xs="space-around"],
    [layout-align-gt-xs="space-around center"],
    [layout-align-gt-xs="space-around start"],
    [layout-align-gt-xs="space-around end"],
    [layout-align-gt-xs="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-gt-xs="space-between"],
    [layout-align-gt-xs="space-between center"],
    [layout-align-gt-xs="space-between start"],
    [layout-align-gt-xs="space-between end"],
    [layout-align-gt-xs="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-gt-xs="start start"],
    [layout-align-gt-xs="center start"],
    [layout-align-gt-xs="end start"],
    [layout-align-gt-xs="space-between start"],
    [layout-align-gt-xs="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-gt-xs="start center"],
    [layout-align-gt-xs="center center"],
    [layout-align-gt-xs="end center"],
    [layout-align-gt-xs="space-between center"],
    [layout-align-gt-xs="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-gt-xs="start center"] > *,
        [layout-align-gt-xs="center center"] > *,
        [layout-align-gt-xs="end center"] > *,
        [layout-align-gt-xs="space-between center"] > *,
        [layout-align-gt-xs="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-gt-xs="start end"],
    [layout-align-gt-xs="center end"],
    [layout-align-gt-xs="end end"],
    [layout-align-gt-xs="space-between end"],
    [layout-align-gt-xs="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-gt-xs="start stretch"],
    [layout-align-gt-xs="center stretch"],
    [layout-align-gt-xs="end stretch"],
    [layout-align-gt-xs="space-between stretch"],
    [layout-align-gt-xs="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-gt-xs] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 600px) {
    [flex-gt-xs] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 600px) {
    [flex-gt-xs-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-gt-xs-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-xs-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-xs-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-gt-xs="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="0"],
    [layout-gt-xs="row"] > [flex-gt-xs="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="0"],
    [layout-gt-xs="column"] > [flex-gt-xs="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-gt-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="5"],
    [layout-gt-xs="row"] > [flex-gt-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="5"],
    [layout-gt-xs="column"] > [flex-gt-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-gt-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="10"],
    [layout-gt-xs="row"] > [flex-gt-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="10"],
    [layout-gt-xs="column"] > [flex-gt-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-gt-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="15"],
    [layout-gt-xs="row"] > [flex-gt-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="15"],
    [layout-gt-xs="column"] > [flex-gt-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-gt-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="20"],
    [layout-gt-xs="row"] > [flex-gt-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="20"],
    [layout-gt-xs="column"] > [flex-gt-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-gt-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="25"],
    [layout-gt-xs="row"] > [flex-gt-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="25"],
    [layout-gt-xs="column"] > [flex-gt-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-gt-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="30"],
    [layout-gt-xs="row"] > [flex-gt-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="30"],
    [layout-gt-xs="column"] > [flex-gt-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-gt-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="35"],
    [layout-gt-xs="row"] > [flex-gt-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="35"],
    [layout-gt-xs="column"] > [flex-gt-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-gt-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="40"],
    [layout-gt-xs="row"] > [flex-gt-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="40"],
    [layout-gt-xs="column"] > [flex-gt-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-gt-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="45"],
    [layout-gt-xs="row"] > [flex-gt-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="45"],
    [layout-gt-xs="column"] > [flex-gt-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-gt-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="50"],
    [layout-gt-xs="row"] > [flex-gt-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="50"],
    [layout-gt-xs="column"] > [flex-gt-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-gt-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="55"],
    [layout-gt-xs="row"] > [flex-gt-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="55"],
    [layout-gt-xs="column"] > [flex-gt-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-gt-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="60"],
    [layout-gt-xs="row"] > [flex-gt-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="60"],
    [layout-gt-xs="column"] > [flex-gt-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-gt-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="65"],
    [layout-gt-xs="row"] > [flex-gt-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="65"],
    [layout-gt-xs="column"] > [flex-gt-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-gt-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="70"],
    [layout-gt-xs="row"] > [flex-gt-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="70"],
    [layout-gt-xs="column"] > [flex-gt-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-gt-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="75"],
    [layout-gt-xs="row"] > [flex-gt-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="75"],
    [layout-gt-xs="column"] > [flex-gt-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-gt-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="80"],
    [layout-gt-xs="row"] > [flex-gt-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="80"],
    [layout-gt-xs="column"] > [flex-gt-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-gt-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="85"],
    [layout-gt-xs="row"] > [flex-gt-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="85"],
    [layout-gt-xs="column"] > [flex-gt-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-gt-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="90"],
    [layout-gt-xs="row"] > [flex-gt-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="90"],
    [layout-gt-xs="column"] > [flex-gt-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-gt-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="95"],
    [layout-gt-xs="row"] > [flex-gt-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="95"],
    [layout-gt-xs="column"] > [flex-gt-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-gt-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="100"],
    [layout-gt-xs="row"] > [flex-gt-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="100"],
    [layout-gt-xs="column"] > [flex-gt-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="33"], [layout="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-xs="66"], [layout="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="33"], [layout="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-xs="66"], [layout="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-gt-xs], [layout-gt-xs="column"], [layout-gt-xs="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-gt-xs="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-gt-xs="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) {
        display: none;
    }

    [hide-sm]:not([show-sm]):not([show]) {
        display: none;
    }

    [flex-order-sm="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-sm="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-sm="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-sm="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-sm="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-sm="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-sm="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-sm="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-sm="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-sm="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-sm="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-sm="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-sm="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-sm="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-sm="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-sm="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-sm="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-sm="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-sm="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-sm="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-sm="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-sm="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-sm="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-sm="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-sm="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-sm="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-sm="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-sm="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-sm="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-sm="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-sm="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-sm="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-sm="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-sm="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-sm="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-sm="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-sm="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-sm="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-sm="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-sm="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-sm="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-sm="0"] {
        margin-left: 0%;
    }

    [flex-offset-sm="5"] {
        margin-left: 5%;
    }

    [flex-offset-sm="10"] {
        margin-left: 10%;
    }

    [flex-offset-sm="15"] {
        margin-left: 15%;
    }

    [flex-offset-sm="20"] {
        margin-left: 20%;
    }

    [flex-offset-sm="25"] {
        margin-left: 25%;
    }

    [flex-offset-sm="30"] {
        margin-left: 30%;
    }

    [flex-offset-sm="35"] {
        margin-left: 35%;
    }

    [flex-offset-sm="40"] {
        margin-left: 40%;
    }

    [flex-offset-sm="45"] {
        margin-left: 45%;
    }

    [flex-offset-sm="50"] {
        margin-left: 50%;
    }

    [flex-offset-sm="55"] {
        margin-left: 55%;
    }

    [flex-offset-sm="60"] {
        margin-left: 60%;
    }

    [flex-offset-sm="65"] {
        margin-left: 65%;
    }

    [flex-offset-sm="70"] {
        margin-left: 70%;
    }

    [flex-offset-sm="75"] {
        margin-left: 75%;
    }

    [flex-offset-sm="80"] {
        margin-left: 80%;
    }

    [flex-offset-sm="85"] {
        margin-left: 85%;
    }

    [flex-offset-sm="90"] {
        margin-left: 90%;
    }

    [flex-offset-sm="95"] {
        margin-left: 95%;
    }

    [flex-offset-sm="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-sm="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-sm] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-sm="start"],
    [layout-align-sm="start start"],
    [layout-align-sm="start center"],
    [layout-align-sm="start end"],
    [layout-align-sm="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-sm="center"],
    [layout-align-sm="center start"],
    [layout-align-sm="center center"],
    [layout-align-sm="center end"],
    [layout-align-sm="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-sm="end"],
    [layout-align-sm="end center"],
    [layout-align-sm="end start"],
    [layout-align-sm="end end"],
    [layout-align-sm="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-sm="space-around"],
    [layout-align-sm="space-around center"],
    [layout-align-sm="space-around start"],
    [layout-align-sm="space-around end"],
    [layout-align-sm="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-sm="space-between"],
    [layout-align-sm="space-between center"],
    [layout-align-sm="space-between start"],
    [layout-align-sm="space-between end"],
    [layout-align-sm="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-sm="start start"],
    [layout-align-sm="center start"],
    [layout-align-sm="end start"],
    [layout-align-sm="space-between start"],
    [layout-align-sm="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-sm="start center"],
    [layout-align-sm="center center"],
    [layout-align-sm="end center"],
    [layout-align-sm="space-between center"],
    [layout-align-sm="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-sm="start center"] > *,
        [layout-align-sm="center center"] > *,
        [layout-align-sm="end center"] > *,
        [layout-align-sm="space-between center"] > *,
        [layout-align-sm="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-sm="start end"],
    [layout-align-sm="center end"],
    [layout-align-sm="end end"],
    [layout-align-sm="space-between end"],
    [layout-align-sm="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-sm="start stretch"],
    [layout-align-sm="center stretch"],
    [layout-align-sm="end stretch"],
    [layout-align-sm="space-between stretch"],
    [layout-align-sm="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-sm] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 600px) and (max-width: 959px) {
    [flex-sm] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    [flex-sm-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-sm-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-sm-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-sm-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-sm="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="0"],
    [layout-sm="row"] > [flex-sm="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="0"],
    [layout-sm="column"] > [flex-sm="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="5"],
    [layout-sm="row"] > [flex-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="5"],
    [layout-sm="column"] > [flex-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="10"],
    [layout-sm="row"] > [flex-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="10"],
    [layout-sm="column"] > [flex-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="15"],
    [layout-sm="row"] > [flex-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="15"],
    [layout-sm="column"] > [flex-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="20"],
    [layout-sm="row"] > [flex-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="20"],
    [layout-sm="column"] > [flex-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="25"],
    [layout-sm="row"] > [flex-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="25"],
    [layout-sm="column"] > [flex-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="30"],
    [layout-sm="row"] > [flex-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="30"],
    [layout-sm="column"] > [flex-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="35"],
    [layout-sm="row"] > [flex-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="35"],
    [layout-sm="column"] > [flex-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="40"],
    [layout-sm="row"] > [flex-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="40"],
    [layout-sm="column"] > [flex-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="45"],
    [layout-sm="row"] > [flex-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="45"],
    [layout-sm="column"] > [flex-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="50"],
    [layout-sm="row"] > [flex-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="50"],
    [layout-sm="column"] > [flex-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="55"],
    [layout-sm="row"] > [flex-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="55"],
    [layout-sm="column"] > [flex-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="60"],
    [layout-sm="row"] > [flex-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="60"],
    [layout-sm="column"] > [flex-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="65"],
    [layout-sm="row"] > [flex-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="65"],
    [layout-sm="column"] > [flex-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="70"],
    [layout-sm="row"] > [flex-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="70"],
    [layout-sm="column"] > [flex-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="75"],
    [layout-sm="row"] > [flex-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="75"],
    [layout-sm="column"] > [flex-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="80"],
    [layout-sm="row"] > [flex-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="80"],
    [layout-sm="column"] > [flex-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="85"],
    [layout-sm="row"] > [flex-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="85"],
    [layout-sm="column"] > [flex-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="90"],
    [layout-sm="row"] > [flex-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="90"],
    [layout-sm="column"] > [flex-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="95"],
    [layout-sm="row"] > [flex-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="95"],
    [layout-sm="column"] > [flex-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="100"],
    [layout-sm="row"] > [flex-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="100"],
    [layout-sm="column"] > [flex-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-sm], [layout-sm="column"], [layout-sm="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-sm="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-sm="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 960px) {
    [flex-order-gt-sm="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-gt-sm="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-gt-sm="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-gt-sm="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-gt-sm="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-gt-sm="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-gt-sm="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-gt-sm="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-gt-sm="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-gt-sm="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-gt-sm="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-gt-sm="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-gt-sm="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-gt-sm="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-gt-sm="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-gt-sm="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-gt-sm="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-gt-sm="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-gt-sm="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-gt-sm="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-gt-sm="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-gt-sm="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-gt-sm="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-gt-sm="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-gt-sm="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-gt-sm="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-gt-sm="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-gt-sm="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-gt-sm="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-gt-sm="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-gt-sm="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-gt-sm="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-gt-sm="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-gt-sm="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-gt-sm="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-gt-sm="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-gt-sm="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-gt-sm="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-gt-sm="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-gt-sm="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-gt-sm="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-gt-sm="0"] {
        margin-left: 0%;
    }

    [flex-offset-gt-sm="5"] {
        margin-left: 5%;
    }

    [flex-offset-gt-sm="10"] {
        margin-left: 10%;
    }

    [flex-offset-gt-sm="15"] {
        margin-left: 15%;
    }

    [flex-offset-gt-sm="20"] {
        margin-left: 20%;
    }

    [flex-offset-gt-sm="25"] {
        margin-left: 25%;
    }

    [flex-offset-gt-sm="30"] {
        margin-left: 30%;
    }

    [flex-offset-gt-sm="35"] {
        margin-left: 35%;
    }

    [flex-offset-gt-sm="40"] {
        margin-left: 40%;
    }

    [flex-offset-gt-sm="45"] {
        margin-left: 45%;
    }

    [flex-offset-gt-sm="50"] {
        margin-left: 50%;
    }

    [flex-offset-gt-sm="55"] {
        margin-left: 55%;
    }

    [flex-offset-gt-sm="60"] {
        margin-left: 60%;
    }

    [flex-offset-gt-sm="65"] {
        margin-left: 65%;
    }

    [flex-offset-gt-sm="70"] {
        margin-left: 70%;
    }

    [flex-offset-gt-sm="75"] {
        margin-left: 75%;
    }

    [flex-offset-gt-sm="80"] {
        margin-left: 80%;
    }

    [flex-offset-gt-sm="85"] {
        margin-left: 85%;
    }

    [flex-offset-gt-sm="90"] {
        margin-left: 90%;
    }

    [flex-offset-gt-sm="95"] {
        margin-left: 95%;
    }

    [flex-offset-gt-sm="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-gt-sm="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-gt-sm] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-gt-sm="start"],
    [layout-align-gt-sm="start start"],
    [layout-align-gt-sm="start center"],
    [layout-align-gt-sm="start end"],
    [layout-align-gt-sm="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-gt-sm="center"],
    [layout-align-gt-sm="center start"],
    [layout-align-gt-sm="center center"],
    [layout-align-gt-sm="center end"],
    [layout-align-gt-sm="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-gt-sm="end"],
    [layout-align-gt-sm="end center"],
    [layout-align-gt-sm="end start"],
    [layout-align-gt-sm="end end"],
    [layout-align-gt-sm="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-gt-sm="space-around"],
    [layout-align-gt-sm="space-around center"],
    [layout-align-gt-sm="space-around start"],
    [layout-align-gt-sm="space-around end"],
    [layout-align-gt-sm="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-gt-sm="space-between"],
    [layout-align-gt-sm="space-between center"],
    [layout-align-gt-sm="space-between start"],
    [layout-align-gt-sm="space-between end"],
    [layout-align-gt-sm="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-gt-sm="start start"],
    [layout-align-gt-sm="center start"],
    [layout-align-gt-sm="end start"],
    [layout-align-gt-sm="space-between start"],
    [layout-align-gt-sm="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-gt-sm="start center"],
    [layout-align-gt-sm="center center"],
    [layout-align-gt-sm="end center"],
    [layout-align-gt-sm="space-between center"],
    [layout-align-gt-sm="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-gt-sm="start center"] > *,
        [layout-align-gt-sm="center center"] > *,
        [layout-align-gt-sm="end center"] > *,
        [layout-align-gt-sm="space-between center"] > *,
        [layout-align-gt-sm="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-gt-sm="start end"],
    [layout-align-gt-sm="center end"],
    [layout-align-gt-sm="end end"],
    [layout-align-gt-sm="space-between end"],
    [layout-align-gt-sm="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-gt-sm="start stretch"],
    [layout-align-gt-sm="center stretch"],
    [layout-align-gt-sm="end stretch"],
    [layout-align-gt-sm="space-between stretch"],
    [layout-align-gt-sm="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-gt-sm] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 960px) {
    [flex-gt-sm] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 960px) {
    [flex-gt-sm-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-gt-sm-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-sm-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-sm-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-gt-sm="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="0"],
    [layout-gt-sm="row"] > [flex-gt-sm="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="0"],
    [layout-gt-sm="column"] > [flex-gt-sm="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-gt-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="5"],
    [layout-gt-sm="row"] > [flex-gt-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="5"],
    [layout-gt-sm="column"] > [flex-gt-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-gt-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="10"],
    [layout-gt-sm="row"] > [flex-gt-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="10"],
    [layout-gt-sm="column"] > [flex-gt-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-gt-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="15"],
    [layout-gt-sm="row"] > [flex-gt-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="15"],
    [layout-gt-sm="column"] > [flex-gt-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-gt-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="20"],
    [layout-gt-sm="row"] > [flex-gt-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="20"],
    [layout-gt-sm="column"] > [flex-gt-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-gt-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="25"],
    [layout-gt-sm="row"] > [flex-gt-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="25"],
    [layout-gt-sm="column"] > [flex-gt-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-gt-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="30"],
    [layout-gt-sm="row"] > [flex-gt-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="30"],
    [layout-gt-sm="column"] > [flex-gt-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-gt-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="35"],
    [layout-gt-sm="row"] > [flex-gt-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="35"],
    [layout-gt-sm="column"] > [flex-gt-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-gt-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="40"],
    [layout-gt-sm="row"] > [flex-gt-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="40"],
    [layout-gt-sm="column"] > [flex-gt-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-gt-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="45"],
    [layout-gt-sm="row"] > [flex-gt-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="45"],
    [layout-gt-sm="column"] > [flex-gt-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-gt-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="50"],
    [layout-gt-sm="row"] > [flex-gt-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="50"],
    [layout-gt-sm="column"] > [flex-gt-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-gt-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="55"],
    [layout-gt-sm="row"] > [flex-gt-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="55"],
    [layout-gt-sm="column"] > [flex-gt-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-gt-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="60"],
    [layout-gt-sm="row"] > [flex-gt-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="60"],
    [layout-gt-sm="column"] > [flex-gt-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-gt-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="65"],
    [layout-gt-sm="row"] > [flex-gt-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="65"],
    [layout-gt-sm="column"] > [flex-gt-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-gt-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="70"],
    [layout-gt-sm="row"] > [flex-gt-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="70"],
    [layout-gt-sm="column"] > [flex-gt-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-gt-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="75"],
    [layout-gt-sm="row"] > [flex-gt-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="75"],
    [layout-gt-sm="column"] > [flex-gt-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-gt-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="80"],
    [layout-gt-sm="row"] > [flex-gt-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="80"],
    [layout-gt-sm="column"] > [flex-gt-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-gt-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="85"],
    [layout-gt-sm="row"] > [flex-gt-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="85"],
    [layout-gt-sm="column"] > [flex-gt-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-gt-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="90"],
    [layout-gt-sm="row"] > [flex-gt-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="90"],
    [layout-gt-sm="column"] > [flex-gt-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-gt-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="95"],
    [layout-gt-sm="row"] > [flex-gt-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="95"],
    [layout-gt-sm="column"] > [flex-gt-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-gt-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="100"],
    [layout-gt-sm="row"] > [flex-gt-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="100"],
    [layout-gt-sm="column"] > [flex-gt-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-gt-sm="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-gt-sm="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) {
        display: none;
    }

    [hide-md]:not([show-md]):not([show]) {
        display: none;
    }

    [flex-order-md="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-md="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-md="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-md="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-md="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-md="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-md="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-md="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-md="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-md="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-md="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-md="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-md="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-md="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-md="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-md="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-md="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-md="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-md="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-md="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-md="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-md="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-md="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-md="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-md="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-md="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-md="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-md="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-md="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-md="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-md="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-md="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-md="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-md="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-md="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-md="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-md="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-md="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-md="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-md="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-md="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-md="0"] {
        margin-left: 0%;
    }

    [flex-offset-md="5"] {
        margin-left: 5%;
    }

    [flex-offset-md="10"] {
        margin-left: 10%;
    }

    [flex-offset-md="15"] {
        margin-left: 15%;
    }

    [flex-offset-md="20"] {
        margin-left: 20%;
    }

    [flex-offset-md="25"] {
        margin-left: 25%;
    }

    [flex-offset-md="30"] {
        margin-left: 30%;
    }

    [flex-offset-md="35"] {
        margin-left: 35%;
    }

    [flex-offset-md="40"] {
        margin-left: 40%;
    }

    [flex-offset-md="45"] {
        margin-left: 45%;
    }

    [flex-offset-md="50"] {
        margin-left: 50%;
    }

    [flex-offset-md="55"] {
        margin-left: 55%;
    }

    [flex-offset-md="60"] {
        margin-left: 60%;
    }

    [flex-offset-md="65"] {
        margin-left: 65%;
    }

    [flex-offset-md="70"] {
        margin-left: 70%;
    }

    [flex-offset-md="75"] {
        margin-left: 75%;
    }

    [flex-offset-md="80"] {
        margin-left: 80%;
    }

    [flex-offset-md="85"] {
        margin-left: 85%;
    }

    [flex-offset-md="90"] {
        margin-left: 90%;
    }

    [flex-offset-md="95"] {
        margin-left: 95%;
    }

    [flex-offset-md="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-md="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-md] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-md="start"],
    [layout-align-md="start start"],
    [layout-align-md="start center"],
    [layout-align-md="start end"],
    [layout-align-md="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-md="center"],
    [layout-align-md="center start"],
    [layout-align-md="center center"],
    [layout-align-md="center end"],
    [layout-align-md="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-md="end"],
    [layout-align-md="end center"],
    [layout-align-md="end start"],
    [layout-align-md="end end"],
    [layout-align-md="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-md="space-around"],
    [layout-align-md="space-around center"],
    [layout-align-md="space-around start"],
    [layout-align-md="space-around end"],
    [layout-align-md="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-md="space-between"],
    [layout-align-md="space-between center"],
    [layout-align-md="space-between start"],
    [layout-align-md="space-between end"],
    [layout-align-md="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-md="start start"],
    [layout-align-md="center start"],
    [layout-align-md="end start"],
    [layout-align-md="space-between start"],
    [layout-align-md="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-md="start center"],
    [layout-align-md="center center"],
    [layout-align-md="end center"],
    [layout-align-md="space-between center"],
    [layout-align-md="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-md="start center"] > *,
        [layout-align-md="center center"] > *,
        [layout-align-md="end center"] > *,
        [layout-align-md="space-between center"] > *,
        [layout-align-md="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-md="start end"],
    [layout-align-md="center end"],
    [layout-align-md="end end"],
    [layout-align-md="space-between end"],
    [layout-align-md="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-md="start stretch"],
    [layout-align-md="center stretch"],
    [layout-align-md="end stretch"],
    [layout-align-md="space-between stretch"],
    [layout-align-md="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-md] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 960px) and (max-width: 1279px) {
    [flex-md] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    [flex-md-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-md-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-md-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-md-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-md="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="0"],
    [layout-md="row"] > [flex-md="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="0"],
    [layout-md="column"] > [flex-md="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="5"],
    [layout-md="row"] > [flex-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="5"],
    [layout-md="column"] > [flex-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="10"],
    [layout-md="row"] > [flex-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="10"],
    [layout-md="column"] > [flex-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="15"],
    [layout-md="row"] > [flex-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="15"],
    [layout-md="column"] > [flex-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="20"],
    [layout-md="row"] > [flex-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="20"],
    [layout-md="column"] > [flex-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="25"],
    [layout-md="row"] > [flex-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="25"],
    [layout-md="column"] > [flex-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="30"],
    [layout-md="row"] > [flex-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="30"],
    [layout-md="column"] > [flex-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="35"],
    [layout-md="row"] > [flex-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="35"],
    [layout-md="column"] > [flex-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="40"],
    [layout-md="row"] > [flex-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="40"],
    [layout-md="column"] > [flex-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="45"],
    [layout-md="row"] > [flex-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="45"],
    [layout-md="column"] > [flex-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="50"],
    [layout-md="row"] > [flex-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="50"],
    [layout-md="column"] > [flex-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="55"],
    [layout-md="row"] > [flex-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="55"],
    [layout-md="column"] > [flex-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="60"],
    [layout-md="row"] > [flex-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="60"],
    [layout-md="column"] > [flex-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="65"],
    [layout-md="row"] > [flex-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="65"],
    [layout-md="column"] > [flex-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="70"],
    [layout-md="row"] > [flex-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="70"],
    [layout-md="column"] > [flex-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="75"],
    [layout-md="row"] > [flex-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="75"],
    [layout-md="column"] > [flex-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="80"],
    [layout-md="row"] > [flex-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="80"],
    [layout-md="column"] > [flex-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="85"],
    [layout-md="row"] > [flex-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="85"],
    [layout-md="column"] > [flex-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="90"],
    [layout-md="row"] > [flex-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="90"],
    [layout-md="column"] > [flex-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="95"],
    [layout-md="row"] > [flex-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="95"],
    [layout-md="column"] > [flex-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="100"],
    [layout-md="row"] > [flex-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="100"],
    [layout-md="column"] > [flex-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-md], [layout-md="column"], [layout-md="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-md="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-md="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1280px) {
    [flex-order-gt-md="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-gt-md="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-gt-md="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-gt-md="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-gt-md="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-gt-md="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-gt-md="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-gt-md="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-gt-md="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-gt-md="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-gt-md="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-gt-md="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-gt-md="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-gt-md="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-gt-md="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-gt-md="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-gt-md="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-gt-md="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-gt-md="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-gt-md="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-gt-md="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-gt-md="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-gt-md="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-gt-md="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-gt-md="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-gt-md="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-gt-md="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-gt-md="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-gt-md="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-gt-md="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-gt-md="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-gt-md="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-gt-md="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-gt-md="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-gt-md="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-gt-md="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-gt-md="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-gt-md="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-gt-md="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-gt-md="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-gt-md="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-gt-md="0"] {
        margin-left: 0%;
    }

    [flex-offset-gt-md="5"] {
        margin-left: 5%;
    }

    [flex-offset-gt-md="10"] {
        margin-left: 10%;
    }

    [flex-offset-gt-md="15"] {
        margin-left: 15%;
    }

    [flex-offset-gt-md="20"] {
        margin-left: 20%;
    }

    [flex-offset-gt-md="25"] {
        margin-left: 25%;
    }

    [flex-offset-gt-md="30"] {
        margin-left: 30%;
    }

    [flex-offset-gt-md="35"] {
        margin-left: 35%;
    }

    [flex-offset-gt-md="40"] {
        margin-left: 40%;
    }

    [flex-offset-gt-md="45"] {
        margin-left: 45%;
    }

    [flex-offset-gt-md="50"] {
        margin-left: 50%;
    }

    [flex-offset-gt-md="55"] {
        margin-left: 55%;
    }

    [flex-offset-gt-md="60"] {
        margin-left: 60%;
    }

    [flex-offset-gt-md="65"] {
        margin-left: 65%;
    }

    [flex-offset-gt-md="70"] {
        margin-left: 70%;
    }

    [flex-offset-gt-md="75"] {
        margin-left: 75%;
    }

    [flex-offset-gt-md="80"] {
        margin-left: 80%;
    }

    [flex-offset-gt-md="85"] {
        margin-left: 85%;
    }

    [flex-offset-gt-md="90"] {
        margin-left: 90%;
    }

    [flex-offset-gt-md="95"] {
        margin-left: 95%;
    }

    [flex-offset-gt-md="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-gt-md="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-gt-md] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-gt-md="start"],
    [layout-align-gt-md="start start"],
    [layout-align-gt-md="start center"],
    [layout-align-gt-md="start end"],
    [layout-align-gt-md="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-gt-md="center"],
    [layout-align-gt-md="center start"],
    [layout-align-gt-md="center center"],
    [layout-align-gt-md="center end"],
    [layout-align-gt-md="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-gt-md="end"],
    [layout-align-gt-md="end center"],
    [layout-align-gt-md="end start"],
    [layout-align-gt-md="end end"],
    [layout-align-gt-md="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-gt-md="space-around"],
    [layout-align-gt-md="space-around center"],
    [layout-align-gt-md="space-around start"],
    [layout-align-gt-md="space-around end"],
    [layout-align-gt-md="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-gt-md="space-between"],
    [layout-align-gt-md="space-between center"],
    [layout-align-gt-md="space-between start"],
    [layout-align-gt-md="space-between end"],
    [layout-align-gt-md="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-gt-md="start start"],
    [layout-align-gt-md="center start"],
    [layout-align-gt-md="end start"],
    [layout-align-gt-md="space-between start"],
    [layout-align-gt-md="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-gt-md="start center"],
    [layout-align-gt-md="center center"],
    [layout-align-gt-md="end center"],
    [layout-align-gt-md="space-between center"],
    [layout-align-gt-md="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-gt-md="start center"] > *,
        [layout-align-gt-md="center center"] > *,
        [layout-align-gt-md="end center"] > *,
        [layout-align-gt-md="space-between center"] > *,
        [layout-align-gt-md="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-gt-md="start end"],
    [layout-align-gt-md="center end"],
    [layout-align-gt-md="end end"],
    [layout-align-gt-md="space-between end"],
    [layout-align-gt-md="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-gt-md="start stretch"],
    [layout-align-gt-md="center stretch"],
    [layout-align-gt-md="end stretch"],
    [layout-align-gt-md="space-between stretch"],
    [layout-align-gt-md="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-gt-md] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1280px) {
    [flex-gt-md] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1280px) {
    [flex-gt-md-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-gt-md-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-md-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-md-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-gt-md="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="0"],
    [layout-gt-md="row"] > [flex-gt-md="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="0"],
    [layout-gt-md="column"] > [flex-gt-md="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-gt-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="5"],
    [layout-gt-md="row"] > [flex-gt-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="5"],
    [layout-gt-md="column"] > [flex-gt-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-gt-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="10"],
    [layout-gt-md="row"] > [flex-gt-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="10"],
    [layout-gt-md="column"] > [flex-gt-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-gt-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="15"],
    [layout-gt-md="row"] > [flex-gt-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="15"],
    [layout-gt-md="column"] > [flex-gt-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-gt-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="20"],
    [layout-gt-md="row"] > [flex-gt-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="20"],
    [layout-gt-md="column"] > [flex-gt-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-gt-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="25"],
    [layout-gt-md="row"] > [flex-gt-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="25"],
    [layout-gt-md="column"] > [flex-gt-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-gt-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="30"],
    [layout-gt-md="row"] > [flex-gt-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="30"],
    [layout-gt-md="column"] > [flex-gt-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-gt-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="35"],
    [layout-gt-md="row"] > [flex-gt-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="35"],
    [layout-gt-md="column"] > [flex-gt-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-gt-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="40"],
    [layout-gt-md="row"] > [flex-gt-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="40"],
    [layout-gt-md="column"] > [flex-gt-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-gt-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="45"],
    [layout-gt-md="row"] > [flex-gt-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="45"],
    [layout-gt-md="column"] > [flex-gt-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-gt-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="50"],
    [layout-gt-md="row"] > [flex-gt-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="50"],
    [layout-gt-md="column"] > [flex-gt-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-gt-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="55"],
    [layout-gt-md="row"] > [flex-gt-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="55"],
    [layout-gt-md="column"] > [flex-gt-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-gt-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="60"],
    [layout-gt-md="row"] > [flex-gt-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="60"],
    [layout-gt-md="column"] > [flex-gt-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-gt-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="65"],
    [layout-gt-md="row"] > [flex-gt-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="65"],
    [layout-gt-md="column"] > [flex-gt-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-gt-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="70"],
    [layout-gt-md="row"] > [flex-gt-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="70"],
    [layout-gt-md="column"] > [flex-gt-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-gt-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="75"],
    [layout-gt-md="row"] > [flex-gt-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="75"],
    [layout-gt-md="column"] > [flex-gt-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-gt-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="80"],
    [layout-gt-md="row"] > [flex-gt-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="80"],
    [layout-gt-md="column"] > [flex-gt-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-gt-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="85"],
    [layout-gt-md="row"] > [flex-gt-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="85"],
    [layout-gt-md="column"] > [flex-gt-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-gt-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="90"],
    [layout-gt-md="row"] > [flex-gt-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="90"],
    [layout-gt-md="column"] > [flex-gt-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-gt-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="95"],
    [layout-gt-md="row"] > [flex-gt-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="95"],
    [layout-gt-md="column"] > [flex-gt-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-gt-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="100"],
    [layout-gt-md="row"] > [flex-gt-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="100"],
    [layout-gt-md="column"] > [flex-gt-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-gt-md="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-gt-md="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
        display: none;
    }

    [hide-lg]:not([show-lg]):not([show]) {
        display: none;
    }

    [flex-order-lg="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-lg="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-lg="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-lg="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-lg="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-lg="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-lg="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-lg="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-lg="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-lg="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-lg="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-lg="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-lg="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-lg="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-lg="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-lg="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-lg="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-lg="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-lg="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-lg="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-lg="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-lg="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-lg="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-lg="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-lg="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-lg="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-lg="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-lg="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-lg="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-lg="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-lg="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-lg="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-lg="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-lg="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-lg="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-lg="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-lg="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-lg="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-lg="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-lg="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-lg="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-lg="0"] {
        margin-left: 0%;
    }

    [flex-offset-lg="5"] {
        margin-left: 5%;
    }

    [flex-offset-lg="10"] {
        margin-left: 10%;
    }

    [flex-offset-lg="15"] {
        margin-left: 15%;
    }

    [flex-offset-lg="20"] {
        margin-left: 20%;
    }

    [flex-offset-lg="25"] {
        margin-left: 25%;
    }

    [flex-offset-lg="30"] {
        margin-left: 30%;
    }

    [flex-offset-lg="35"] {
        margin-left: 35%;
    }

    [flex-offset-lg="40"] {
        margin-left: 40%;
    }

    [flex-offset-lg="45"] {
        margin-left: 45%;
    }

    [flex-offset-lg="50"] {
        margin-left: 50%;
    }

    [flex-offset-lg="55"] {
        margin-left: 55%;
    }

    [flex-offset-lg="60"] {
        margin-left: 60%;
    }

    [flex-offset-lg="65"] {
        margin-left: 65%;
    }

    [flex-offset-lg="70"] {
        margin-left: 70%;
    }

    [flex-offset-lg="75"] {
        margin-left: 75%;
    }

    [flex-offset-lg="80"] {
        margin-left: 80%;
    }

    [flex-offset-lg="85"] {
        margin-left: 85%;
    }

    [flex-offset-lg="90"] {
        margin-left: 90%;
    }

    [flex-offset-lg="95"] {
        margin-left: 95%;
    }

    [flex-offset-lg="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-lg="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-lg] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-lg="start"],
    [layout-align-lg="start start"],
    [layout-align-lg="start center"],
    [layout-align-lg="start end"],
    [layout-align-lg="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-lg="center"],
    [layout-align-lg="center start"],
    [layout-align-lg="center center"],
    [layout-align-lg="center end"],
    [layout-align-lg="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-lg="end"],
    [layout-align-lg="end center"],
    [layout-align-lg="end start"],
    [layout-align-lg="end end"],
    [layout-align-lg="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-lg="space-around"],
    [layout-align-lg="space-around center"],
    [layout-align-lg="space-around start"],
    [layout-align-lg="space-around end"],
    [layout-align-lg="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-lg="space-between"],
    [layout-align-lg="space-between center"],
    [layout-align-lg="space-between start"],
    [layout-align-lg="space-between end"],
    [layout-align-lg="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-lg="start start"],
    [layout-align-lg="center start"],
    [layout-align-lg="end start"],
    [layout-align-lg="space-between start"],
    [layout-align-lg="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-lg="start center"],
    [layout-align-lg="center center"],
    [layout-align-lg="end center"],
    [layout-align-lg="space-between center"],
    [layout-align-lg="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-lg="start center"] > *,
        [layout-align-lg="center center"] > *,
        [layout-align-lg="end center"] > *,
        [layout-align-lg="space-between center"] > *,
        [layout-align-lg="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-lg="start end"],
    [layout-align-lg="center end"],
    [layout-align-lg="end end"],
    [layout-align-lg="space-between end"],
    [layout-align-lg="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-lg="start stretch"],
    [layout-align-lg="center stretch"],
    [layout-align-lg="end stretch"],
    [layout-align-lg="space-between stretch"],
    [layout-align-lg="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-lg] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1280px) and (max-width: 1919px) {
    [flex-lg] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    [flex-lg-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-lg-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-lg-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-lg-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-lg="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="0"],
    [layout-lg="row"] > [flex-lg="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="0"],
    [layout-lg="column"] > [flex-lg="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="5"],
    [layout-lg="row"] > [flex-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="5"],
    [layout-lg="column"] > [flex-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="10"],
    [layout-lg="row"] > [flex-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="10"],
    [layout-lg="column"] > [flex-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="15"],
    [layout-lg="row"] > [flex-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="15"],
    [layout-lg="column"] > [flex-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="20"],
    [layout-lg="row"] > [flex-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="20"],
    [layout-lg="column"] > [flex-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="25"],
    [layout-lg="row"] > [flex-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="25"],
    [layout-lg="column"] > [flex-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="30"],
    [layout-lg="row"] > [flex-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="30"],
    [layout-lg="column"] > [flex-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="35"],
    [layout-lg="row"] > [flex-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="35"],
    [layout-lg="column"] > [flex-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="40"],
    [layout-lg="row"] > [flex-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="40"],
    [layout-lg="column"] > [flex-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="45"],
    [layout-lg="row"] > [flex-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="45"],
    [layout-lg="column"] > [flex-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="50"],
    [layout-lg="row"] > [flex-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="50"],
    [layout-lg="column"] > [flex-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="55"],
    [layout-lg="row"] > [flex-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="55"],
    [layout-lg="column"] > [flex-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="60"],
    [layout-lg="row"] > [flex-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="60"],
    [layout-lg="column"] > [flex-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="65"],
    [layout-lg="row"] > [flex-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="65"],
    [layout-lg="column"] > [flex-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="70"],
    [layout-lg="row"] > [flex-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="70"],
    [layout-lg="column"] > [flex-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="75"],
    [layout-lg="row"] > [flex-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="75"],
    [layout-lg="column"] > [flex-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="80"],
    [layout-lg="row"] > [flex-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="80"],
    [layout-lg="column"] > [flex-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="85"],
    [layout-lg="row"] > [flex-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="85"],
    [layout-lg="column"] > [flex-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="90"],
    [layout-lg="row"] > [flex-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="90"],
    [layout-lg="column"] > [flex-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="95"],
    [layout-lg="row"] > [flex-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="95"],
    [layout-lg="column"] > [flex-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="100"],
    [layout-lg="row"] > [flex-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="100"],
    [layout-lg="column"] > [flex-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-lg], [layout-lg="column"], [layout-lg="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-lg="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-lg="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1920px) {
    [flex-order-gt-lg="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-gt-lg="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-gt-lg="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-gt-lg="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-gt-lg="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-gt-lg="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-gt-lg="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-gt-lg="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-gt-lg="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-gt-lg="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-gt-lg="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-gt-lg="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-gt-lg="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-gt-lg="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-gt-lg="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-gt-lg="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-gt-lg="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-gt-lg="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-gt-lg="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-gt-lg="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-gt-lg="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-gt-lg="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-gt-lg="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-gt-lg="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-gt-lg="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-gt-lg="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-gt-lg="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-gt-lg="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-gt-lg="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-gt-lg="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-gt-lg="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-gt-lg="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-gt-lg="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-gt-lg="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-gt-lg="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-gt-lg="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-gt-lg="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-gt-lg="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-gt-lg="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-gt-lg="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-gt-lg="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-gt-lg="0"] {
        margin-left: 0%;
    }

    [flex-offset-gt-lg="5"] {
        margin-left: 5%;
    }

    [flex-offset-gt-lg="10"] {
        margin-left: 10%;
    }

    [flex-offset-gt-lg="15"] {
        margin-left: 15%;
    }

    [flex-offset-gt-lg="20"] {
        margin-left: 20%;
    }

    [flex-offset-gt-lg="25"] {
        margin-left: 25%;
    }

    [flex-offset-gt-lg="30"] {
        margin-left: 30%;
    }

    [flex-offset-gt-lg="35"] {
        margin-left: 35%;
    }

    [flex-offset-gt-lg="40"] {
        margin-left: 40%;
    }

    [flex-offset-gt-lg="45"] {
        margin-left: 45%;
    }

    [flex-offset-gt-lg="50"] {
        margin-left: 50%;
    }

    [flex-offset-gt-lg="55"] {
        margin-left: 55%;
    }

    [flex-offset-gt-lg="60"] {
        margin-left: 60%;
    }

    [flex-offset-gt-lg="65"] {
        margin-left: 65%;
    }

    [flex-offset-gt-lg="70"] {
        margin-left: 70%;
    }

    [flex-offset-gt-lg="75"] {
        margin-left: 75%;
    }

    [flex-offset-gt-lg="80"] {
        margin-left: 80%;
    }

    [flex-offset-gt-lg="85"] {
        margin-left: 85%;
    }

    [flex-offset-gt-lg="90"] {
        margin-left: 90%;
    }

    [flex-offset-gt-lg="95"] {
        margin-left: 95%;
    }

    [flex-offset-gt-lg="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-gt-lg="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-gt-lg] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-gt-lg="start"],
    [layout-align-gt-lg="start start"],
    [layout-align-gt-lg="start center"],
    [layout-align-gt-lg="start end"],
    [layout-align-gt-lg="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-gt-lg="center"],
    [layout-align-gt-lg="center start"],
    [layout-align-gt-lg="center center"],
    [layout-align-gt-lg="center end"],
    [layout-align-gt-lg="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-gt-lg="end"],
    [layout-align-gt-lg="end center"],
    [layout-align-gt-lg="end start"],
    [layout-align-gt-lg="end end"],
    [layout-align-gt-lg="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-gt-lg="space-around"],
    [layout-align-gt-lg="space-around center"],
    [layout-align-gt-lg="space-around start"],
    [layout-align-gt-lg="space-around end"],
    [layout-align-gt-lg="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-gt-lg="space-between"],
    [layout-align-gt-lg="space-between center"],
    [layout-align-gt-lg="space-between start"],
    [layout-align-gt-lg="space-between end"],
    [layout-align-gt-lg="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-gt-lg="start start"],
    [layout-align-gt-lg="center start"],
    [layout-align-gt-lg="end start"],
    [layout-align-gt-lg="space-between start"],
    [layout-align-gt-lg="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-gt-lg="start center"],
    [layout-align-gt-lg="center center"],
    [layout-align-gt-lg="end center"],
    [layout-align-gt-lg="space-between center"],
    [layout-align-gt-lg="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-gt-lg="start center"] > *,
        [layout-align-gt-lg="center center"] > *,
        [layout-align-gt-lg="end center"] > *,
        [layout-align-gt-lg="space-between center"] > *,
        [layout-align-gt-lg="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-gt-lg="start end"],
    [layout-align-gt-lg="center end"],
    [layout-align-gt-lg="end end"],
    [layout-align-gt-lg="space-between end"],
    [layout-align-gt-lg="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-gt-lg="start stretch"],
    [layout-align-gt-lg="center stretch"],
    [layout-align-gt-lg="end stretch"],
    [layout-align-gt-lg="space-between stretch"],
    [layout-align-gt-lg="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-gt-lg] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1920px) {
    [flex-gt-lg] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1920px) {
    [flex-gt-lg-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-gt-lg-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-lg-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-gt-lg-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-gt-lg="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="0"],
    [layout-gt-lg="row"] > [flex-gt-lg="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="0"],
    [layout-gt-lg="column"] > [flex-gt-lg="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-gt-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="5"],
    [layout-gt-lg="row"] > [flex-gt-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="5"],
    [layout-gt-lg="column"] > [flex-gt-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-gt-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="10"],
    [layout-gt-lg="row"] > [flex-gt-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="10"],
    [layout-gt-lg="column"] > [flex-gt-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-gt-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="15"],
    [layout-gt-lg="row"] > [flex-gt-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="15"],
    [layout-gt-lg="column"] > [flex-gt-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-gt-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="20"],
    [layout-gt-lg="row"] > [flex-gt-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="20"],
    [layout-gt-lg="column"] > [flex-gt-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-gt-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="25"],
    [layout-gt-lg="row"] > [flex-gt-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="25"],
    [layout-gt-lg="column"] > [flex-gt-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-gt-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="30"],
    [layout-gt-lg="row"] > [flex-gt-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="30"],
    [layout-gt-lg="column"] > [flex-gt-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-gt-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="35"],
    [layout-gt-lg="row"] > [flex-gt-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="35"],
    [layout-gt-lg="column"] > [flex-gt-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-gt-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="40"],
    [layout-gt-lg="row"] > [flex-gt-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="40"],
    [layout-gt-lg="column"] > [flex-gt-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-gt-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="45"],
    [layout-gt-lg="row"] > [flex-gt-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="45"],
    [layout-gt-lg="column"] > [flex-gt-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-gt-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="50"],
    [layout-gt-lg="row"] > [flex-gt-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="50"],
    [layout-gt-lg="column"] > [flex-gt-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-gt-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="55"],
    [layout-gt-lg="row"] > [flex-gt-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="55"],
    [layout-gt-lg="column"] > [flex-gt-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-gt-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="60"],
    [layout-gt-lg="row"] > [flex-gt-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="60"],
    [layout-gt-lg="column"] > [flex-gt-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-gt-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="65"],
    [layout-gt-lg="row"] > [flex-gt-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="65"],
    [layout-gt-lg="column"] > [flex-gt-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-gt-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="70"],
    [layout-gt-lg="row"] > [flex-gt-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="70"],
    [layout-gt-lg="column"] > [flex-gt-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-gt-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="75"],
    [layout-gt-lg="row"] > [flex-gt-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="75"],
    [layout-gt-lg="column"] > [flex-gt-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-gt-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="80"],
    [layout-gt-lg="row"] > [flex-gt-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="80"],
    [layout-gt-lg="column"] > [flex-gt-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-gt-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="85"],
    [layout-gt-lg="row"] > [flex-gt-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="85"],
    [layout-gt-lg="column"] > [flex-gt-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-gt-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="90"],
    [layout-gt-lg="row"] > [flex-gt-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="90"],
    [layout-gt-lg="column"] > [flex-gt-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-gt-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="95"],
    [layout-gt-lg="row"] > [flex-gt-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="95"],
    [layout-gt-lg="column"] > [flex-gt-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-gt-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="100"],
    [layout-gt-lg="row"] > [flex-gt-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="100"],
    [layout-gt-lg="column"] > [flex-gt-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-gt-lg="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-gt-lg="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    [flex-order-xl="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    [flex-order-xl="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    [flex-order-xl="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    [flex-order-xl="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    [flex-order-xl="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    [flex-order-xl="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    [flex-order-xl="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    [flex-order-xl="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    [flex-order-xl="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    [flex-order-xl="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    [flex-order-xl="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    [flex-order-xl="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    [flex-order-xl="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    [flex-order-xl="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    [flex-order-xl="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    [flex-order-xl="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    [flex-order-xl="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    [flex-order-xl="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    [flex-order-xl="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    [flex-order-xl="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    [flex-order-xl="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    [flex-order-xl="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    [flex-order-xl="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    [flex-order-xl="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    [flex-order-xl="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    [flex-order-xl="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    [flex-order-xl="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    [flex-order-xl="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    [flex-order-xl="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    [flex-order-xl="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    [flex-order-xl="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    [flex-order-xl="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    [flex-order-xl="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    [flex-order-xl="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    [flex-order-xl="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    [flex-order-xl="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    [flex-order-xl="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    [flex-order-xl="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    [flex-order-xl="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    [flex-order-xl="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    [flex-order-xl="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    [flex-offset-xl="0"] {
        margin-left: 0%;
    }

    [flex-offset-xl="5"] {
        margin-left: 5%;
    }

    [flex-offset-xl="10"] {
        margin-left: 10%;
    }

    [flex-offset-xl="15"] {
        margin-left: 15%;
    }

    [flex-offset-xl="20"] {
        margin-left: 20%;
    }

    [flex-offset-xl="25"] {
        margin-left: 25%;
    }

    [flex-offset-xl="30"] {
        margin-left: 30%;
    }

    [flex-offset-xl="35"] {
        margin-left: 35%;
    }

    [flex-offset-xl="40"] {
        margin-left: 40%;
    }

    [flex-offset-xl="45"] {
        margin-left: 45%;
    }

    [flex-offset-xl="50"] {
        margin-left: 50%;
    }

    [flex-offset-xl="55"] {
        margin-left: 55%;
    }

    [flex-offset-xl="60"] {
        margin-left: 60%;
    }

    [flex-offset-xl="65"] {
        margin-left: 65%;
    }

    [flex-offset-xl="70"] {
        margin-left: 70%;
    }

    [flex-offset-xl="75"] {
        margin-left: 75%;
    }

    [flex-offset-xl="80"] {
        margin-left: 80%;
    }

    [flex-offset-xl="85"] {
        margin-left: 85%;
    }

    [flex-offset-xl="90"] {
        margin-left: 90%;
    }

    [flex-offset-xl="95"] {
        margin-left: 95%;
    }

    [flex-offset-xl="33"] {
        margin-left: calc(100% / 3);
    }

    [flex-offset-xl="66"] {
        margin-left: calc(200% / 3);
    }

    [layout-align-xl] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    [layout-align-xl="start"],
    [layout-align-xl="start start"],
    [layout-align-xl="start center"],
    [layout-align-xl="start end"],
    [layout-align-xl="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    [layout-align-xl="center"],
    [layout-align-xl="center start"],
    [layout-align-xl="center center"],
    [layout-align-xl="center end"],
    [layout-align-xl="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    [layout-align-xl="end"],
    [layout-align-xl="end center"],
    [layout-align-xl="end start"],
    [layout-align-xl="end end"],
    [layout-align-xl="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    [layout-align-xl="space-around"],
    [layout-align-xl="space-around center"],
    [layout-align-xl="space-around start"],
    [layout-align-xl="space-around end"],
    [layout-align-xl="space-around stretch"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    [layout-align-xl="space-between"],
    [layout-align-xl="space-between center"],
    [layout-align-xl="space-between start"],
    [layout-align-xl="space-between end"],
    [layout-align-xl="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    [layout-align-xl="start start"],
    [layout-align-xl="center start"],
    [layout-align-xl="end start"],
    [layout-align-xl="space-between start"],
    [layout-align-xl="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    [layout-align-xl="start center"],
    [layout-align-xl="center center"],
    [layout-align-xl="end center"],
    [layout-align-xl="space-between center"],
    [layout-align-xl="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        [layout-align-xl="start center"] > *,
        [layout-align-xl="center center"] > *,
        [layout-align-xl="end center"] > *,
        [layout-align-xl="space-between center"] > *,
        [layout-align-xl="space-around center"] > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    [layout-align-xl="start end"],
    [layout-align-xl="center end"],
    [layout-align-xl="end end"],
    [layout-align-xl="space-between end"],
    [layout-align-xl="space-around end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    [layout-align-xl="start stretch"],
    [layout-align-xl="center stretch"],
    [layout-align-xl="end stretch"],
    [layout-align-xl="space-between stretch"],
    [layout-align-xl="space-around stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    [flex-xl] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1920px) {
    [flex-xl] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1920px) {
    [flex-xl-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    [flex-xl-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    [flex-xl-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    [flex-xl-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    [flex-xl="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="0"],
    [layout-xl="row"] > [flex-xl="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="0"],
    [layout-xl="column"] > [flex-xl="0"] {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    [flex-xl="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="5"],
    [layout-xl="row"] > [flex-xl="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="5"],
    [layout-xl="column"] > [flex-xl="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    [flex-xl="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="10"],
    [layout-xl="row"] > [flex-xl="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="10"],
    [layout-xl="column"] > [flex-xl="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    [flex-xl="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="15"],
    [layout-xl="row"] > [flex-xl="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="15"],
    [layout-xl="column"] > [flex-xl="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    [flex-xl="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="20"],
    [layout-xl="row"] > [flex-xl="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="20"],
    [layout-xl="column"] > [flex-xl="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    [flex-xl="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="25"],
    [layout-xl="row"] > [flex-xl="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="25"],
    [layout-xl="column"] > [flex-xl="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    [flex-xl="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="30"],
    [layout-xl="row"] > [flex-xl="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="30"],
    [layout-xl="column"] > [flex-xl="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    [flex-xl="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="35"],
    [layout-xl="row"] > [flex-xl="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="35"],
    [layout-xl="column"] > [flex-xl="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    [flex-xl="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="40"],
    [layout-xl="row"] > [flex-xl="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="40"],
    [layout-xl="column"] > [flex-xl="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    [flex-xl="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="45"],
    [layout-xl="row"] > [flex-xl="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="45"],
    [layout-xl="column"] > [flex-xl="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    [flex-xl="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="50"],
    [layout-xl="row"] > [flex-xl="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="50"],
    [layout-xl="column"] > [flex-xl="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    [flex-xl="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="55"],
    [layout-xl="row"] > [flex-xl="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="55"],
    [layout-xl="column"] > [flex-xl="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    [flex-xl="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="60"],
    [layout-xl="row"] > [flex-xl="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="60"],
    [layout-xl="column"] > [flex-xl="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    [flex-xl="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="65"],
    [layout-xl="row"] > [flex-xl="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="65"],
    [layout-xl="column"] > [flex-xl="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    [flex-xl="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="70"],
    [layout-xl="row"] > [flex-xl="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="70"],
    [layout-xl="column"] > [flex-xl="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    [flex-xl="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="75"],
    [layout-xl="row"] > [flex-xl="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="75"],
    [layout-xl="column"] > [flex-xl="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    [flex-xl="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="80"],
    [layout-xl="row"] > [flex-xl="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="80"],
    [layout-xl="column"] > [flex-xl="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    [flex-xl="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="85"],
    [layout-xl="row"] > [flex-xl="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="85"],
    [layout-xl="column"] > [flex-xl="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    [flex-xl="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="90"],
    [layout-xl="row"] > [flex-xl="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="90"],
    [layout-xl="column"] > [flex-xl="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    [flex-xl="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="95"],
    [layout-xl="row"] > [flex-xl="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="95"],
    [layout-xl="column"] > [flex-xl="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    [flex-xl="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="100"],
    [layout-xl="row"] > [flex-xl="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="100"],
    [layout-xl="column"] > [flex-xl="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="33"], [layout="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="row"] > [flex-xl="66"], [layout="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="33"], [layout="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    [layout="column"] > [flex-xl="66"], [layout="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    [layout-xl], [layout-xl="column"], [layout-xl="row"] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    [layout-xl="column"] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    [layout-xl="row"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) {
        display: none;
    }

    [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
        display: none;
    }
}

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*
*/
@-moz-document url-prefix() {
    .layout-fill {
        margin: 0;
        width: 100%;
        min-height: 100%;
        height: 100%;
    }
}

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
.flex-order {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.flex-order--20 {
    -webkit-order: -20;
    -ms-flex-order: -20;
    order: -20;
}

.flex-order--19 {
    -webkit-order: -19;
    -ms-flex-order: -19;
    order: -19;
}

.flex-order--18 {
    -webkit-order: -18;
    -ms-flex-order: -18;
    order: -18;
}

.flex-order--17 {
    -webkit-order: -17;
    -ms-flex-order: -17;
    order: -17;
}

.flex-order--16 {
    -webkit-order: -16;
    -ms-flex-order: -16;
    order: -16;
}

.flex-order--15 {
    -webkit-order: -15;
    -ms-flex-order: -15;
    order: -15;
}

.flex-order--14 {
    -webkit-order: -14;
    -ms-flex-order: -14;
    order: -14;
}

.flex-order--13 {
    -webkit-order: -13;
    -ms-flex-order: -13;
    order: -13;
}

.flex-order--12 {
    -webkit-order: -12;
    -ms-flex-order: -12;
    order: -12;
}

.flex-order--11 {
    -webkit-order: -11;
    -ms-flex-order: -11;
    order: -11;
}

.flex-order--10 {
    -webkit-order: -10;
    -ms-flex-order: -10;
    order: -10;
}

.flex-order--9 {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9;
}

.flex-order--8 {
    -webkit-order: -8;
    -ms-flex-order: -8;
    order: -8;
}

.flex-order--7 {
    -webkit-order: -7;
    -ms-flex-order: -7;
    order: -7;
}

.flex-order--6 {
    -webkit-order: -6;
    -ms-flex-order: -6;
    order: -6;
}

.flex-order--5 {
    -webkit-order: -5;
    -ms-flex-order: -5;
    order: -5;
}

.flex-order--4 {
    -webkit-order: -4;
    -ms-flex-order: -4;
    order: -4;
}

.flex-order--3 {
    -webkit-order: -3;
    -ms-flex-order: -3;
    order: -3;
}

.flex-order--2 {
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2;
}

.flex-order--1 {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.flex-order-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.flex-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.flex-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.flex-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.flex-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.flex-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.flex-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.flex-order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.flex-order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.flex-order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.flex-order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.flex-order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.flex-order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

.flex-order-13 {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
}

.flex-order-14 {
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
}

.flex-order-15 {
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
}

.flex-order-16 {
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
}

.flex-order-17 {
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
}

.flex-order-18 {
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
}

.flex-order-19 {
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
}

.flex-order-20 {
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
}

.offset-0, .flex-offset-0 {
    margin-left: 0%;
}

.offset-5, .flex-offset-5 {
    margin-left: 5%;
}

.offset-10, .flex-offset-10 {
    margin-left: 10%;
}

.offset-15, .flex-offset-15 {
    margin-left: 15%;
}

.offset-20, .flex-offset-20 {
    margin-left: 20%;
}

.offset-25, .flex-offset-25 {
    margin-left: 25%;
}

.offset-30, .flex-offset-30 {
    margin-left: 30%;
}

.offset-35, .flex-offset-35 {
    margin-left: 35%;
}

.offset-40, .flex-offset-40 {
    margin-left: 40%;
}

.offset-45, .flex-offset-45 {
    margin-left: 45%;
}

.offset-50, .flex-offset-50 {
    margin-left: 50%;
}

.offset-55, .flex-offset-55 {
    margin-left: 55%;
}

.offset-60, .flex-offset-60 {
    margin-left: 60%;
}

.offset-65, .flex-offset-65 {
    margin-left: 65%;
}

.offset-70, .flex-offset-70 {
    margin-left: 70%;
}

.offset-75, .flex-offset-75 {
    margin-left: 75%;
}

.offset-80, .flex-offset-80 {
    margin-left: 80%;
}

.offset-85, .flex-offset-85 {
    margin-left: 85%;
}

.offset-90, .flex-offset-90 {
    margin-left: 90%;
}

.offset-95, .flex-offset-95 {
    margin-left: 95%;
}

.offset-33, .flex-offset-33 {
    margin-left: calc(100% / 3);
}

.offset-66, .flex-offset-66 {
    margin-left: calc(200% / 3);
}

.layout-align {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%;
}

    .layout-align-start-center > *,
    .layout-align-center-center > *,
    .layout-align-end-center > *,
    .layout-align-space-between-center > *,
    .layout-align-space-around-center > * {
        max-width: 100%;
        box-sizing: border-box;
    }

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.flex {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
}

@media screen\0 {
    .flex {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

.flex-grow {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
}

.flex-initial {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
}

.flex-auto {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.flex-none {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.flex-noshrink {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
}

.flex-nogrow {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
}

.flex-0 {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-0,
.layout-row > .flex-0 {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-0,
.layout-column > .flex-0 {
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
}

.flex-5 {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-5,
.layout-row > .flex-5 {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-5,
.layout-column > .flex-5 {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
}

.flex-10 {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-10,
.layout-row > .flex-10 {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-10,
.layout-column > .flex-10 {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
}

.flex-15 {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-15,
.layout-row > .flex-15 {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-15,
.layout-column > .flex-15 {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
}

.flex-20 {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-20,
.layout-row > .flex-20 {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-20,
.layout-column > .flex-20 {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
}

.flex-25 {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-25,
.layout-row > .flex-25 {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-25,
.layout-column > .flex-25 {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
}

.flex-30 {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-30,
.layout-row > .flex-30 {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-30,
.layout-column > .flex-30 {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
}

.flex-35 {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-35,
.layout-row > .flex-35 {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-35,
.layout-column > .flex-35 {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
}

.flex-40 {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-40,
.layout-row > .flex-40 {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-40,
.layout-column > .flex-40 {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
}

.flex-45 {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-45,
.layout-row > .flex-45 {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-45,
.layout-column > .flex-45 {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
}

.flex-50 {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-50,
.layout-row > .flex-50 {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-50,
.layout-column > .flex-50 {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
}

.flex-55 {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-55,
.layout-row > .flex-55 {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-55,
.layout-column > .flex-55 {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
}

.flex-60 {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-60,
.layout-row > .flex-60 {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-60,
.layout-column > .flex-60 {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
}

.flex-65 {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-65,
.layout-row > .flex-65 {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-65,
.layout-column > .flex-65 {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
}

.flex-70 {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-70,
.layout-row > .flex-70 {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-70,
.layout-column > .flex-70 {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
}

.flex-75 {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-75,
.layout-row > .flex-75 {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-75,
.layout-column > .flex-75 {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
}

.flex-80 {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-80,
.layout-row > .flex-80 {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-80,
.layout-column > .flex-80 {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
}

.flex-85 {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-85,
.layout-row > .flex-85 {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-85,
.layout-column > .flex-85 {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
}

.flex-90 {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-90,
.layout-row > .flex-90 {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-90,
.layout-column > .flex-90 {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
}

.flex-95 {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-95,
.layout-row > .flex-95 {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-95,
.layout-column > .flex-95 {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
}

.flex-100 {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-100,
.layout-row > .flex-100 {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-100,
.layout-column > .flex-100 {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33 {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66 {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex, .layout-row > .flex {
    min-width: 0;
}

.layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33 {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

.layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66 {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

.layout, .layout-column, .layout-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.layout-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.layout-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.layout-padding-sm > *,
.layout-padding > .flex-sm {
    padding: 4px;
}

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
    padding: 8px;
}

    .layout-padding-gt-md > *,
    .layout-padding-lg > *,
    .layout-padding-gt-lg > *,
    .layout-padding > .flex-gt-md,
    .layout-padding > .flex-lg,
    .layout-padding > .flex-lg,
    .layout-padding > .flex-gt-lg {
        padding: 16px;
    }

.layout-margin-sm > *,
.layout-margin > .flex-sm {
    margin: 4px;
}

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
    margin: 8px;
}

    .layout-margin-gt-md > *,
    .layout-margin-lg > *,
    .layout-margin-gt-lg > *,
    .layout-margin > .flex-gt-md,
    .layout-margin > .flex-lg,
    .layout-margin > .flex-gt-lg {
        margin: 16px;
    }

.layout-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.layout-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
    .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
        display: none;
    }

    .flex-order-xs--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-xs--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-xs--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-xs--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-xs--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-xs--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-xs--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-xs--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-xs--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-xs--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-xs--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-xs--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-xs--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-xs--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-xs--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-xs--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-xs--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-xs--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-xs--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-xs--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-xs-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-xs-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-xs-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-xs-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-xs-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-xs-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-xs-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-xs-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-xs-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-xs-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-xs-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-xs-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-xs-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-xs-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-xs-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-xs-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-xs-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-xs-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-xs-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-xs-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-xs-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-xs-0, .flex-offset-xs-0 {
        margin-left: 0%;
    }

    .offset-xs-5, .flex-offset-xs-5 {
        margin-left: 5%;
    }

    .offset-xs-10, .flex-offset-xs-10 {
        margin-left: 10%;
    }

    .offset-xs-15, .flex-offset-xs-15 {
        margin-left: 15%;
    }

    .offset-xs-20, .flex-offset-xs-20 {
        margin-left: 20%;
    }

    .offset-xs-25, .flex-offset-xs-25 {
        margin-left: 25%;
    }

    .offset-xs-30, .flex-offset-xs-30 {
        margin-left: 30%;
    }

    .offset-xs-35, .flex-offset-xs-35 {
        margin-left: 35%;
    }

    .offset-xs-40, .flex-offset-xs-40 {
        margin-left: 40%;
    }

    .offset-xs-45, .flex-offset-xs-45 {
        margin-left: 45%;
    }

    .offset-xs-50, .flex-offset-xs-50 {
        margin-left: 50%;
    }

    .offset-xs-55, .flex-offset-xs-55 {
        margin-left: 55%;
    }

    .offset-xs-60, .flex-offset-xs-60 {
        margin-left: 60%;
    }

    .offset-xs-65, .flex-offset-xs-65 {
        margin-left: 65%;
    }

    .offset-xs-70, .flex-offset-xs-70 {
        margin-left: 70%;
    }

    .offset-xs-75, .flex-offset-xs-75 {
        margin-left: 75%;
    }

    .offset-xs-80, .flex-offset-xs-80 {
        margin-left: 80%;
    }

    .offset-xs-85, .flex-offset-xs-85 {
        margin-left: 85%;
    }

    .offset-xs-90, .flex-offset-xs-90 {
        margin-left: 90%;
    }

    .offset-xs-95, .flex-offset-xs-95 {
        margin-left: 95%;
    }

    .offset-xs-33, .flex-offset-xs-33 {
        margin-left: calc(100% / 3);
    }

    .offset-xs-66, .flex-offset-xs-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-xs {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-xs-start,
    .layout-align-xs-start-start,
    .layout-align-xs-start-center,
    .layout-align-xs-start-end,
    .layout-align-xs-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-xs-center,
    .layout-align-xs-center-start,
    .layout-align-xs-center-center,
    .layout-align-xs-center-end,
    .layout-align-xs-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-xs-end,
    .layout-align-xs-end-start,
    .layout-align-xs-end-center,
    .layout-align-xs-end-end,
    .layout-align-xs-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-xs-space-around,
    .layout-align-xs-space-around-center,
    .layout-align-xs-space-around-start,
    .layout-align-xs-space-around-end,
    .layout-align-xs-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-xs-space-between,
    .layout-align-xs-space-between-center,
    .layout-align-xs-space-between-start,
    .layout-align-xs-space-between-end,
    .layout-align-xs-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-xs-start-start,
    .layout-align-xs-center-start,
    .layout-align-xs-end-start,
    .layout-align-xs-space-between-start,
    .layout-align-xs-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-xs-start-center,
    .layout-align-xs-center-center,
    .layout-align-xs-end-center,
    .layout-align-xs-space-between-center,
    .layout-align-xs-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-xs-start-center > *,
        .layout-align-xs-center-center > *,
        .layout-align-xs-end-center > *,
        .layout-align-xs-space-between-center > *,
        .layout-align-xs-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-xs-start-end,
    .layout-align-xs-center-end,
    .layout-align-xs-end-end,
    .layout-align-xs-space-between-end,
    .layout-align-xs-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-xs-start-stretch,
    .layout-align-xs-center-stretch,
    .layout-align-xs-end-stretch,
    .layout-align-xs-space-between-stretch,
    .layout-align-xs-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-xs {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (max-width: 599px) {
    .flex-xs {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (max-width: 599px) {
    .flex-xs-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-xs-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xs-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-xs-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-xs-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-xs-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xs-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-0,
    .layout-xs-row > .flex-xs-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-0,
    .layout-xs-column > .flex-xs-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-5,
    .layout-xs-row > .flex-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-5,
    .layout-xs-column > .flex-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-10,
    .layout-xs-row > .flex-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-10,
    .layout-xs-column > .flex-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-15,
    .layout-xs-row > .flex-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-15,
    .layout-xs-column > .flex-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-20,
    .layout-xs-row > .flex-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-20,
    .layout-xs-column > .flex-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-25,
    .layout-xs-row > .flex-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-25,
    .layout-xs-column > .flex-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-30,
    .layout-xs-row > .flex-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-30,
    .layout-xs-column > .flex-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-35,
    .layout-xs-row > .flex-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-35,
    .layout-xs-column > .flex-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-40,
    .layout-xs-row > .flex-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-40,
    .layout-xs-column > .flex-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-45,
    .layout-xs-row > .flex-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-45,
    .layout-xs-column > .flex-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-50,
    .layout-xs-row > .flex-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-50,
    .layout-xs-column > .flex-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-55,
    .layout-xs-row > .flex-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-55,
    .layout-xs-column > .flex-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-60,
    .layout-xs-row > .flex-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-60,
    .layout-xs-column > .flex-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-65,
    .layout-xs-row > .flex-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-65,
    .layout-xs-column > .flex-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-70,
    .layout-xs-row > .flex-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-70,
    .layout-xs-column > .flex-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-75,
    .layout-xs-row > .flex-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-75,
    .layout-xs-column > .flex-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-80,
    .layout-xs-row > .flex-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-80,
    .layout-xs-column > .flex-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-85,
    .layout-xs-row > .flex-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-85,
    .layout-xs-column > .flex-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-90,
    .layout-xs-row > .flex-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-90,
    .layout-xs-column > .flex-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-95,
    .layout-xs-row > .flex-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-95,
    .layout-xs-column > .flex-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-100,
    .layout-xs-row > .flex-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-100,
    .layout-xs-column > .flex-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-33, .layout-row > .flex-xs-33, .layout-xs-row > .flex-xs-33, .layout-xs-row > .flex-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-66, .layout-row > .flex-xs-66, .layout-xs-row > .flex-xs-66, .layout-xs-row > .flex-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-xs-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-xs-33, .layout-column > .flex-xs-33, .layout-xs-column > .flex-xs-33, .layout-xs-column > .flex-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-66, .layout-column > .flex-xs-66, .layout-xs-column > .flex-xs-66, .layout-xs-column > .flex-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-xs, .layout-xs-column, .layout-xs-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-xs-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-xs-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 600px) {
    .flex-order-gt-xs--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-gt-xs--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-gt-xs--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-gt-xs--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-gt-xs--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-gt-xs--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-gt-xs--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-gt-xs--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-gt-xs--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-gt-xs--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-gt-xs--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-gt-xs--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-gt-xs--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-gt-xs--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-gt-xs--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-gt-xs--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-gt-xs--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-gt-xs--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-gt-xs--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-gt-xs--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-gt-xs-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-gt-xs-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-gt-xs-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-gt-xs-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-gt-xs-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-gt-xs-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-gt-xs-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-gt-xs-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-gt-xs-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-gt-xs-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-gt-xs-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-gt-xs-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-gt-xs-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-gt-xs-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-gt-xs-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-gt-xs-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-gt-xs-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-gt-xs-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-gt-xs-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-gt-xs-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-gt-xs-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-gt-xs-0, .flex-offset-gt-xs-0 {
        margin-left: 0%;
    }

    .offset-gt-xs-5, .flex-offset-gt-xs-5 {
        margin-left: 5%;
    }

    .offset-gt-xs-10, .flex-offset-gt-xs-10 {
        margin-left: 10%;
    }

    .offset-gt-xs-15, .flex-offset-gt-xs-15 {
        margin-left: 15%;
    }

    .offset-gt-xs-20, .flex-offset-gt-xs-20 {
        margin-left: 20%;
    }

    .offset-gt-xs-25, .flex-offset-gt-xs-25 {
        margin-left: 25%;
    }

    .offset-gt-xs-30, .flex-offset-gt-xs-30 {
        margin-left: 30%;
    }

    .offset-gt-xs-35, .flex-offset-gt-xs-35 {
        margin-left: 35%;
    }

    .offset-gt-xs-40, .flex-offset-gt-xs-40 {
        margin-left: 40%;
    }

    .offset-gt-xs-45, .flex-offset-gt-xs-45 {
        margin-left: 45%;
    }

    .offset-gt-xs-50, .flex-offset-gt-xs-50 {
        margin-left: 50%;
    }

    .offset-gt-xs-55, .flex-offset-gt-xs-55 {
        margin-left: 55%;
    }

    .offset-gt-xs-60, .flex-offset-gt-xs-60 {
        margin-left: 60%;
    }

    .offset-gt-xs-65, .flex-offset-gt-xs-65 {
        margin-left: 65%;
    }

    .offset-gt-xs-70, .flex-offset-gt-xs-70 {
        margin-left: 70%;
    }

    .offset-gt-xs-75, .flex-offset-gt-xs-75 {
        margin-left: 75%;
    }

    .offset-gt-xs-80, .flex-offset-gt-xs-80 {
        margin-left: 80%;
    }

    .offset-gt-xs-85, .flex-offset-gt-xs-85 {
        margin-left: 85%;
    }

    .offset-gt-xs-90, .flex-offset-gt-xs-90 {
        margin-left: 90%;
    }

    .offset-gt-xs-95, .flex-offset-gt-xs-95 {
        margin-left: 95%;
    }

    .offset-gt-xs-33, .flex-offset-gt-xs-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-xs-66, .flex-offset-gt-xs-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-gt-xs {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-gt-xs-start,
    .layout-align-gt-xs-start-start,
    .layout-align-gt-xs-start-center,
    .layout-align-gt-xs-start-end,
    .layout-align-gt-xs-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-gt-xs-center,
    .layout-align-gt-xs-center-start,
    .layout-align-gt-xs-center-center,
    .layout-align-gt-xs-center-end,
    .layout-align-gt-xs-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-gt-xs-end,
    .layout-align-gt-xs-end-start,
    .layout-align-gt-xs-end-center,
    .layout-align-gt-xs-end-end,
    .layout-align-gt-xs-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-gt-xs-space-around,
    .layout-align-gt-xs-space-around-center,
    .layout-align-gt-xs-space-around-start,
    .layout-align-gt-xs-space-around-end,
    .layout-align-gt-xs-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-gt-xs-space-between,
    .layout-align-gt-xs-space-between-center,
    .layout-align-gt-xs-space-between-start,
    .layout-align-gt-xs-space-between-end,
    .layout-align-gt-xs-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-gt-xs-start-start,
    .layout-align-gt-xs-center-start,
    .layout-align-gt-xs-end-start,
    .layout-align-gt-xs-space-between-start,
    .layout-align-gt-xs-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-gt-xs-start-center,
    .layout-align-gt-xs-center-center,
    .layout-align-gt-xs-end-center,
    .layout-align-gt-xs-space-between-center,
    .layout-align-gt-xs-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-gt-xs-start-center > *,
        .layout-align-gt-xs-center-center > *,
        .layout-align-gt-xs-end-center > *,
        .layout-align-gt-xs-space-between-center > *,
        .layout-align-gt-xs-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-gt-xs-start-end,
    .layout-align-gt-xs-center-end,
    .layout-align-gt-xs-end-end,
    .layout-align-gt-xs-space-between-end,
    .layout-align-gt-xs-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-gt-xs-start-stretch,
    .layout-align-gt-xs-center-stretch,
    .layout-align-gt-xs-end-stretch,
    .layout-align-gt-xs-space-between-stretch,
    .layout-align-gt-xs-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-gt-xs {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 600px) {
    .flex-gt-xs {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 600px) {
    .flex-gt-xs-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-xs-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-0,
    .layout-gt-xs-row > .flex-gt-xs-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-0,
    .layout-gt-xs-column > .flex-gt-xs-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-gt-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-5,
    .layout-gt-xs-row > .flex-gt-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-5,
    .layout-gt-xs-column > .flex-gt-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-10,
    .layout-gt-xs-row > .flex-gt-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-10,
    .layout-gt-xs-column > .flex-gt-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-15,
    .layout-gt-xs-row > .flex-gt-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-15,
    .layout-gt-xs-column > .flex-gt-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-20,
    .layout-gt-xs-row > .flex-gt-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-20,
    .layout-gt-xs-column > .flex-gt-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-25,
    .layout-gt-xs-row > .flex-gt-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-25,
    .layout-gt-xs-column > .flex-gt-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-30,
    .layout-gt-xs-row > .flex-gt-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-30,
    .layout-gt-xs-column > .flex-gt-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-35,
    .layout-gt-xs-row > .flex-gt-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-35,
    .layout-gt-xs-column > .flex-gt-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-40,
    .layout-gt-xs-row > .flex-gt-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-40,
    .layout-gt-xs-column > .flex-gt-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-45,
    .layout-gt-xs-row > .flex-gt-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-45,
    .layout-gt-xs-column > .flex-gt-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-50,
    .layout-gt-xs-row > .flex-gt-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-50,
    .layout-gt-xs-column > .flex-gt-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-55,
    .layout-gt-xs-row > .flex-gt-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-55,
    .layout-gt-xs-column > .flex-gt-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-60,
    .layout-gt-xs-row > .flex-gt-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-60,
    .layout-gt-xs-column > .flex-gt-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-65,
    .layout-gt-xs-row > .flex-gt-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-65,
    .layout-gt-xs-column > .flex-gt-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-70,
    .layout-gt-xs-row > .flex-gt-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-70,
    .layout-gt-xs-column > .flex-gt-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-75,
    .layout-gt-xs-row > .flex-gt-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-75,
    .layout-gt-xs-column > .flex-gt-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-80,
    .layout-gt-xs-row > .flex-gt-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-80,
    .layout-gt-xs-column > .flex-gt-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-85,
    .layout-gt-xs-row > .flex-gt-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-85,
    .layout-gt-xs-column > .flex-gt-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-90,
    .layout-gt-xs-row > .flex-gt-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-90,
    .layout-gt-xs-column > .flex-gt-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-95,
    .layout-gt-xs-row > .flex-gt-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-95,
    .layout-gt-xs-column > .flex-gt-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-100,
    .layout-gt-xs-row > .flex-gt-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-100,
    .layout-gt-xs-column > .flex-gt-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-gt-xs-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-gt-xs-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-xs-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
        display: none;
    }

    .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
        display: none;
    }

    .flex-order-sm--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-sm--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-sm--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-sm--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-sm--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-sm--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-sm--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-sm--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-sm--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-sm--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-sm--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-sm--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-sm--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-sm--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-sm--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-sm--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-sm--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-sm--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-sm--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-sm--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-sm-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-sm-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-sm-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-sm-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-sm-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-sm-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-sm-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-sm-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-sm-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-sm-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-sm-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-sm-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-sm-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-sm-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-sm-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-sm-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-sm-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-sm-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-sm-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-sm-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-sm-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-sm-0, .flex-offset-sm-0 {
        margin-left: 0%;
    }

    .offset-sm-5, .flex-offset-sm-5 {
        margin-left: 5%;
    }

    .offset-sm-10, .flex-offset-sm-10 {
        margin-left: 10%;
    }

    .offset-sm-15, .flex-offset-sm-15 {
        margin-left: 15%;
    }

    .offset-sm-20, .flex-offset-sm-20 {
        margin-left: 20%;
    }

    .offset-sm-25, .flex-offset-sm-25 {
        margin-left: 25%;
    }

    .offset-sm-30, .flex-offset-sm-30 {
        margin-left: 30%;
    }

    .offset-sm-35, .flex-offset-sm-35 {
        margin-left: 35%;
    }

    .offset-sm-40, .flex-offset-sm-40 {
        margin-left: 40%;
    }

    .offset-sm-45, .flex-offset-sm-45 {
        margin-left: 45%;
    }

    .offset-sm-50, .flex-offset-sm-50 {
        margin-left: 50%;
    }

    .offset-sm-55, .flex-offset-sm-55 {
        margin-left: 55%;
    }

    .offset-sm-60, .flex-offset-sm-60 {
        margin-left: 60%;
    }

    .offset-sm-65, .flex-offset-sm-65 {
        margin-left: 65%;
    }

    .offset-sm-70, .flex-offset-sm-70 {
        margin-left: 70%;
    }

    .offset-sm-75, .flex-offset-sm-75 {
        margin-left: 75%;
    }

    .offset-sm-80, .flex-offset-sm-80 {
        margin-left: 80%;
    }

    .offset-sm-85, .flex-offset-sm-85 {
        margin-left: 85%;
    }

    .offset-sm-90, .flex-offset-sm-90 {
        margin-left: 90%;
    }

    .offset-sm-95, .flex-offset-sm-95 {
        margin-left: 95%;
    }

    .offset-sm-33, .flex-offset-sm-33 {
        margin-left: calc(100% / 3);
    }

    .offset-sm-66, .flex-offset-sm-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-sm {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-sm-start,
    .layout-align-sm-start-start,
    .layout-align-sm-start-center,
    .layout-align-sm-start-end,
    .layout-align-sm-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-sm-center,
    .layout-align-sm-center-start,
    .layout-align-sm-center-center,
    .layout-align-sm-center-end,
    .layout-align-sm-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-sm-end,
    .layout-align-sm-end-start,
    .layout-align-sm-end-center,
    .layout-align-sm-end-end,
    .layout-align-sm-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-sm-space-around,
    .layout-align-sm-space-around-center,
    .layout-align-sm-space-around-start,
    .layout-align-sm-space-around-end,
    .layout-align-sm-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-sm-space-between,
    .layout-align-sm-space-between-center,
    .layout-align-sm-space-between-start,
    .layout-align-sm-space-between-end,
    .layout-align-sm-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-sm-start-start,
    .layout-align-sm-center-start,
    .layout-align-sm-end-start,
    .layout-align-sm-space-between-start,
    .layout-align-sm-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-sm-start-center,
    .layout-align-sm-center-center,
    .layout-align-sm-end-center,
    .layout-align-sm-space-between-center,
    .layout-align-sm-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-sm-start-center > *,
        .layout-align-sm-center-center > *,
        .layout-align-sm-end-center > *,
        .layout-align-sm-space-between-center > *,
        .layout-align-sm-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-sm-start-end,
    .layout-align-sm-center-end,
    .layout-align-sm-end-end,
    .layout-align-sm-space-between-end,
    .layout-align-sm-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-sm-start-stretch,
    .layout-align-sm-center-stretch,
    .layout-align-sm-end-stretch,
    .layout-align-sm-space-between-stretch,
    .layout-align-sm-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-sm {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 600px) and (max-width: 959px) {
    .flex-sm {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 600px) and (max-width: 959px) {
    .flex-sm-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-sm-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-sm-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-sm-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-sm-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-sm-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-sm-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-0,
    .layout-sm-row > .flex-sm-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-0,
    .layout-sm-column > .flex-sm-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-5,
    .layout-sm-row > .flex-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-5,
    .layout-sm-column > .flex-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-10,
    .layout-sm-row > .flex-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-10,
    .layout-sm-column > .flex-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-15,
    .layout-sm-row > .flex-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-15,
    .layout-sm-column > .flex-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-20,
    .layout-sm-row > .flex-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-20,
    .layout-sm-column > .flex-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-25,
    .layout-sm-row > .flex-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-25,
    .layout-sm-column > .flex-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-30,
    .layout-sm-row > .flex-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-30,
    .layout-sm-column > .flex-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-35,
    .layout-sm-row > .flex-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-35,
    .layout-sm-column > .flex-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-40,
    .layout-sm-row > .flex-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-40,
    .layout-sm-column > .flex-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-45,
    .layout-sm-row > .flex-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-45,
    .layout-sm-column > .flex-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-50,
    .layout-sm-row > .flex-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-50,
    .layout-sm-column > .flex-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-55,
    .layout-sm-row > .flex-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-55,
    .layout-sm-column > .flex-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-60,
    .layout-sm-row > .flex-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-60,
    .layout-sm-column > .flex-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-65,
    .layout-sm-row > .flex-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-65,
    .layout-sm-column > .flex-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-70,
    .layout-sm-row > .flex-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-70,
    .layout-sm-column > .flex-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-75,
    .layout-sm-row > .flex-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-75,
    .layout-sm-column > .flex-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-80,
    .layout-sm-row > .flex-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-80,
    .layout-sm-column > .flex-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-85,
    .layout-sm-row > .flex-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-85,
    .layout-sm-column > .flex-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-90,
    .layout-sm-row > .flex-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-90,
    .layout-sm-column > .flex-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-95,
    .layout-sm-row > .flex-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-95,
    .layout-sm-column > .flex-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-100,
    .layout-sm-row > .flex-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-100,
    .layout-sm-column > .flex-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-33, .layout-row > .flex-sm-33, .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-66, .layout-row > .flex-sm-66, .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-sm-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-sm-33, .layout-column > .flex-sm-33, .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-66, .layout-column > .flex-sm-66, .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-sm, .layout-sm-column, .layout-sm-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-sm-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-sm-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 960px) {
    .flex-order-gt-sm--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-gt-sm--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-gt-sm--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-gt-sm--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-gt-sm--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-gt-sm--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-gt-sm--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-gt-sm--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-gt-sm--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-gt-sm--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-gt-sm--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-gt-sm--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-gt-sm--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-gt-sm--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-gt-sm--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-gt-sm--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-gt-sm--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-gt-sm--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-gt-sm--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-gt-sm--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-gt-sm-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-gt-sm-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-gt-sm-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-gt-sm-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-gt-sm-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-gt-sm-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-gt-sm-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-gt-sm-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-gt-sm-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-gt-sm-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-gt-sm-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-gt-sm-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-gt-sm-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-gt-sm-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-gt-sm-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-gt-sm-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-gt-sm-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-gt-sm-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-gt-sm-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-gt-sm-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-gt-sm-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-gt-sm-0, .flex-offset-gt-sm-0 {
        margin-left: 0%;
    }

    .offset-gt-sm-5, .flex-offset-gt-sm-5 {
        margin-left: 5%;
    }

    .offset-gt-sm-10, .flex-offset-gt-sm-10 {
        margin-left: 10%;
    }

    .offset-gt-sm-15, .flex-offset-gt-sm-15 {
        margin-left: 15%;
    }

    .offset-gt-sm-20, .flex-offset-gt-sm-20 {
        margin-left: 20%;
    }

    .offset-gt-sm-25, .flex-offset-gt-sm-25 {
        margin-left: 25%;
    }

    .offset-gt-sm-30, .flex-offset-gt-sm-30 {
        margin-left: 30%;
    }

    .offset-gt-sm-35, .flex-offset-gt-sm-35 {
        margin-left: 35%;
    }

    .offset-gt-sm-40, .flex-offset-gt-sm-40 {
        margin-left: 40%;
    }

    .offset-gt-sm-45, .flex-offset-gt-sm-45 {
        margin-left: 45%;
    }

    .offset-gt-sm-50, .flex-offset-gt-sm-50 {
        margin-left: 50%;
    }

    .offset-gt-sm-55, .flex-offset-gt-sm-55 {
        margin-left: 55%;
    }

    .offset-gt-sm-60, .flex-offset-gt-sm-60 {
        margin-left: 60%;
    }

    .offset-gt-sm-65, .flex-offset-gt-sm-65 {
        margin-left: 65%;
    }

    .offset-gt-sm-70, .flex-offset-gt-sm-70 {
        margin-left: 70%;
    }

    .offset-gt-sm-75, .flex-offset-gt-sm-75 {
        margin-left: 75%;
    }

    .offset-gt-sm-80, .flex-offset-gt-sm-80 {
        margin-left: 80%;
    }

    .offset-gt-sm-85, .flex-offset-gt-sm-85 {
        margin-left: 85%;
    }

    .offset-gt-sm-90, .flex-offset-gt-sm-90 {
        margin-left: 90%;
    }

    .offset-gt-sm-95, .flex-offset-gt-sm-95 {
        margin-left: 95%;
    }

    .offset-gt-sm-33, .flex-offset-gt-sm-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-sm-66, .flex-offset-gt-sm-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-gt-sm {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-gt-sm-start,
    .layout-align-gt-sm-start-start,
    .layout-align-gt-sm-start-center,
    .layout-align-gt-sm-start-end,
    .layout-align-gt-sm-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-gt-sm-center,
    .layout-align-gt-sm-center-start,
    .layout-align-gt-sm-center-center,
    .layout-align-gt-sm-center-end,
    .layout-align-gt-sm-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-gt-sm-end,
    .layout-align-gt-sm-end-start,
    .layout-align-gt-sm-end-center,
    .layout-align-gt-sm-end-end,
    .layout-align-gt-sm-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-gt-sm-space-around,
    .layout-align-gt-sm-space-around-center,
    .layout-align-gt-sm-space-around-start,
    .layout-align-gt-sm-space-around-end,
    .layout-align-gt-sm-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-gt-sm-space-between,
    .layout-align-gt-sm-space-between-center,
    .layout-align-gt-sm-space-between-start,
    .layout-align-gt-sm-space-between-end,
    .layout-align-gt-sm-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-gt-sm-start-start,
    .layout-align-gt-sm-center-start,
    .layout-align-gt-sm-end-start,
    .layout-align-gt-sm-space-between-start,
    .layout-align-gt-sm-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-gt-sm-start-center,
    .layout-align-gt-sm-center-center,
    .layout-align-gt-sm-end-center,
    .layout-align-gt-sm-space-between-center,
    .layout-align-gt-sm-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-gt-sm-start-center > *,
        .layout-align-gt-sm-center-center > *,
        .layout-align-gt-sm-end-center > *,
        .layout-align-gt-sm-space-between-center > *,
        .layout-align-gt-sm-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-gt-sm-start-end,
    .layout-align-gt-sm-center-end,
    .layout-align-gt-sm-end-end,
    .layout-align-gt-sm-space-between-end,
    .layout-align-gt-sm-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-gt-sm-start-stretch,
    .layout-align-gt-sm-center-stretch,
    .layout-align-gt-sm-end-stretch,
    .layout-align-gt-sm-space-between-stretch,
    .layout-align-gt-sm-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-gt-sm {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 960px) {
    .flex-gt-sm {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 960px) {
    .flex-gt-sm-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-0,
    .layout-gt-sm-row > .flex-gt-sm-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-0,
    .layout-gt-sm-column > .flex-gt-sm-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-gt-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-5,
    .layout-gt-sm-row > .flex-gt-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-5,
    .layout-gt-sm-column > .flex-gt-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-10,
    .layout-gt-sm-row > .flex-gt-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-10,
    .layout-gt-sm-column > .flex-gt-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-15,
    .layout-gt-sm-row > .flex-gt-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-15,
    .layout-gt-sm-column > .flex-gt-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-20,
    .layout-gt-sm-row > .flex-gt-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-20,
    .layout-gt-sm-column > .flex-gt-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-25,
    .layout-gt-sm-row > .flex-gt-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-25,
    .layout-gt-sm-column > .flex-gt-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-30,
    .layout-gt-sm-row > .flex-gt-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-30,
    .layout-gt-sm-column > .flex-gt-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-35,
    .layout-gt-sm-row > .flex-gt-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-35,
    .layout-gt-sm-column > .flex-gt-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-40,
    .layout-gt-sm-row > .flex-gt-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-40,
    .layout-gt-sm-column > .flex-gt-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-45,
    .layout-gt-sm-row > .flex-gt-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-45,
    .layout-gt-sm-column > .flex-gt-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-50,
    .layout-gt-sm-row > .flex-gt-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-50,
    .layout-gt-sm-column > .flex-gt-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-55,
    .layout-gt-sm-row > .flex-gt-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-55,
    .layout-gt-sm-column > .flex-gt-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-60,
    .layout-gt-sm-row > .flex-gt-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-60,
    .layout-gt-sm-column > .flex-gt-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-65,
    .layout-gt-sm-row > .flex-gt-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-65,
    .layout-gt-sm-column > .flex-gt-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-70,
    .layout-gt-sm-row > .flex-gt-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-70,
    .layout-gt-sm-column > .flex-gt-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-75,
    .layout-gt-sm-row > .flex-gt-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-75,
    .layout-gt-sm-column > .flex-gt-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-80,
    .layout-gt-sm-row > .flex-gt-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-80,
    .layout-gt-sm-column > .flex-gt-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-85,
    .layout-gt-sm-row > .flex-gt-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-85,
    .layout-gt-sm-column > .flex-gt-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-90,
    .layout-gt-sm-row > .flex-gt-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-90,
    .layout-gt-sm-column > .flex-gt-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-95,
    .layout-gt-sm-row > .flex-gt-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-95,
    .layout-gt-sm-column > .flex-gt-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-100,
    .layout-gt-sm-row > .flex-gt-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-100,
    .layout-gt-sm-column > .flex-gt-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-gt-sm-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-gt-sm-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-sm-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
        display: none;
    }

    .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
        display: none;
    }

    .flex-order-md--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-md--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-md--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-md--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-md--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-md--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-md--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-md--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-md--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-md--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-md--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-md--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-md--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-md--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-md--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-md--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-md--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-md--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-md--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-md--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-md-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-md-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-md-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-md-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-md-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-md-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-md-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-md-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-md-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-md-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-md-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-md-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-md-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-md-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-md-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-md-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-md-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-md-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-md-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-md-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-md-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-md-0, .flex-offset-md-0 {
        margin-left: 0%;
    }

    .offset-md-5, .flex-offset-md-5 {
        margin-left: 5%;
    }

    .offset-md-10, .flex-offset-md-10 {
        margin-left: 10%;
    }

    .offset-md-15, .flex-offset-md-15 {
        margin-left: 15%;
    }

    .offset-md-20, .flex-offset-md-20 {
        margin-left: 20%;
    }

    .offset-md-25, .flex-offset-md-25 {
        margin-left: 25%;
    }

    .offset-md-30, .flex-offset-md-30 {
        margin-left: 30%;
    }

    .offset-md-35, .flex-offset-md-35 {
        margin-left: 35%;
    }

    .offset-md-40, .flex-offset-md-40 {
        margin-left: 40%;
    }

    .offset-md-45, .flex-offset-md-45 {
        margin-left: 45%;
    }

    .offset-md-50, .flex-offset-md-50 {
        margin-left: 50%;
    }

    .offset-md-55, .flex-offset-md-55 {
        margin-left: 55%;
    }

    .offset-md-60, .flex-offset-md-60 {
        margin-left: 60%;
    }

    .offset-md-65, .flex-offset-md-65 {
        margin-left: 65%;
    }

    .offset-md-70, .flex-offset-md-70 {
        margin-left: 70%;
    }

    .offset-md-75, .flex-offset-md-75 {
        margin-left: 75%;
    }

    .offset-md-80, .flex-offset-md-80 {
        margin-left: 80%;
    }

    .offset-md-85, .flex-offset-md-85 {
        margin-left: 85%;
    }

    .offset-md-90, .flex-offset-md-90 {
        margin-left: 90%;
    }

    .offset-md-95, .flex-offset-md-95 {
        margin-left: 95%;
    }

    .offset-md-33, .flex-offset-md-33 {
        margin-left: calc(100% / 3);
    }

    .offset-md-66, .flex-offset-md-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-md {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-md-start,
    .layout-align-md-start-start,
    .layout-align-md-start-center,
    .layout-align-md-start-end,
    .layout-align-md-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-md-center,
    .layout-align-md-center-start,
    .layout-align-md-center-center,
    .layout-align-md-center-end,
    .layout-align-md-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-md-end,
    .layout-align-md-end-start,
    .layout-align-md-end-center,
    .layout-align-md-end-end,
    .layout-align-md-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-md-space-around,
    .layout-align-md-space-around-center,
    .layout-align-md-space-around-start,
    .layout-align-md-space-around-end,
    .layout-align-md-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-md-space-between,
    .layout-align-md-space-between-center,
    .layout-align-md-space-between-start,
    .layout-align-md-space-between-end,
    .layout-align-md-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-md-start-start,
    .layout-align-md-center-start,
    .layout-align-md-end-start,
    .layout-align-md-space-between-start,
    .layout-align-md-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-md-start-center,
    .layout-align-md-center-center,
    .layout-align-md-end-center,
    .layout-align-md-space-between-center,
    .layout-align-md-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-md-start-center > *,
        .layout-align-md-center-center > *,
        .layout-align-md-end-center > *,
        .layout-align-md-space-between-center > *,
        .layout-align-md-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-md-start-end,
    .layout-align-md-center-end,
    .layout-align-md-end-end,
    .layout-align-md-space-between-end,
    .layout-align-md-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-md-start-stretch,
    .layout-align-md-center-stretch,
    .layout-align-md-end-stretch,
    .layout-align-md-space-between-stretch,
    .layout-align-md-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-md {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 960px) and (max-width: 1279px) {
    .flex-md {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 960px) and (max-width: 1279px) {
    .flex-md-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-md-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-md-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-md-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-md-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-md-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-md-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-0,
    .layout-md-row > .flex-md-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-0,
    .layout-md-column > .flex-md-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-5,
    .layout-md-row > .flex-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-5,
    .layout-md-column > .flex-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-10,
    .layout-md-row > .flex-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-10,
    .layout-md-column > .flex-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-15,
    .layout-md-row > .flex-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-15,
    .layout-md-column > .flex-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-20,
    .layout-md-row > .flex-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-20,
    .layout-md-column > .flex-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-25,
    .layout-md-row > .flex-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-25,
    .layout-md-column > .flex-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-30,
    .layout-md-row > .flex-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-30,
    .layout-md-column > .flex-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-35,
    .layout-md-row > .flex-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-35,
    .layout-md-column > .flex-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-40,
    .layout-md-row > .flex-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-40,
    .layout-md-column > .flex-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-45,
    .layout-md-row > .flex-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-45,
    .layout-md-column > .flex-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-50,
    .layout-md-row > .flex-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-50,
    .layout-md-column > .flex-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-55,
    .layout-md-row > .flex-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-55,
    .layout-md-column > .flex-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-60,
    .layout-md-row > .flex-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-60,
    .layout-md-column > .flex-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-65,
    .layout-md-row > .flex-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-65,
    .layout-md-column > .flex-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-70,
    .layout-md-row > .flex-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-70,
    .layout-md-column > .flex-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-75,
    .layout-md-row > .flex-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-75,
    .layout-md-column > .flex-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-80,
    .layout-md-row > .flex-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-80,
    .layout-md-column > .flex-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-85,
    .layout-md-row > .flex-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-85,
    .layout-md-column > .flex-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-90,
    .layout-md-row > .flex-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-90,
    .layout-md-column > .flex-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-95,
    .layout-md-row > .flex-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-95,
    .layout-md-column > .flex-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-100,
    .layout-md-row > .flex-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-100,
    .layout-md-column > .flex-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-33, .layout-row > .flex-md-33, .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-66, .layout-row > .flex-md-66, .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-md-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-md-33, .layout-column > .flex-md-33, .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-66, .layout-column > .flex-md-66, .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-md, .layout-md-column, .layout-md-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-md-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-md-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1280px) {
    .flex-order-gt-md--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-gt-md--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-gt-md--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-gt-md--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-gt-md--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-gt-md--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-gt-md--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-gt-md--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-gt-md--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-gt-md--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-gt-md--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-gt-md--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-gt-md--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-gt-md--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-gt-md--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-gt-md--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-gt-md--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-gt-md--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-gt-md--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-gt-md--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-gt-md-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-gt-md-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-gt-md-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-gt-md-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-gt-md-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-gt-md-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-gt-md-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-gt-md-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-gt-md-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-gt-md-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-gt-md-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-gt-md-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-gt-md-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-gt-md-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-gt-md-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-gt-md-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-gt-md-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-gt-md-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-gt-md-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-gt-md-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-gt-md-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-gt-md-0, .flex-offset-gt-md-0 {
        margin-left: 0%;
    }

    .offset-gt-md-5, .flex-offset-gt-md-5 {
        margin-left: 5%;
    }

    .offset-gt-md-10, .flex-offset-gt-md-10 {
        margin-left: 10%;
    }

    .offset-gt-md-15, .flex-offset-gt-md-15 {
        margin-left: 15%;
    }

    .offset-gt-md-20, .flex-offset-gt-md-20 {
        margin-left: 20%;
    }

    .offset-gt-md-25, .flex-offset-gt-md-25 {
        margin-left: 25%;
    }

    .offset-gt-md-30, .flex-offset-gt-md-30 {
        margin-left: 30%;
    }

    .offset-gt-md-35, .flex-offset-gt-md-35 {
        margin-left: 35%;
    }

    .offset-gt-md-40, .flex-offset-gt-md-40 {
        margin-left: 40%;
    }

    .offset-gt-md-45, .flex-offset-gt-md-45 {
        margin-left: 45%;
    }

    .offset-gt-md-50, .flex-offset-gt-md-50 {
        margin-left: 50%;
    }

    .offset-gt-md-55, .flex-offset-gt-md-55 {
        margin-left: 55%;
    }

    .offset-gt-md-60, .flex-offset-gt-md-60 {
        margin-left: 60%;
    }

    .offset-gt-md-65, .flex-offset-gt-md-65 {
        margin-left: 65%;
    }

    .offset-gt-md-70, .flex-offset-gt-md-70 {
        margin-left: 70%;
    }

    .offset-gt-md-75, .flex-offset-gt-md-75 {
        margin-left: 75%;
    }

    .offset-gt-md-80, .flex-offset-gt-md-80 {
        margin-left: 80%;
    }

    .offset-gt-md-85, .flex-offset-gt-md-85 {
        margin-left: 85%;
    }

    .offset-gt-md-90, .flex-offset-gt-md-90 {
        margin-left: 90%;
    }

    .offset-gt-md-95, .flex-offset-gt-md-95 {
        margin-left: 95%;
    }

    .offset-gt-md-33, .flex-offset-gt-md-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-md-66, .flex-offset-gt-md-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-gt-md {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-gt-md-start,
    .layout-align-gt-md-start-start,
    .layout-align-gt-md-start-center,
    .layout-align-gt-md-start-end,
    .layout-align-gt-md-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-gt-md-center,
    .layout-align-gt-md-center-start,
    .layout-align-gt-md-center-center,
    .layout-align-gt-md-center-end,
    .layout-align-gt-md-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-gt-md-end,
    .layout-align-gt-md-end-start,
    .layout-align-gt-md-end-center,
    .layout-align-gt-md-end-end,
    .layout-align-gt-md-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-gt-md-space-around,
    .layout-align-gt-md-space-around-center,
    .layout-align-gt-md-space-around-start,
    .layout-align-gt-md-space-around-end,
    .layout-align-gt-md-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-gt-md-space-between,
    .layout-align-gt-md-space-between-center,
    .layout-align-gt-md-space-between-start,
    .layout-align-gt-md-space-between-end,
    .layout-align-gt-md-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-gt-md-start-start,
    .layout-align-gt-md-center-start,
    .layout-align-gt-md-end-start,
    .layout-align-gt-md-space-between-start,
    .layout-align-gt-md-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-gt-md-start-center,
    .layout-align-gt-md-center-center,
    .layout-align-gt-md-end-center,
    .layout-align-gt-md-space-between-center,
    .layout-align-gt-md-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-gt-md-start-center > *,
        .layout-align-gt-md-center-center > *,
        .layout-align-gt-md-end-center > *,
        .layout-align-gt-md-space-between-center > *,
        .layout-align-gt-md-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-gt-md-start-end,
    .layout-align-gt-md-center-end,
    .layout-align-gt-md-end-end,
    .layout-align-gt-md-space-between-end,
    .layout-align-gt-md-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-gt-md-start-stretch,
    .layout-align-gt-md-center-stretch,
    .layout-align-gt-md-end-stretch,
    .layout-align-gt-md-space-between-stretch,
    .layout-align-gt-md-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-gt-md {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1280px) {
    .flex-gt-md {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1280px) {
    .flex-gt-md-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-md-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-0,
    .layout-gt-md-row > .flex-gt-md-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-0,
    .layout-gt-md-column > .flex-gt-md-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-gt-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-5,
    .layout-gt-md-row > .flex-gt-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-5,
    .layout-gt-md-column > .flex-gt-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-10,
    .layout-gt-md-row > .flex-gt-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-10,
    .layout-gt-md-column > .flex-gt-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-15,
    .layout-gt-md-row > .flex-gt-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-15,
    .layout-gt-md-column > .flex-gt-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-20,
    .layout-gt-md-row > .flex-gt-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-20,
    .layout-gt-md-column > .flex-gt-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-25,
    .layout-gt-md-row > .flex-gt-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-25,
    .layout-gt-md-column > .flex-gt-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-30,
    .layout-gt-md-row > .flex-gt-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-30,
    .layout-gt-md-column > .flex-gt-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-35,
    .layout-gt-md-row > .flex-gt-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-35,
    .layout-gt-md-column > .flex-gt-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-40,
    .layout-gt-md-row > .flex-gt-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-40,
    .layout-gt-md-column > .flex-gt-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-45,
    .layout-gt-md-row > .flex-gt-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-45,
    .layout-gt-md-column > .flex-gt-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-50,
    .layout-gt-md-row > .flex-gt-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-50,
    .layout-gt-md-column > .flex-gt-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-55,
    .layout-gt-md-row > .flex-gt-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-55,
    .layout-gt-md-column > .flex-gt-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-60,
    .layout-gt-md-row > .flex-gt-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-60,
    .layout-gt-md-column > .flex-gt-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-65,
    .layout-gt-md-row > .flex-gt-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-65,
    .layout-gt-md-column > .flex-gt-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-70,
    .layout-gt-md-row > .flex-gt-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-70,
    .layout-gt-md-column > .flex-gt-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-75,
    .layout-gt-md-row > .flex-gt-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-75,
    .layout-gt-md-column > .flex-gt-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-80,
    .layout-gt-md-row > .flex-gt-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-80,
    .layout-gt-md-column > .flex-gt-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-85,
    .layout-gt-md-row > .flex-gt-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-85,
    .layout-gt-md-column > .flex-gt-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-90,
    .layout-gt-md-row > .flex-gt-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-90,
    .layout-gt-md-column > .flex-gt-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-95,
    .layout-gt-md-row > .flex-gt-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-95,
    .layout-gt-md-column > .flex-gt-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-100,
    .layout-gt-md-row > .flex-gt-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-100,
    .layout-gt-md-column > .flex-gt-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-gt-md-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-gt-md-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-md-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
        display: none;
    }

    .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
        display: none;
    }

    .flex-order-lg--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-lg--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-lg--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-lg--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-lg--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-lg--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-lg--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-lg--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-lg--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-lg--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-lg--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-lg--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-lg--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-lg--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-lg--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-lg--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-lg--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-lg--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-lg--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-lg--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-lg-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-lg-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-lg-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-lg-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-lg-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-lg-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-lg-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-lg-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-lg-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-lg-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-lg-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-lg-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-lg-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-lg-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-lg-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-lg-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-lg-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-lg-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-lg-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-lg-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-lg-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-lg-0, .flex-offset-lg-0 {
        margin-left: 0%;
    }

    .offset-lg-5, .flex-offset-lg-5 {
        margin-left: 5%;
    }

    .offset-lg-10, .flex-offset-lg-10 {
        margin-left: 10%;
    }

    .offset-lg-15, .flex-offset-lg-15 {
        margin-left: 15%;
    }

    .offset-lg-20, .flex-offset-lg-20 {
        margin-left: 20%;
    }

    .offset-lg-25, .flex-offset-lg-25 {
        margin-left: 25%;
    }

    .offset-lg-30, .flex-offset-lg-30 {
        margin-left: 30%;
    }

    .offset-lg-35, .flex-offset-lg-35 {
        margin-left: 35%;
    }

    .offset-lg-40, .flex-offset-lg-40 {
        margin-left: 40%;
    }

    .offset-lg-45, .flex-offset-lg-45 {
        margin-left: 45%;
    }

    .offset-lg-50, .flex-offset-lg-50 {
        margin-left: 50%;
    }

    .offset-lg-55, .flex-offset-lg-55 {
        margin-left: 55%;
    }

    .offset-lg-60, .flex-offset-lg-60 {
        margin-left: 60%;
    }

    .offset-lg-65, .flex-offset-lg-65 {
        margin-left: 65%;
    }

    .offset-lg-70, .flex-offset-lg-70 {
        margin-left: 70%;
    }

    .offset-lg-75, .flex-offset-lg-75 {
        margin-left: 75%;
    }

    .offset-lg-80, .flex-offset-lg-80 {
        margin-left: 80%;
    }

    .offset-lg-85, .flex-offset-lg-85 {
        margin-left: 85%;
    }

    .offset-lg-90, .flex-offset-lg-90 {
        margin-left: 90%;
    }

    .offset-lg-95, .flex-offset-lg-95 {
        margin-left: 95%;
    }

    .offset-lg-33, .flex-offset-lg-33 {
        margin-left: calc(100% / 3);
    }

    .offset-lg-66, .flex-offset-lg-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-lg {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-lg-start,
    .layout-align-lg-start-start,
    .layout-align-lg-start-center,
    .layout-align-lg-start-end,
    .layout-align-lg-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-lg-center,
    .layout-align-lg-center-start,
    .layout-align-lg-center-center,
    .layout-align-lg-center-end,
    .layout-align-lg-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-lg-end,
    .layout-align-lg-end-start,
    .layout-align-lg-end-center,
    .layout-align-lg-end-end,
    .layout-align-lg-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-lg-space-around,
    .layout-align-lg-space-around-center,
    .layout-align-lg-space-around-start,
    .layout-align-lg-space-around-end,
    .layout-align-lg-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-lg-space-between,
    .layout-align-lg-space-between-center,
    .layout-align-lg-space-between-start,
    .layout-align-lg-space-between-end,
    .layout-align-lg-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-lg-start-start,
    .layout-align-lg-center-start,
    .layout-align-lg-end-start,
    .layout-align-lg-space-between-start,
    .layout-align-lg-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-lg-start-center,
    .layout-align-lg-center-center,
    .layout-align-lg-end-center,
    .layout-align-lg-space-between-center,
    .layout-align-lg-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-lg-start-center > *,
        .layout-align-lg-center-center > *,
        .layout-align-lg-end-center > *,
        .layout-align-lg-space-between-center > *,
        .layout-align-lg-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-lg-start-end,
    .layout-align-lg-center-end,
    .layout-align-lg-end-end,
    .layout-align-lg-space-between-end,
    .layout-align-lg-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-lg-start-stretch,
    .layout-align-lg-center-stretch,
    .layout-align-lg-end-stretch,
    .layout-align-lg-space-between-stretch,
    .layout-align-lg-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-lg {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1280px) and (max-width: 1919px) {
    .flex-lg {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .flex-lg-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-lg-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-lg-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-lg-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-lg-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-lg-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-lg-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-0,
    .layout-lg-row > .flex-lg-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-0,
    .layout-lg-column > .flex-lg-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-5,
    .layout-lg-row > .flex-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-5,
    .layout-lg-column > .flex-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-10,
    .layout-lg-row > .flex-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-10,
    .layout-lg-column > .flex-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-15,
    .layout-lg-row > .flex-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-15,
    .layout-lg-column > .flex-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-20,
    .layout-lg-row > .flex-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-20,
    .layout-lg-column > .flex-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-25,
    .layout-lg-row > .flex-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-25,
    .layout-lg-column > .flex-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-30,
    .layout-lg-row > .flex-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-30,
    .layout-lg-column > .flex-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-35,
    .layout-lg-row > .flex-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-35,
    .layout-lg-column > .flex-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-40,
    .layout-lg-row > .flex-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-40,
    .layout-lg-column > .flex-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-45,
    .layout-lg-row > .flex-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-45,
    .layout-lg-column > .flex-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-50,
    .layout-lg-row > .flex-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-50,
    .layout-lg-column > .flex-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-55,
    .layout-lg-row > .flex-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-55,
    .layout-lg-column > .flex-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-60,
    .layout-lg-row > .flex-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-60,
    .layout-lg-column > .flex-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-65,
    .layout-lg-row > .flex-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-65,
    .layout-lg-column > .flex-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-70,
    .layout-lg-row > .flex-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-70,
    .layout-lg-column > .flex-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-75,
    .layout-lg-row > .flex-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-75,
    .layout-lg-column > .flex-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-80,
    .layout-lg-row > .flex-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-80,
    .layout-lg-column > .flex-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-85,
    .layout-lg-row > .flex-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-85,
    .layout-lg-column > .flex-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-90,
    .layout-lg-row > .flex-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-90,
    .layout-lg-column > .flex-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-95,
    .layout-lg-row > .flex-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-95,
    .layout-lg-column > .flex-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-100,
    .layout-lg-row > .flex-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-100,
    .layout-lg-column > .flex-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-33, .layout-row > .flex-lg-33, .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-66, .layout-row > .flex-lg-66, .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-lg-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-lg-33, .layout-column > .flex-lg-33, .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-66, .layout-column > .flex-lg-66, .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-lg, .layout-lg-column, .layout-lg-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-lg-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-lg-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1920px) {
    .flex-order-gt-lg--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-gt-lg--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-gt-lg--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-gt-lg--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-gt-lg--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-gt-lg--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-gt-lg--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-gt-lg--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-gt-lg--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-gt-lg--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-gt-lg--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-gt-lg--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-gt-lg--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-gt-lg--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-gt-lg--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-gt-lg--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-gt-lg--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-gt-lg--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-gt-lg--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-gt-lg--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-gt-lg-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-gt-lg-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-gt-lg-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-gt-lg-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-gt-lg-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-gt-lg-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-gt-lg-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-gt-lg-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-gt-lg-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-gt-lg-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-gt-lg-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-gt-lg-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-gt-lg-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-gt-lg-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-gt-lg-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-gt-lg-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-gt-lg-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-gt-lg-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-gt-lg-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-gt-lg-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-gt-lg-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-gt-lg-0, .flex-offset-gt-lg-0 {
        margin-left: 0%;
    }

    .offset-gt-lg-5, .flex-offset-gt-lg-5 {
        margin-left: 5%;
    }

    .offset-gt-lg-10, .flex-offset-gt-lg-10 {
        margin-left: 10%;
    }

    .offset-gt-lg-15, .flex-offset-gt-lg-15 {
        margin-left: 15%;
    }

    .offset-gt-lg-20, .flex-offset-gt-lg-20 {
        margin-left: 20%;
    }

    .offset-gt-lg-25, .flex-offset-gt-lg-25 {
        margin-left: 25%;
    }

    .offset-gt-lg-30, .flex-offset-gt-lg-30 {
        margin-left: 30%;
    }

    .offset-gt-lg-35, .flex-offset-gt-lg-35 {
        margin-left: 35%;
    }

    .offset-gt-lg-40, .flex-offset-gt-lg-40 {
        margin-left: 40%;
    }

    .offset-gt-lg-45, .flex-offset-gt-lg-45 {
        margin-left: 45%;
    }

    .offset-gt-lg-50, .flex-offset-gt-lg-50 {
        margin-left: 50%;
    }

    .offset-gt-lg-55, .flex-offset-gt-lg-55 {
        margin-left: 55%;
    }

    .offset-gt-lg-60, .flex-offset-gt-lg-60 {
        margin-left: 60%;
    }

    .offset-gt-lg-65, .flex-offset-gt-lg-65 {
        margin-left: 65%;
    }

    .offset-gt-lg-70, .flex-offset-gt-lg-70 {
        margin-left: 70%;
    }

    .offset-gt-lg-75, .flex-offset-gt-lg-75 {
        margin-left: 75%;
    }

    .offset-gt-lg-80, .flex-offset-gt-lg-80 {
        margin-left: 80%;
    }

    .offset-gt-lg-85, .flex-offset-gt-lg-85 {
        margin-left: 85%;
    }

    .offset-gt-lg-90, .flex-offset-gt-lg-90 {
        margin-left: 90%;
    }

    .offset-gt-lg-95, .flex-offset-gt-lg-95 {
        margin-left: 95%;
    }

    .offset-gt-lg-33, .flex-offset-gt-lg-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-lg-66, .flex-offset-gt-lg-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-gt-lg {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-gt-lg-start,
    .layout-align-gt-lg-start-start,
    .layout-align-gt-lg-start-center,
    .layout-align-gt-lg-start-end,
    .layout-align-gt-lg-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-gt-lg-center,
    .layout-align-gt-lg-center-start,
    .layout-align-gt-lg-center-center,
    .layout-align-gt-lg-center-end,
    .layout-align-gt-lg-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-gt-lg-end,
    .layout-align-gt-lg-end-start,
    .layout-align-gt-lg-end-center,
    .layout-align-gt-lg-end-end,
    .layout-align-gt-lg-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-gt-lg-space-around,
    .layout-align-gt-lg-space-around-center,
    .layout-align-gt-lg-space-around-start,
    .layout-align-gt-lg-space-around-end,
    .layout-align-gt-lg-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-gt-lg-space-between,
    .layout-align-gt-lg-space-between-center,
    .layout-align-gt-lg-space-between-start,
    .layout-align-gt-lg-space-between-end,
    .layout-align-gt-lg-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-gt-lg-start-start,
    .layout-align-gt-lg-center-start,
    .layout-align-gt-lg-end-start,
    .layout-align-gt-lg-space-between-start,
    .layout-align-gt-lg-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-gt-lg-start-center,
    .layout-align-gt-lg-center-center,
    .layout-align-gt-lg-end-center,
    .layout-align-gt-lg-space-between-center,
    .layout-align-gt-lg-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-gt-lg-start-center > *,
        .layout-align-gt-lg-center-center > *,
        .layout-align-gt-lg-end-center > *,
        .layout-align-gt-lg-space-between-center > *,
        .layout-align-gt-lg-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-gt-lg-start-end,
    .layout-align-gt-lg-center-end,
    .layout-align-gt-lg-end-end,
    .layout-align-gt-lg-space-between-end,
    .layout-align-gt-lg-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-gt-lg-start-stretch,
    .layout-align-gt-lg-center-stretch,
    .layout-align-gt-lg-end-stretch,
    .layout-align-gt-lg-space-between-stretch,
    .layout-align-gt-lg-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-gt-lg {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1920px) {
    .flex-gt-lg {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1920px) {
    .flex-gt-lg-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-lg-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-0,
    .layout-gt-lg-row > .flex-gt-lg-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-0,
    .layout-gt-lg-column > .flex-gt-lg-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-gt-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-5,
    .layout-gt-lg-row > .flex-gt-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-5,
    .layout-gt-lg-column > .flex-gt-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-10,
    .layout-gt-lg-row > .flex-gt-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-10,
    .layout-gt-lg-column > .flex-gt-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-15,
    .layout-gt-lg-row > .flex-gt-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-15,
    .layout-gt-lg-column > .flex-gt-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-20,
    .layout-gt-lg-row > .flex-gt-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-20,
    .layout-gt-lg-column > .flex-gt-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-25,
    .layout-gt-lg-row > .flex-gt-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-25,
    .layout-gt-lg-column > .flex-gt-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-30,
    .layout-gt-lg-row > .flex-gt-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-30,
    .layout-gt-lg-column > .flex-gt-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-35,
    .layout-gt-lg-row > .flex-gt-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-35,
    .layout-gt-lg-column > .flex-gt-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-40,
    .layout-gt-lg-row > .flex-gt-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-40,
    .layout-gt-lg-column > .flex-gt-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-45,
    .layout-gt-lg-row > .flex-gt-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-45,
    .layout-gt-lg-column > .flex-gt-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-50,
    .layout-gt-lg-row > .flex-gt-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-50,
    .layout-gt-lg-column > .flex-gt-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-55,
    .layout-gt-lg-row > .flex-gt-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-55,
    .layout-gt-lg-column > .flex-gt-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-60,
    .layout-gt-lg-row > .flex-gt-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-60,
    .layout-gt-lg-column > .flex-gt-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-65,
    .layout-gt-lg-row > .flex-gt-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-65,
    .layout-gt-lg-column > .flex-gt-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-70,
    .layout-gt-lg-row > .flex-gt-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-70,
    .layout-gt-lg-column > .flex-gt-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-75,
    .layout-gt-lg-row > .flex-gt-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-75,
    .layout-gt-lg-column > .flex-gt-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-80,
    .layout-gt-lg-row > .flex-gt-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-80,
    .layout-gt-lg-column > .flex-gt-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-85,
    .layout-gt-lg-row > .flex-gt-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-85,
    .layout-gt-lg-column > .flex-gt-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-90,
    .layout-gt-lg-row > .flex-gt-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-90,
    .layout-gt-lg-column > .flex-gt-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-95,
    .layout-gt-lg-row > .flex-gt-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-95,
    .layout-gt-lg-column > .flex-gt-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-100,
    .layout-gt-lg-row > .flex-gt-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-100,
    .layout-gt-lg-column > .flex-gt-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-gt-lg-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-gt-lg-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-lg-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-order-xl--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20;
    }

    .flex-order-xl--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19;
    }

    .flex-order-xl--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18;
    }

    .flex-order-xl--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17;
    }

    .flex-order-xl--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16;
    }

    .flex-order-xl--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15;
    }

    .flex-order-xl--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14;
    }

    .flex-order-xl--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13;
    }

    .flex-order-xl--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12;
    }

    .flex-order-xl--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11;
    }

    .flex-order-xl--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10;
    }

    .flex-order-xl--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9;
    }

    .flex-order-xl--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8;
    }

    .flex-order-xl--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7;
    }

    .flex-order-xl--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6;
    }

    .flex-order-xl--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5;
    }

    .flex-order-xl--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4;
    }

    .flex-order-xl--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3;
    }

    .flex-order-xl--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2;
    }

    .flex-order-xl--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .flex-order-xl-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .flex-order-xl-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .flex-order-xl-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .flex-order-xl-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .flex-order-xl-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .flex-order-xl-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .flex-order-xl-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .flex-order-xl-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .flex-order-xl-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .flex-order-xl-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .flex-order-xl-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .flex-order-xl-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .flex-order-xl-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .flex-order-xl-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .flex-order-xl-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14;
    }

    .flex-order-xl-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15;
    }

    .flex-order-xl-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16;
    }

    .flex-order-xl-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17;
    }

    .flex-order-xl-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18;
    }

    .flex-order-xl-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19;
    }

    .flex-order-xl-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20;
    }

    .offset-xl-0, .flex-offset-xl-0 {
        margin-left: 0%;
    }

    .offset-xl-5, .flex-offset-xl-5 {
        margin-left: 5%;
    }

    .offset-xl-10, .flex-offset-xl-10 {
        margin-left: 10%;
    }

    .offset-xl-15, .flex-offset-xl-15 {
        margin-left: 15%;
    }

    .offset-xl-20, .flex-offset-xl-20 {
        margin-left: 20%;
    }

    .offset-xl-25, .flex-offset-xl-25 {
        margin-left: 25%;
    }

    .offset-xl-30, .flex-offset-xl-30 {
        margin-left: 30%;
    }

    .offset-xl-35, .flex-offset-xl-35 {
        margin-left: 35%;
    }

    .offset-xl-40, .flex-offset-xl-40 {
        margin-left: 40%;
    }

    .offset-xl-45, .flex-offset-xl-45 {
        margin-left: 45%;
    }

    .offset-xl-50, .flex-offset-xl-50 {
        margin-left: 50%;
    }

    .offset-xl-55, .flex-offset-xl-55 {
        margin-left: 55%;
    }

    .offset-xl-60, .flex-offset-xl-60 {
        margin-left: 60%;
    }

    .offset-xl-65, .flex-offset-xl-65 {
        margin-left: 65%;
    }

    .offset-xl-70, .flex-offset-xl-70 {
        margin-left: 70%;
    }

    .offset-xl-75, .flex-offset-xl-75 {
        margin-left: 75%;
    }

    .offset-xl-80, .flex-offset-xl-80 {
        margin-left: 80%;
    }

    .offset-xl-85, .flex-offset-xl-85 {
        margin-left: 85%;
    }

    .offset-xl-90, .flex-offset-xl-90 {
        margin-left: 90%;
    }

    .offset-xl-95, .flex-offset-xl-95 {
        margin-left: 95%;
    }

    .offset-xl-33, .flex-offset-xl-33 {
        margin-left: calc(100% / 3);
    }

    .offset-xl-66, .flex-offset-xl-66 {
        margin-left: calc(200% / 3);
    }

    .layout-align-xl {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .layout-align-xl-start,
    .layout-align-xl-start-start,
    .layout-align-xl-start-center,
    .layout-align-xl-start-end,
    .layout-align-xl-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .layout-align-xl-center,
    .layout-align-xl-center-start,
    .layout-align-xl-center-center,
    .layout-align-xl-center-end,
    .layout-align-xl-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-align-xl-end,
    .layout-align-xl-end-start,
    .layout-align-xl-end-center,
    .layout-align-xl-end-end,
    .layout-align-xl-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .layout-align-xl-space-around,
    .layout-align-xl-space-around-center,
    .layout-align-xl-space-around-start,
    .layout-align-xl-space-around-end,
    .layout-align-xl-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .layout-align-xl-space-between,
    .layout-align-xl-space-between-center,
    .layout-align-xl-space-between-start,
    .layout-align-xl-space-between-end,
    .layout-align-xl-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout-align-xl-start-start,
    .layout-align-xl-center-start,
    .layout-align-xl-end-start,
    .layout-align-xl-space-between-start,
    .layout-align-xl-space-around-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .layout-align-xl-start-center,
    .layout-align-xl-center-center,
    .layout-align-xl-end-center,
    .layout-align-xl-space-between-center,
    .layout-align-xl-space-around-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
    }

        .layout-align-xl-start-center > *,
        .layout-align-xl-center-center > *,
        .layout-align-xl-end-center > *,
        .layout-align-xl-space-between-center > *,
        .layout-align-xl-space-around-center > * {
            max-width: 100%;
            box-sizing: border-box;
        }

    .layout-align-xl-start-end,
    .layout-align-xl-center-end,
    .layout-align-xl-end-end,
    .layout-align-xl-space-between-end,
    .layout-align-xl-space-around-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
    }

    .layout-align-xl-start-stretch,
    .layout-align-xl-center-stretch,
    .layout-align-xl-end-stretch,
    .layout-align-xl-space-between-stretch,
    .layout-align-xl-space-around-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .flex-xl {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }
}

@media screen\0 and (min-width: 1920px) {
    .flex-xl {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    }
}

@media (min-width: 1920px) {
    .flex-xl-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-xl-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xl-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-xl-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-xl-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-xl-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xl-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-0,
    .layout-xl-row > .flex-xl-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-0,
    .layout-xl-column > .flex-xl-0 {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .flex-xl-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-5,
    .layout-xl-row > .flex-xl-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-5,
    .layout-xl-column > .flex-xl-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-xl-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-10,
    .layout-xl-row > .flex-xl-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-10,
    .layout-xl-column > .flex-xl-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-xl-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-15,
    .layout-xl-row > .flex-xl-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-15,
    .layout-xl-column > .flex-xl-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-xl-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-20,
    .layout-xl-row > .flex-xl-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-20,
    .layout-xl-column > .flex-xl-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-xl-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-25,
    .layout-xl-row > .flex-xl-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-25,
    .layout-xl-column > .flex-xl-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-xl-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-30,
    .layout-xl-row > .flex-xl-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-30,
    .layout-xl-column > .flex-xl-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-xl-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-35,
    .layout-xl-row > .flex-xl-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-35,
    .layout-xl-column > .flex-xl-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-xl-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-40,
    .layout-xl-row > .flex-xl-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-40,
    .layout-xl-column > .flex-xl-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-xl-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-45,
    .layout-xl-row > .flex-xl-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-45,
    .layout-xl-column > .flex-xl-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-xl-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-50,
    .layout-xl-row > .flex-xl-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-50,
    .layout-xl-column > .flex-xl-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-xl-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-55,
    .layout-xl-row > .flex-xl-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-55,
    .layout-xl-column > .flex-xl-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-xl-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-60,
    .layout-xl-row > .flex-xl-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-60,
    .layout-xl-column > .flex-xl-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-xl-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-65,
    .layout-xl-row > .flex-xl-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-65,
    .layout-xl-column > .flex-xl-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-xl-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-70,
    .layout-xl-row > .flex-xl-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-70,
    .layout-xl-column > .flex-xl-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-xl-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-75,
    .layout-xl-row > .flex-xl-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-75,
    .layout-xl-column > .flex-xl-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-xl-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-80,
    .layout-xl-row > .flex-xl-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-80,
    .layout-xl-column > .flex-xl-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-xl-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-85,
    .layout-xl-row > .flex-xl-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-85,
    .layout-xl-column > .flex-xl-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-xl-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-90,
    .layout-xl-row > .flex-xl-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-90,
    .layout-xl-column > .flex-xl-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-xl-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-95,
    .layout-xl-row > .flex-xl-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-95,
    .layout-xl-column > .flex-xl-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-xl-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-100,
    .layout-xl-row > .flex-xl-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-100,
    .layout-xl-column > .flex-xl-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-33, .layout-row > .flex-xl-33, .layout-xl-row > .flex-xl-33, .layout-xl-row > .flex-xl-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-66, .layout-row > .flex-xl-66, .layout-xl-row > .flex-xl-66, .layout-xl-row > .flex-xl-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex, .layout-xl-row > .flex {
        min-width: 0;
    }

    .layout-column > .flex-xl-33, .layout-column > .flex-xl-33, .layout-xl-column > .flex-xl-33, .layout-xl-column > .flex-xl-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-66, .layout-column > .flex-xl-66, .layout-xl-column > .flex-xl-66, .layout-xl-column > .flex-xl-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-xl, .layout-xl-column, .layout-xl-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-xl-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .layout-xl-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
        display: none;
    }

    .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
        display: none;
    }
}

@media print {
    .hide-print:not(.show-print):not(.show) {
        display: none !important;
    }
}
/** 
 * Kendo UI v2016.2.504 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2016 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/ .fake {
    color: red
}

.k-common-test-class {
    opacity: 0
}

.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.k-floatwrap:after, .k-grid-toolbar:after, .k-slider-items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.k-floatwrap, .k-grid-toolbar, .k-slider-items {
    display: inline-block
}

.k-floatwrap, .k-grid-toolbar, .k-slider-items {
    display: block
}

.k-autocomplete, .k-autocomplete.k-state-hover, .k-block, .k-button, .k-draghandle, .k-dropdown-wrap, .k-dropdown-wrap.k-state-hover, .k-grid-header, .k-grouping-header, .k-header, .k-link.k-state-hover, .k-numeric-wrap, .k-numeric-wrap.k-state-hover, .k-pager-wrap, .k-picker-wrap, .k-picker-wrap.k-state-hover, .k-tabstrip-items .k-item, .k-textbox, .k-textbox:hover, .k-toolbar, .k-tooltip {
    background-repeat: repeat;
    background-position: 0 center
}

.k-link:hover {
    text-decoration: none
}

.k-state-highlight > .k-link {
    color: inherit
}

.k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textbox, .k-textbox > input {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none
}

.k-block, .k-widget {
    line-height: normal;
    outline: 0
}

    .k-widget ::-ms-clear {
        width: 0;
        height: 0
    }

.k-block {
    padding: 2px
}

.k-button {
    display: inline-block;
    margin: 0;
    padding: 10px 14px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

    .k-button.k-state-disabled, .k-button.k-state-disabled:active, .k-button.k-state-disabled:hover, .k-button[disabled], .k-state-disabled .k-button, .k-state-disabled .k-button:active, .k-state-disabled .k-button:hover {
        cursor: default
    }

a.k-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none
}

.k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em
}

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

a.k-button-expand {
    display: block
}

button.k-button-expand, input[type=submit].k-button-expand, input[type=button].k-button-expand, input[type=reset].k-button-expand {
    width: 100%
}

body .k-button-icon, body .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em
}

.k-button-icontext {
    overflow: visible
}

.k-toolbar .k-button-icontext {
    padding-right: .8em
}

.k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
    margin-right: 3px;
    margin-right: .3rem;
    margin-left: -3px;
    margin-left: -.3rem
}

.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
    vertical-align: text-top
}

html body .k-button-bare {
    background: 0 0 !important;
    color: inherit;
    border-width: 0
}

    html body .k-button-bare.k-upload-button:hover {
        color: inherit
    }

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.k-grid-header span.k-link {
    cursor: default
}

.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-icon, .k-state-disabled .k-link, .k-state-disabled .k-upload-button input {
    cursor: default !important;
    outline: 0
}

@media print {
    .k-state-disabled, .k-state-disabled .k-input {
        opacity: 1 !important
    }
}

.k-state-error {
    border-style: ridge
}

.k-state-empty {
    font-style: italic
}

.k-button-group .k-tool-icon, .k-icon, .k-sprite {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none
}

    .k-icon.k-i-none {
        background-image: none !important
    }

.k-ie8 .k-button-group .k-tool-icon, .k-ie8 .k-icon, .k-ie8 .k-sprite {
    vertical-align: middle
}

:root * > .k-button-group .k-tool-icon, :root * > .k-icon, :root * > .k-sprite {
    vertical-align: middle
}

.k-icon, .k-sprite {
    background-color: transparent
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px
}

.k-state-selected .k-i-arrow-n {
    background-position: -16px 0
}

.k-button:active .k-state-selected .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, .k-state-hover > * > .k-state-selected .k-i-arrow-n, .k-state-hover > .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n {
    background-position: -16px 0
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -16px -3px
}

.k-state-selected .k-i-arrow-s {
    background-position: -16px -32px
}

.k-button:active .k-state-selected .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, .k-state-hover > * > .k-state-selected .k-i-arrow-s, .k-state-hover > .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s {
    background-position: -16px -32px
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -16px -35px
}

.k-grid-header th > .k-link:hover span.k-i-arrow-n {
    background-position: 0 0
}

.k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px
}

.k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px
}

.k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px
}

.k-group-indicator .k-button:hover span.k-group-delete {
    background-position: -32px -16px
}

.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
    background-position: -32px -176px
}

.k-i-arrow-n {
    background-position: 0 0
}

.k-button:active .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-state-hover > * > .k-i-arrow-n, .k-state-hover > .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n {
    background-position: 0 0
}

.k-i-arrow-e {
    background-position: 0 -16px
}

.k-button:active .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e {
    background-position: 0 -16px
}

.k-rtl .k-i-arrow-w {
    background-position: 0 -16px
}

.k-rtl .k-button:active .k-i-arrow-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-state-hover > * > .k-i-arrow-w, .k-rtl .k-state-hover > .k-i-arrow-w, .k-rtl .k-textbox:hover .k-i-arrow-w {
    background-position: -16px -16px;
    background-position: 0 -16px
}

.k-i-arrow-s {
    background-position: 0 -32px
}

.k-button:active .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s {
    background-position: 0 -32px
}

.k-i-arrow-w {
    background-position: 0 -48px
}

.k-button:active .k-i-arrow-w, .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w {
    background-position: 0 -48px
}

.k-rtl .k-i-arrow-e {
    background-position: 0 -48px
}

.k-rtl .k-button:active .k-i-arrow-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-state-hover > * > .k-i-arrow-e, .k-rtl .k-state-hover > .k-i-arrow-e, .k-rtl .k-textbox:hover .k-i-arrow-e {
    background-position: -16px -48px;
    background-position: 0 -48px
}

.k-i-seek-n {
    background-position: 0 -64px
}

.k-button:active .k-i-seek-n, .k-button:not(.k-state-disabled):hover .k-i-seek-n, .k-link:not(.k-state-disabled):hover > .k-i-seek-n, .k-state-hover > * > .k-i-seek-n, .k-state-hover > .k-i-seek-n, .k-textbox:hover .k-i-seek-n {
    background-position: 0 -64px
}

.k-i-seek-e {
    background-position: 0 -80px
}

.k-button:active .k-i-seek-e, .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-textbox:hover .k-i-seek-e {
    background-position: 0 -80px
}

.k-rtl .k-i-seek-w {
    background-position: 0 -80px
}

.k-rtl .k-button:active .k-i-seek-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-rtl .k-state-hover > * > .k-i-seek-w, .k-rtl .k-state-hover > .k-i-seek-w, .k-rtl .k-textbox:hover .k-i-seek-w {
    background-position: -16px -80px;
    background-position: 0 -80px
}

.k-i-seek-s {
    background-position: 0 -96px
}

.k-button:active .k-i-seek-s, .k-button:not(.k-state-disabled):hover .k-i-seek-s, .k-link:not(.k-state-disabled):hover > .k-i-seek-s, .k-state-hover > * > .k-i-seek-s, .k-state-hover > .k-i-seek-s, .k-textbox:hover .k-i-seek-s {
    background-position: 0 -96px
}

.k-i-seek-w {
    background-position: 0 -112px
}

.k-button:active .k-i-seek-w, .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-textbox:hover .k-i-seek-w {
    background-position: 0 -112px
}

.k-rtl .k-i-seek-e {
    background-position: 0 -112px
}

.k-rtl .k-button:active .k-i-seek-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-rtl .k-state-hover > * > .k-i-seek-e, .k-rtl .k-state-hover > .k-i-seek-e, .k-rtl .k-textbox:hover .k-i-seek-e {
    background-position: -16px -112px;
    background-position: 0 -112px
}

.k-si-arrow-n {
    background-position: 0 -129px
}

.k-button:active .k-si-arrow-n, .k-button:not(.k-state-disabled):hover .k-si-arrow-n, .k-link:not(.k-state-disabled):hover > .k-si-arrow-n, .k-state-hover > * > .k-si-arrow-n, .k-state-hover > .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n {
    background-position: -16px -129px
}

.k-si-arrow-e {
    background-position: 0 -144px
}

.k-button:active .k-si-arrow-e, .k-button:not(.k-state-disabled):hover .k-si-arrow-e, .k-link:not(.k-state-disabled):hover > .k-si-arrow-e, .k-state-hover > * > .k-si-arrow-e, .k-state-hover > .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e {
    background-position: 0 -144px
}

.k-si-arrow-s {
    background-position: 0 -159px
}

.k-button:active .k-si-arrow-s, .k-button:not(.k-state-disabled):hover .k-si-arrow-s, .k-link:not(.k-state-disabled):hover > .k-si-arrow-s, .k-state-hover > * > .k-si-arrow-s, .k-state-hover > .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s {
    background-position: -16px -159px
}

.k-si-arrow-w {
    background-position: 0 -176px
}

.k-button:active .k-si-arrow-w, .k-button:not(.k-state-disabled):hover .k-si-arrow-w, .k-link:not(.k-state-disabled):hover > .k-si-arrow-w, .k-state-hover > * > .k-si-arrow-w, .k-state-hover > .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w {
    background-position: 0 -176px
}

.k-i-arrowhead-n {
    background-position: -15px -256px
}

.k-button:active .k-i-arrowhead-n, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, .k-state-hover > * > .k-i-arrowhead-n, .k-state-hover > .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n {
    background-position: -15px -256px
}

.k-i-arrowhead-e {
    background-position: 0 -272px
}

.k-button:active .k-i-arrowhead-e, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, .k-state-hover > * > .k-i-arrowhead-e, .k-state-hover > .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e {
    background-position: 0 -272px
}

.k-i-arrowhead-s {
    background-position: -15px -288px
}

.k-button:active .k-i-arrowhead-s, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, .k-state-hover > * > .k-i-arrowhead-s, .k-state-hover > .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s {
    background-position: -15px -288px
}

.k-i-arrowhead-w {
    background-position: 0 -304px
}

.k-button:active .k-i-arrowhead-w, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, .k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, .k-state-hover > * > .k-i-arrowhead-w, .k-state-hover > .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w {
    background-position: 0 -304px
}

.k-i-expand, .k-plus, .k-plus-disabled {
    background-position: 0 -192px
}

.k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand, .k-button:not(.k-state-disabled):hover .k-plus, .k-button:not(.k-state-disabled):hover .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-plus, .k-link:not(.k-state-disabled):hover > .k-plus-disabled, .k-state-hover > * > .k-i-expand, .k-state-hover > * > .k-plus, .k-state-hover > * > .k-plus-disabled, .k-state-hover > .k-i-expand, .k-state-hover > .k-plus, .k-state-hover > .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled {
    background-position: 0 -192px
}

.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
    background-position: 0 -208px
}

.k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, .k-state-hover > * > .k-i-expand-w, .k-state-hover > * > .k-rtl .k-i-expand, .k-state-hover > * > .k-rtl .k-plus, .k-state-hover > * > .k-rtl .k-plus-disabled, .k-state-hover > .k-i-expand-w, .k-state-hover > .k-rtl .k-i-expand, .k-state-hover > .k-rtl .k-plus, .k-state-hover > .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled {
    background-position: 0 -208px
}

.k-i-collapse, .k-minus, .k-minus-disabled {
    background-position: 0 -224px
}

.k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-minus, .k-button:not(.k-state-disabled):hover .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-minus, .k-link:not(.k-state-disabled):hover > .k-minus-disabled, .k-state-hover > * > .k-i-collapse, .k-state-hover > * > .k-minus, .k-state-hover > * > .k-minus-disabled, .k-state-hover > .k-i-collapse, .k-state-hover > .k-minus, .k-state-hover > .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled {
    background-position: 0 -224px
}

.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
    background-position: 0 -240px
}

.k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, .k-link:not(.k-state-disabled):hover > .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, .k-state-hover > * > .k-i-collapse-w, .k-state-hover > * > .k-rtl .k-i-collapse, .k-state-hover > * > .k-rtl .k-minus, .k-state-hover > * > .k-rtl .k-minus-disabled, .k-state-hover > .k-i-collapse-w, .k-state-hover > .k-rtl .k-i-collapse, .k-state-hover > .k-rtl .k-minus, .k-state-hover > .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled {
    background-position: 0 -240px
}

.k-edit, .k-i-pencil {
    background-position: -32px 0
}

.k-button:active .k-edit, .k-button:active .k-i-pencil, .k-button:not(.k-state-disabled):hover .k-edit, .k-button:not(.k-state-disabled):hover .k-i-pencil, .k-link:not(.k-state-disabled):hover > .k-edit, .k-link:not(.k-state-disabled):hover > .k-i-pencil, .k-state-hover > * > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > .k-i-pencil, .k-textbox:hover .k-edit, .k-textbox:hover .k-i-pencil {
    background-position: -32px 0
}

.k-delete, .k-group-delete, .k-i-close {
    background-position: -32px -16px
}

.k-button:active .k-delete, .k-button:active .k-group-delete, .k-button:active .k-i-close, .k-button:not(.k-state-disabled):hover .k-delete, .k-button:not(.k-state-disabled):hover .k-group-delete, .k-button:not(.k-state-disabled):hover .k-i-close, .k-link:not(.k-state-disabled):hover > .k-delete, .k-link:not(.k-state-disabled):hover > .k-group-delete, .k-link:not(.k-state-disabled):hover > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-textbox:hover .k-i-close {
    background-position: -32px -16px
}

.k-si-close {
    background-position: -160px -80px
}

.k-button:active .k-si-close, .k-button:not(.k-state-disabled):hover .k-si-close, .k-link:not(.k-state-disabled):hover > .k-si-close, .k-state-hover > * > .k-si-close, .k-state-hover > .k-si-close, .k-textbox:hover .k-si-close {
    background-position: -160px -80px
}

.k-multiselect .k-delete {
    background-position: -160px -80px
}

.k-multiselect .k-state-hover .k-delete {
    background-position: -176px -80px
}

.k-i-tick, .k-insert, .k-update {
    background-position: -32px -32px
}

.k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update, .k-button:not(.k-state-disabled):hover .k-i-tick, .k-button:not(.k-state-disabled):hover .k-insert, .k-button:not(.k-state-disabled):hover .k-update, .k-link:not(.k-state-disabled):hover > .k-i-tick, .k-link:not(.k-state-disabled):hover > .k-insert, .k-link:not(.k-state-disabled):hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update {
    background-position: -32px -32px
}

.k-check:checked, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px
}

.k-button:active .k-check:checked, .k-button:active .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .k-mobile-list .k-edit-field [type=radio], .k-button:not(.k-state-disabled):hover .k-check:checked, .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], .k-link:not(.k-state-disabled):hover > .k-check:checked, .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > * > .k-check:checked, .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > .k-check:checked, .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .k-check:checked, .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px
}

.k-cancel, .k-denied, .k-i-cancel {
    background-position: -32px -48px
}

.k-button:active .k-cancel, .k-button:active .k-denied, .k-button:active .k-i-cancel, .k-button:not(.k-state-disabled):hover .k-cancel, .k-button:not(.k-state-disabled):hover .k-denied, .k-button:not(.k-state-disabled):hover .k-i-cancel, .k-link:not(.k-state-disabled):hover > .k-cancel, .k-link:not(.k-state-disabled):hover > .k-denied, .k-link:not(.k-state-disabled):hover > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-textbox:hover .k-i-cancel {
    background-position: -32px -48px
}

.k-add, .k-i-plus {
    background-position: -32px -64px
}

.k-button:active .k-add, .k-button:active .k-i-plus, .k-button:not(.k-state-disabled):hover .k-add, .k-button:not(.k-state-disabled):hover .k-i-plus, .k-link:not(.k-state-disabled):hover > .k-add, .k-link:not(.k-state-disabled):hover > .k-i-plus, .k-state-hover > * > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > .k-i-plus, .k-textbox:hover .k-add, .k-textbox:hover .k-i-plus {
    background-position: -32px -64px
}

.k-filter, .k-i-funnel {
    background-position: -32px -80px
}

.k-button:active .k-filter, .k-button:active .k-i-funnel, .k-button:not(.k-state-disabled):hover .k-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel, .k-link:not(.k-state-disabled):hover > .k-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel, .k-state-hover > * > .k-filter, .k-state-hover > * > .k-i-funnel, .k-state-hover > .k-filter, .k-state-hover > .k-i-funnel, .k-textbox:hover .k-filter, .k-textbox:hover .k-i-funnel {
    background-position: -32px -80px
}

.k-clear-filter, .k-i-funnel-clear {
    background-position: -32px -96px
}

.k-button:active .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:not(.k-state-disabled):hover .k-clear-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .k-clear-filter, .k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, .k-state-hover > * > .k-clear-filter, .k-state-hover > * > .k-i-funnel-clear, .k-state-hover > .k-clear-filter, .k-state-hover > .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear {
    background-position: -32px -96px
}

.k-i-lock {
    background-position: -64px 0
}

.k-button:active .k-i-lock, .k-button:not(.k-state-disabled):hover .k-i-lock, .k-link:not(.k-state-disabled):hover > .k-i-lock, .k-state-hover > * > .k-i-lock, .k-state-hover > .k-i-lock, .k-textbox:hover .k-i-lock {
    background-position: -64px 0
}

.k-i-unlock {
    background-position: -64px -16px
}

.k-button:active .k-i-unlock, .k-button:not(.k-state-disabled):hover .k-i-unlock, .k-link:not(.k-state-disabled):hover > .k-i-unlock, .k-state-hover > * > .k-i-unlock, .k-state-hover > .k-i-unlock, .k-textbox:hover .k-i-unlock {
    background-position: -64px -16px
}

.k-i-refresh {
    background-position: -32px -112px
}

.k-button:active .k-i-refresh, .k-button:not(.k-state-disabled):hover .k-i-refresh, .k-link:not(.k-state-disabled):hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-textbox:hover .k-i-refresh {
    background-position: -32px -112px
}

.k-i-exception {
    background-position: -160px -304px
}

.k-button:active .k-i-exception, .k-button:not(.k-state-disabled):hover .k-i-exception, .k-link:not(.k-state-disabled):hover > .k-i-exception, .k-state-hover > * > .k-i-exception, .k-state-hover > .k-i-exception, .k-textbox:hover .k-i-exception {
    background-position: -160px -304px
}

.k-i-restore {
    background-position: -32px -128px
}

.k-button:active .k-i-restore, .k-button:not(.k-state-disabled):hover .k-i-restore, .k-link:not(.k-state-disabled):hover > .k-i-restore, .k-state-hover > * > .k-i-restore, .k-state-hover > .k-i-restore, .k-textbox:hover .k-i-restore {
    background-position: -32px -128px
}

.k-i-maximize {
    background-position: -32px -144px
}

.k-button:active .k-i-maximize, .k-button:not(.k-state-disabled):hover .k-i-maximize, .k-link:not(.k-state-disabled):hover > .k-i-maximize, .k-state-hover > * > .k-i-maximize, .k-state-hover > .k-i-maximize, .k-textbox:hover .k-i-maximize {
    background-position: -32px -144px
}

.k-i-minimize {
    background-position: -64px -288px
}

.k-button:active .k-i-minimize, .k-button:not(.k-state-disabled):hover .k-i-minimize, .k-link:not(.k-state-disabled):hover > .k-i-minimize, .k-state-hover > * > .k-i-minimize, .k-state-hover > .k-i-minimize, .k-textbox:hover .k-i-minimize {
    background-position: -64px -288px
}

.k-i-pin {
    background-position: -160px -256px
}

.k-button:active .k-i-pin, .k-button:not(.k-state-disabled):hover .k-i-pin, .k-link:not(.k-state-disabled):hover > .k-i-pin, .k-state-hover > * > .k-i-pin, .k-state-hover > .k-i-pin, .k-textbox:hover .k-i-pin {
    background-position: -160px -256px
}

.k-i-unpin {
    background-position: -160px -272px
}

.k-button:active .k-i-unpin, .k-button:not(.k-state-disabled):hover .k-i-unpin, .k-link:not(.k-state-disabled):hover > .k-i-unpin, .k-state-hover > * > .k-i-unpin, .k-state-hover > .k-i-unpin, .k-textbox:hover .k-i-unpin {
    background-position: -160px -272px
}

.k-resize-se {
    background-position: -32px -160px
}

.k-button:active .k-resize-se, .k-button:not(.k-state-disabled):hover .k-resize-se, .k-link:not(.k-state-disabled):hover > .k-resize-se, .k-state-hover > * > .k-resize-se, .k-state-hover > .k-resize-se, .k-textbox:hover .k-resize-se {
    background-position: -32px -160px
}

.k-i-calendar {
    background-position: -32px -176px
}

.k-button:active .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-textbox:hover .k-i-calendar {
    background-position: -32px -176px
}

.k-i-clock {
    background-position: -32px -192px
}

.k-button:active .k-i-clock, .k-button:not(.k-state-disabled):hover .k-i-clock, .k-link:not(.k-state-disabled):hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-state-hover > .k-i-clock, .k-textbox:hover .k-i-clock {
    background-position: -32px -192px
}

.k-si-plus {
    background-position: -32px -208px
}

.k-button:active .k-si-plus, .k-button:not(.k-state-disabled):hover .k-si-plus, .k-link:not(.k-state-disabled):hover > .k-si-plus, .k-state-hover > * > .k-si-plus, .k-state-hover > .k-si-plus, .k-textbox:hover .k-si-plus {
    background-position: -32px -208px
}

.k-si-minus {
    background-position: -32px -224px
}

.k-button:active .k-si-minus, .k-button:not(.k-state-disabled):hover .k-si-minus, .k-link:not(.k-state-disabled):hover > .k-si-minus, .k-state-hover > * > .k-si-minus, .k-state-hover > .k-si-minus, .k-textbox:hover .k-si-minus {
    background-position: -32px -224px
}

.k-i-search {
    background-position: -32px -240px
}

.k-button:active .k-i-search, .k-button:not(.k-state-disabled):hover .k-i-search, .k-link:not(.k-state-disabled):hover > .k-i-search, .k-state-hover > * > .k-i-search, .k-state-hover > .k-i-search, .k-textbox:hover .k-i-search {
    background-position: -32px -240px
}

.k-i-custom {
    background-position: -115px -113px
}

.k-button:active .k-i-custom, .k-button:not(.k-state-disabled):hover .k-i-custom, .k-link:not(.k-state-disabled):hover > .k-i-custom, .k-state-hover > * > .k-i-custom, .k-state-hover > .k-i-custom, .k-textbox:hover .k-i-custom {
    background-position: -141px -113px
}

.k-editor .k-i-custom {
    background-position: -111px -109px
}

.k-viewHtml {
    background-position: -288px -120px
}

.k-i-insert-n, .k-insert-top {
    background-position: -160px -32px
}

.k-button:active .k-i-insert-n, .k-button:active .k-insert-top, .k-button:not(.k-state-disabled):hover .k-i-insert-n, .k-button:not(.k-state-disabled):hover .k-insert-top, .k-link:not(.k-state-disabled):hover > .k-i-insert-n, .k-link:not(.k-state-disabled):hover > .k-insert-top, .k-state-hover > * > .k-i-insert-n, .k-state-hover > * > .k-insert-top, .k-state-hover > .k-i-insert-n, .k-state-hover > .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top {
    background-position: -160px -32px
}

.k-i-insert-m, .k-insert-middle {
    background-position: -160px -48px
}

.k-button:active .k-i-insert-m, .k-button:active .k-insert-middle, .k-button:not(.k-state-disabled):hover .k-i-insert-m, .k-button:not(.k-state-disabled):hover .k-insert-middle, .k-link:not(.k-state-disabled):hover > .k-i-insert-m, .k-link:not(.k-state-disabled):hover > .k-insert-middle, .k-state-hover > * > .k-i-insert-m, .k-state-hover > * > .k-insert-middle, .k-state-hover > .k-i-insert-m, .k-state-hover > .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle {
    background-position: -160px -48px
}

.k-i-insert-s, .k-insert-bottom {
    background-position: -160px -64px
}

.k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom, .k-button:not(.k-state-disabled):hover .k-i-insert-s, .k-button:not(.k-state-disabled):hover .k-insert-bottom, .k-link:not(.k-state-disabled):hover > .k-i-insert-s, .k-link:not(.k-state-disabled):hover > .k-insert-bottom, .k-state-hover > * > .k-i-insert-s, .k-state-hover > * > .k-insert-bottom, .k-state-hover > .k-i-insert-s, .k-state-hover > .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom {
    background-position: -160px -64px
}

.k-drop-hint {
    background-position: 0 -326px
}

.k-i-note, .k-warning {
    background-position: -160px -240px
}

.k-button:active .k-i-note, .k-button:active .k-warning, .k-button:not(.k-state-disabled):hover .k-i-note, .k-button:not(.k-state-disabled):hover .k-warning, .k-link:not(.k-state-disabled):hover > .k-i-note, .k-link:not(.k-state-disabled):hover > .k-warning, .k-state-hover > * > .k-i-note, .k-state-hover > * > .k-warning, .k-state-hover > .k-i-note, .k-state-hover > .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning {
    background-position: -160px -240px
}

.k-i-sort-asc {
    background-position: -112px -240px
}

.k-button:active .k-i-sort-asc, .k-button:not(.k-state-disabled):hover .k-i-sort-asc, .k-link:not(.k-state-disabled):hover > .k-i-sort-asc, .k-state-hover > * > .k-i-sort-asc, .k-state-hover > .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc {
    background-position: -112px -240px
}

.k-i-sort-desc {
    background-position: -112px -256px
}

.k-button:active .k-i-sort-desc, .k-button:not(.k-state-disabled):hover .k-i-sort-desc, .k-link:not(.k-state-disabled):hover > .k-i-sort-desc, .k-state-hover > * > .k-i-sort-desc, .k-state-hover > .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc {
    background-position: -112px -256px
}

.k-i-group {
    background-position: -112px -272px
}

.k-button:active .k-i-group, .k-button:not(.k-state-disabled):hover .k-i-group, .k-link:not(.k-state-disabled):hover > .k-i-group, .k-state-hover > * > .k-i-group, .k-state-hover > .k-i-group, .k-textbox:hover .k-i-group {
    background-position: -112px -272px
}

.k-i-ungroup {
    background-position: -112px -288px
}

.k-button:active .k-i-ungroup, .k-button:not(.k-state-disabled):hover .k-i-ungroup, .k-link:not(.k-state-disabled):hover > .k-i-ungroup, .k-state-hover > * > .k-i-ungroup, .k-state-hover > .k-i-ungroup, .k-textbox:hover .k-i-ungroup {
    background-position: -112px -288px
}

.k-i-columns {
    background-position: -112px -304px
}

.k-button:active .k-i-columns, .k-button:not(.k-state-disabled):hover .k-i-columns, .k-link:not(.k-state-disabled):hover > .k-i-columns, .k-state-hover > * > .k-i-columns, .k-state-hover > .k-i-columns, .k-textbox:hover .k-i-columns {
    background-position: -112px -304px
}

.k-i-hbars {
    background-position: -64px -32px
}

.k-button:active .k-i-hbars, .k-button:not(.k-state-disabled):hover .k-i-hbars, .k-link:not(.k-state-disabled):hover > .k-i-hbars, .k-state-hover > * > .k-i-hbars, .k-state-hover > .k-i-hbars, .k-textbox:hover .k-i-hbars {
    background-position: -64px -32px
}

.k-i-vbars {
    background-position: -64px -48px
}

.k-button:active .k-i-vbars, .k-button:not(.k-state-disabled):hover .k-i-vbars, .k-link:not(.k-state-disabled):hover > .k-i-vbars, .k-state-hover > * > .k-i-vbars, .k-state-hover > .k-i-vbars, .k-textbox:hover .k-i-vbars {
    background-position: -64px -48px
}

.k-i-sum {
    background-position: -64px -64px
}

.k-button:active .k-i-sum, .k-button:not(.k-state-disabled):hover .k-i-sum, .k-link:not(.k-state-disabled):hover > .k-i-sum, .k-state-hover > * > .k-i-sum, .k-state-hover > .k-i-sum, .k-textbox:hover .k-i-sum {
    background-position: -64px -64px
}

.k-i-pdf {
    background-position: -64px -80px
}

.k-button:active .k-i-pdf, .k-button:not(.k-state-disabled):hover .k-i-pdf, .k-link:not(.k-state-disabled):hover > .k-i-pdf, .k-state-hover > * > .k-i-pdf, .k-state-hover > .k-i-pdf, .k-textbox:hover .k-i-pdf {
    background-position: -64px -80px
}

.k-i-excel {
    background-position: -64px -96px
}

.k-button:active .k-i-excel, .k-button:not(.k-state-disabled):hover .k-i-excel, .k-link:not(.k-state-disabled):hover > .k-i-excel, .k-state-hover > * > .k-i-excel, .k-state-hover > .k-i-excel, .k-textbox:hover .k-i-excel {
    background-position: -64px -96px
}

.k-i-rotatecw {
    background-position: -64px -112px
}

.k-button:active .k-i-rotatecw, .k-button:not(.k-state-disabled):hover .k-i-rotatecw, .k-link:not(.k-state-disabled):hover > .k-i-rotatecw, .k-state-hover > * > .k-i-rotatecw, .k-state-hover > .k-i-rotatecw, .k-textbox:hover .k-i-rotatecw {
    background-position: -64px -112px
}

.k-i-rotateccw {
    background-position: -64px -128px
}

.k-button:active .k-i-rotateccw, .k-button:not(.k-state-disabled):hover .k-i-rotateccw, .k-link:not(.k-state-disabled):hover > .k-i-rotateccw, .k-state-hover > * > .k-i-rotateccw, .k-state-hover > .k-i-rotateccw, .k-textbox:hover .k-i-rotateccw {
    background-position: -64px -128px
}

.k-i-undo {
    background-position: -64px -160px
}

.k-button:active .k-i-undo, .k-button:not(.k-state-disabled):hover .k-i-undo, .k-link:not(.k-state-disabled):hover > .k-i-undo, .k-state-hover > * > .k-i-undo, .k-state-hover > .k-i-undo, .k-textbox:hover .k-i-undo {
    background-position: -64px -160px
}

.k-i-redo {
    background-position: -64px -144px
}

.k-button:active .k-i-redo, .k-button:not(.k-state-disabled):hover .k-i-redo, .k-link:not(.k-state-disabled):hover > .k-i-redo, .k-state-hover > * > .k-i-redo, .k-state-hover > .k-i-redo, .k-textbox:hover .k-i-redo {
    background-position: -64px -144px
}

.k-i-shape {
    background-position: -64px -176px
}

.k-button:active .k-i-shape, .k-button:not(.k-state-disabled):hover .k-i-shape, .k-link:not(.k-state-disabled):hover > .k-i-shape, .k-state-hover > * > .k-i-shape, .k-state-hover > .k-i-shape, .k-textbox:hover .k-i-shape {
    background-position: -64px -176px
}

.k-i-connector {
    background-position: -64px -192px
}

.k-button:active .k-i-connector, .k-button:not(.k-state-disabled):hover .k-i-connector, .k-link:not(.k-state-disabled):hover > .k-i-connector, .k-state-hover > * > .k-i-connector, .k-state-hover > .k-i-connector, .k-textbox:hover .k-i-connector {
    background-position: -64px -192px
}

.k-i-kpi {
    background-position: -64px -208px
}

.k-button:active .k-i-kpi, .k-button:not(.k-state-disabled):hover .k-i-kpi, .k-link:not(.k-state-disabled):hover > .k-i-kpi, .k-state-hover > * > .k-i-kpi, .k-state-hover > .k-i-kpi, .k-textbox:hover .k-i-kpi {
    background-position: -64px -208px
}

.k-i-dimension {
    background-position: -64px -224px
}

.k-button:active .k-i-dimension, .k-button:not(.k-state-disabled):hover .k-i-dimension, .k-link:not(.k-state-disabled):hover > .k-i-dimension, .k-state-hover > * > .k-i-dimension, .k-state-hover > .k-i-dimension, .k-textbox:hover .k-i-dimension {
    background-position: -64px -224px
}

.k-file {
    background-position: 0 0
}

.k-button:active .k-file, .k-button:not(.k-state-disabled):hover .k-file, .k-link:not(.k-state-disabled):hover > .k-file, .k-state-hover > * > .k-file, .k-state-hover > .k-file, .k-textbox:hover .k-file {
    background-position: 0 0
}

.k-addfolder, .k-i-folder-add {
    background-position: -32px -272px
}

.k-button:active .k-addfolder, .k-button:active .k-i-folder-add, .k-button:not(.k-state-disabled):hover .k-addfolder, .k-button:not(.k-state-disabled):hover .k-i-folder-add, .k-link:not(.k-state-disabled):hover > .k-addfolder, .k-link:not(.k-state-disabled):hover > .k-i-folder-add, .k-state-hover > * > .k-addfolder, .k-state-hover > * > .k-i-folder-add, .k-state-hover > .k-addfolder, .k-state-hover > .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-textbox:hover .k-i-folder-add {
    background-position: -32px -272px
}

.k-goup, .k-i-folder-up {
    background-position: -32px -288px
}

.k-button:active .k-goup, .k-button:active .k-i-folder-up, .k-button:not(.k-state-disabled):hover .k-goup, .k-button:not(.k-state-disabled):hover .k-i-folder-up, .k-link:not(.k-state-disabled):hover > .k-goup, .k-link:not(.k-state-disabled):hover > .k-i-folder-up, .k-state-hover > * > .k-goup, .k-state-hover > * > .k-i-folder-up, .k-state-hover > .k-goup, .k-state-hover > .k-i-folder-up, .k-textbox:hover .k-goup, .k-textbox:hover .k-i-folder-up {
    background-position: -32px -288px
}

.k-i-more {
    background-position: -64px -32px
}

.k-button:active .k-i-more, .k-button:not(.k-state-disabled):hover .k-i-more, .k-link:not(.k-state-disabled):hover > .k-i-more, .k-state-hover > * > .k-i-more, .k-state-hover > .k-i-more, .k-textbox:hover .k-i-more {
    background-position: -64px -32px
}

.k-i-gantt-toggle {
    background-position: -64px -240px
}

.k-button:active .k-i-gantt-toggle, .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, .k-link:not(.k-state-disabled):hover > .k-i-gantt-toggle, .k-state-hover > * > .k-i-gantt-toggle, .k-state-hover > .k-i-gantt-toggle, .k-textbox:hover .k-i-gantt-toggle {
    background-position: -64px -240px
}

.k-file > .k-icon {
    background-position: -115px -91px
}

.k-image {
    border: 0
}

.k-breadcrumbs:hover .k-i-arrow-n {
    background-position: 0 0
}

.k-breadcrumbs:hover .k-i-arrow-e {
    background-position: 0 -16px
}

.k-gantt-views > .k-current-view > .k-link:after, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px
}

.k-button:active .k-gantt-views > .k-current-view > .k-link:after, .k-button:active .k-pager-numbers .k-current-page .k-link:after, .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-button:not(.k-state-disabled):hover .k-gantt-views > .k-current-view > .k-link:after, .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-link:not(.k-state-disabled):hover > .k-gantt-views > .k-current-view > .k-link:after, .k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > * > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > .k-gantt-views > .k-current-view > .k-link:after, .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-textbox:hover .k-gantt-views > .k-current-view > .k-link:after, .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px
}

html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0
}

html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff
}

html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0
}

.k-inline-block {
    padding: 0 2px
}

.k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-loading-image, .k-loading-mask, .k-loading-text {
    position: absolute
}

.k-loading-mask {
    z-index: 100
}

    .k-loading-mask .k-loading-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.k-loading-text {
    text-indent: -4000px;
    text-align: center
}

.k-loading-color, .k-loading-image {
    width: 100%;
    height: 100%
}

.k-loading-image {
    top: 0;
    left: 0;
    z-index: 2
}

.k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%
}

.k-pane > .k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute
}

.k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default
}

.k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle
}

.k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible
}

    .k-reorder-cue .k-icon {
        position: absolute;
        left: -4px;
        width: 8px;
        height: 4px
    }

    .k-reorder-cue .k-i-arrow-s {
        top: -4px;
        background-position: -4px -166px
    }

    .k-reorder-cue .k-i-arrow-n {
        bottom: -4px;
        background-position: -4px -134px
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    body .k-touch-scrollbar {
        height: 12px;
        width: 12px;
        border-radius: 7px
    }
}

.k-virtual-scrollable-wrap {
    overflow-x: auto
}

.k-current-time {
    background: red;
    position: absolute
}

.k-current-time-arrow-down {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid red;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.k-current-time-arrow-left {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid red
}

.k-current-time-arrow-right {
    width: 0;
    height: 0;
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid red;
    border-right: 4px solid transparent
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-autocomplete, .k-block, .k-button, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .k-tabstrip > .k-content > .km-scroll-container, .k-textbox, .km-actionsheet > li, .km-shim, div.k-window-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input-group .form-control {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-control.k-widget {
    padding: 0
}

a.k-button:hover {
    text-decoration: none
}

.km-widget, .km-widget * {
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.k-radio, input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    -webkit-appearance: none;
    overflow: hidden
}

.k-ff .k-radio, .k-ff input.k-checkbox {
    position: absolute
}

.k-checkbox-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer;
    vertical-align: top;
    margin-top: 2px;
}

    .k-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-width: 1px;
        border-style: solid;
        width: 1em;
        height: 1em;
        font-size: 1em;
        line-height: 1em;
        text-align: center
    }

.k-checkbox:indeterminate + .k-checkbox-label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-width: 1px;
    border-style: solid;
    width: 8px;
    height: 8px;
    font-size: 1em;
    text-align: center;
    content: " ";
    margin-left: -2px
}

.k-checkbox:checked + .k-checkbox-label:before {
    content: "\2713"
}

.k-checkbox:disabled + .k-checkbox-label {
    cursor: auto
}

.k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer
}

    .k-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-style: solid
    }

.k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px
}

.k-radio:disabled + .k-radio-label {
    cursor: auto
}

.k-ie8 .k-radio, .k-ie8 input.k-checkbox {
    display: inline-block;
    width: auto
}

.k-ie8 .k-checkbox-label, .k-ie8 .k-radio-label {
    padding-left: 0
}

    .k-ie8 .k-checkbox-label:before, .k-ie8 .k-radio-label:after, .k-ie8 .k-radio-label:before {
        display: none
    }

.k-rtl .k-checkbox-label, .k-rtl .k-radio-label {
    padding-right: 1.5em
}

    .k-rtl .k-checkbox-label:before, .k-rtl .k-radio-label:before {
        right: 0
    }

.k-rtl .k-radio:checked + .k-radio-label:after {
    right: 3px
}

input.k-checkbox + label {
    -webkit-user-select: none
}

.k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px
}

.km-native-scroller {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-x pan-y;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: proximity
}

.k-rpanel-left {
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0
}

.k-rpanel-right {
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0
}

.k-rpanel-left, .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0
}

    .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded {
        -webkit-transform: translateX(0) translateZ(0);
        -ms-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0)
    }

    .k-rpanel-left + *, .k-rpanel-right + * {
        overflow: auto
    }

.k-rpanel-top {
    position: static;
    max-height: 0
}

    .k-rpanel-top.k-rpanel-expanded {
        max-height: 568px;
        overflow: visible !important
    }

.k-edit-form {
    margin: 0;
    padding: 0
}

.k-window > div.k-popup-edit-form {
    padding: 1em 0
}

.k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0
}

.k-edit-form-container {
    position: relative;
    width: 400px
}

    .k-edit-form-container .editor-label, .k-edit-label {
        float: left;
        clear: both;
        width: 30%;
        padding: .4em 0 1em;
        margin-left: 2%;
        text-align: right
    }

    .k-edit-field, .k-edit-form-container .editor-field {
        float: right;
        clear: right;
        width: 60%;
        margin-right: 2%;
        padding: 0 0 .6em
    }

        .k-edit-field > input[type=checkbox], .k-edit-field > input[type=radio] {
            margin-top: .4em
        }

    .k-edit-form-container .k-button {
        margin: 0 .16em
    }

.k-edit-field > .k-button:first-child, .k-edit-field > input[type=checkbox]:first-child, .k-edit-field > input[type=radio]:first-child, .k-edit-field > label:first-child > input[type=checkbox] {
    margin-left: 0
}

.k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em
}

div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em
}

.k-block > .k-header, .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px
}

.k-block > .k-header {
    position: relative;
    margin: -2px 0 10px -2px;
    padding: .3em 2px
}

.k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis
}

    .k-window-title .k-image {
        margin: 0 5px 0 0;
        vertical-align: middle
    }

div.k-window-titleless {
    padding-top: 0
}

div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    overflow: auto;
    outline: 0
}

div.k-window-iframecontent {
    padding: 0;
    overflow: visible
}

.k-window-content > .km-scroll-container {
    height: 100%
}

.k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap
}

.k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    opacity: .7
}

.k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    opacity: 1
}

.k-window-action .k-icon {
    margin: 0;
    vertical-align: top
}

.k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1
}

.k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize
}

.k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize
}

.k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize
}

.k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize
}

.k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize
}

.k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize
}

.k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize
}

.k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize
}

.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

.k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}

.k-action-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em;
    margin: 0 -1em
}

    .k-action-buttons .k-button {
        display: inline-block;
        margin: 0 0 0 6px;
        min-width: 75px
    }

.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative
}

.k-tabstrip-items {
    padding: .3em .3em 0
}

.k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden
}

.k-tabstrip > .k-button {
    position: absolute;
    top: .4em;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-tabstrip-bottom > .k-button {
    top: auto;
    bottom: .4em
}

.k-tabstrip-prev {
    left: .4em
}

.k-tabstrip-next {
    right: .4em
}

.k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1
}

.k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em
}

.k-panelbar .k-tabstrip-items .k-icon, .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top
}

.k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite, .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle
}

.k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: 0 0;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width .2s linear;
    transition: width .2s linear;
    -webkit-transition: "width 200ms linear";
    transition: "width 200ms linear";
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite
}

.k-tabstrip-items .k-progress {
    -webkit-animation: none;
    animation: none
}

.k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    -webkit-animation: none;
    animation: none
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .3em .92em;
    zoom: 1
}

.k-tabstrip > .k-content {
    display: none;
    overflow: auto
}

    .k-tabstrip > .k-content.km-scroll-wrapper {
        padding: 0
    }

    .k-tabstrip > .k-content > .km-scroll-container {
        padding: .3em .92em
    }

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

.k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content {
    margin: .286em .3em
}

.k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px
}

.k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block
}

.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px;
    padding-bottom: 0
}

.k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em
}

    .k-tabstrip-left > .k-tabstrip-items .k-item {
        border-width: 1px 0 1px 1px;
        border-radius: 3px 0 0 3px
    }

    .k-tabstrip-left > .k-tabstrip-items .k-state-active {
        border-width: 1px 0 1px 1px
    }

    .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
        margin-right: -2px;
        padding-right: 1px
    }

.k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0
}

    .k-tabstrip-right > .k-tabstrip-items .k-item {
        border-width: 1px 1px 1px 0;
        border-radius: 0 3px 3px 0
    }

    .k-tabstrip-right > .k-tabstrip-items .k-state-active {
        border-width: 1px 1px 1px 0
    }

    .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top {
        margin-left: -1px;
        padding-left: 1px
    }

.k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em
}

.k-panelbar .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0
}

.k-tabstrip-bottom > .k-content {
    min-height: 100px
}

.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0
}

.k-panelbar {
    zoom: 1
}

    .k-panel > .k-item, .k-panelbar > .k-item {
        list-style-type: none;
        display: block;
        border-width: 0;
        margin: 0;
        zoom: 1;
        border-radius: 0
    }

    .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite {
        float: left;
        margin-top: 4px;
        margin-right: 5px;
        vertical-align: middle
    }

    .k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
        display: block;
        position: relative;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0 1em;
        line-height: 2.34em;
        text-decoration: none;
        zoom: 1
    }

.k-panelbar-collapse, .k-panelbar-expand {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px
}

.k-panelbar .k-content, .k-panelbar .k-panel {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1
}

.k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2
}

.k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em
}

.k-panelbar .k-i-seek-e .k-link {
    border-bottom: 0
}

.k-panel .k-panel {
    border-bottom: 0
}

.k-menu {
    cursor: default
}

    .k-menu, .k-menu .k-menu-group {
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1
    }

        .k-menu:after {
            content: '';
            display: block;
            width: 99%;
            height: 0;
            float: inherit;
            clear: both
        }

        .k-menu .k-item {
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            user-select: none
        }

            .k-menu .k-item div {
                -webkit-user-select: default;
                -moz-user-select: default;
                -ms-user-select: default;
                user-select: default
            }

            .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item {
                display: block;
                float: none;
                border-width: 0
            }

            .k-menu .k-image, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-sprite {
                margin: -2px 4px 0 -4px;
                vertical-align: middle
            }

            .k-menu .k-item > .k-link > .k-icon {
                margin: -2px 0 0
            }

            .k-menu .k-item > .k-link {
                display: block;
                padding: 1.071em;
                line-height: 1.34em;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

        .k-menu .k-menu-group {
            display: none;
            border-style: solid;
            border-width: 1px;
            overflow: visible;
            white-space: nowrap
        }

            .k-menu .k-menu-group > .k-item {
                display: block;
                border-width: 0
            }

        .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
            position: relative;
            float: left;
            border-style: solid;
            border-width: 0 1px 0 0;
            vertical-align: top;
            zoom: 1;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
            padding: .28em 1.8em .38em .9em
        }

.k-context-menu.k-menu-horizontal > .k-separator {
    display: none
}

.k-context-menu.k-menu-horizontal > .k-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.k-context-menu.k-menu-horizontal > .k-last {
    border: 0
}

.k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: -8px
}

.k-menu .k-item > .k-link > .k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    right: .2rem
}

.k-menu .k-animation-container {
    border: 0
}

.k-menu .k-animation-container, .k-menu .k-menu-group {
    position: absolute;
    left: 0
}

    .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group {
        top: 0;
        left: 0
    }

    .k-menu .k-animation-container .k-menu-group {
        top: auto;
        left: auto;
        margin-left: -1px
    }

.k-menu .k-animation-container, .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px
}

.k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container {
    margin-top: -2px
}

.k-popup .k-animation-container .k-popup {
    margin-left: -1px
}

ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0
}

.k-menu .k-menu-group .k-separator, ul.k-menu-vertical .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-grid, .k-listview {
    position: relative;
    zoom: 1
}

    .k-grid table {
        width: 100%;
        margin: 0;
        max-width: none;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        border-width: 0;
        outline: 0
    }

.k-header.k-drag-clue {
    overflow: hidden
}

.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.k-grid-header th.k-header {
    vertical-align: bottom
}

.k-filtercell, .k-filtercell .k-widget, .k-filtercell > span {
    display: block;
    width: auto
}

    .k-filtercell > span {
        padding-right: 4.8em;
        position: relative;
        min-height: 2em;
        line-height: 2em
    }

    .k-filtercell > .k-operator-hidden {
        padding-right: 2.3em
    }

    .k-filter-row .k-dropdown-operator, .k-filtercell > span > .k-button {
        position: absolute;
        top: 0;
        right: 0
    }

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em
}

.k-filtercell > span > label {
    vertical-align: middle
}

.k-filter-row label > input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px
}

.k-ie10 .k-grid-header a:active {
    background-color: transparent
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px
}

.k-grid-header th.k-header .k-icon {
    position: static
}

.k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top
}

.k-grid .k-state-hover {
    cursor: pointer
}

.k-grid-column-resizing, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-grid-toolbar, .k-grid-column-resizing .k-link {
    cursor: col-resize
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis
}

.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell {
    overflow: visible
}

.k-grid-edit-row td {
    text-overflow: clip
}

.k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0
}

.k-grid-footer-wrap, .k-grid-header-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1
}

div.k-grid-footer, div.k-grid-header {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1
}

.k-grid-header-locked > table, .k-grid-header-wrap > table {
    margin-bottom: -1px
}

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0
}

.k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden
}

.k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible
}

.k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px
}

.k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center
}

.k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto
}

.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute
}

@media print {
    .k-grid {
        height: auto !important
    }

    .k-grid-header {
        padding: 0 !important
    }

    .k-grid-content, .k-grid-header-wrap {
        overflow: visible;
        height: auto !important
    }
}

.k-grid .k-scrollbar {
    -ms-overflow-style: scrollbar
}

.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative
}

.k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    table-layout: fixed
}

.k-grid-lockedcolumns {
    white-space: nowrap
}

.k-grid-content, .k-grid-content-locked, .k-pager-wrap {
    white-space: normal
}

.k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0
}

    .k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap, .k-grid-header-locked + .k-grid-header-wrap {
        display: inline-block;
        vertical-align: top
    }

.k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0
}

.k-filter-row > th:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-grid-header th.k-header:first-child {
    border-left-width: 0
}

.k-grid-header th.k-header.k-first {
    border-left-width: 1px
}

.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 1px
}

.k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px
}

.k-group-footer td {
    border-style: solid;
    border-width: 1px 0
}

.k-group-footer .k-group-cell + td {
    border-left-width: 1px
}

.k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0
}

    .k-grid-footer td {
        border-top-width: 0
    }

    .k-grid-footer > td {
        border-top-width: 1px
    }

.k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2em;
    padding: .333em 0 .333em .25em
}

.k-grid-pager {
    border-width: 1px 0 0
}

.k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px
}

.k-pager-numbers {
    margin: 0 2px
}

    .k-pager-numbers .k-state-selected {
        vertical-align: top
    }

    .k-pager-numbers .k-current-page {
        display: none
    }

    .k-pager-input, .k-pager-numbers li {
        float: left
    }

.k-grid .k-pager-numbers {
    float: left;
    cursor: default
}

.k-widget.k-grid .k-pager-numbers {
    position: relative
}

.k-pager-info {
    float: right;
    padding: 0 1.333em
}

.k-pager-numbers .k-link {
    text-decoration: none
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected, .k-pager-wrap > .k-link {
    min-width: 2em
}

.k-pager-wrap > .k-link {
    float: left;
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center
}

.k-pager-wrap > a.k-state-disabled:hover {
    background: 0 0;
    cursor: default
}

.k-pager-numbers .k-link {
    text-align: center;
    line-height: 2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.0833em
}

.k-pager-wrap > .k-link {
    border-style: solid;
    border-width: 1px
}

.k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: .5em;
    border-width: 0;
    border-radius: 0
}

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em
}

.k-pager-wrap .k-textbox {
    width: 3.333em
}

.k-pager-wrap .k-dropdown {
    width: 4.5em
}

.k-pager-refresh {
    float: right
}

.k-pager-input, .k-pager-sizes {
    padding: 0 1.4166em
}

.k-pager-sizes {
    display: inline-block;
    padding-top: 1px
}

    .k-pager-sizes .k-widget.k-dropdown {
        margin-top: -2px
    }

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
    margin: 0 .4em 0
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1
}

.k-grid .k-animation-container {
    position: absolute
}

.k-filter-menu {
    padding: .5em
}

.k-list-filter {
    display: block
}

form.k-filter-menu .k-textbox, form.k-filter-menu .k-widget {
    display: block
}

form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px
}

.k-filter-help-text, .k-filter-menu .k-textbox, .k-filter-menu .k-widget {
    margin: .19em 0 0
}

.k-filter-menu span.k-filter-and {
    width: 6em;
    margin: .5em 0 .5em
}

.k-filter-menu .k-button {
    width: 48%;
    margin: .5em 4% 0 0
}

    .k-filter-menu .k-button + .k-button {
        margin-right: 0
    }

.k-filter-menu .k-filter-selected-items {
    font-weight: 700;
    margin: .5em
}

.k-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px
}

    .k-multicheck-wrap .k-item {
        line-height: 2.2em
    }

.k-grouping-row .k-icon {
    margin: -3px 4px 0 2px
}

.k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.6em;
    padding: 0 .6em
}

.k-grouping-row + tr td {
    border-top-width: 1px
}

.k-grouping-row .k-group-cell, .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: none
}

.k-grid .k-hierarchy-cell + td {
    border-left-width: 0
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 27px
}

.k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.k-grouping-header {
    line-height: 2
}

.k-grouping-dropclue {
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px
}

.k-grouping-header .k-group-indicator {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em
}

.k-grouping-header .k-link {
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none
}

.k-grouping-header .k-button {
    border: 0;
    padding: 0;
    background: 0 0;
    line-height: 1
}

.k-grouping-header .k-link .k-icon {
    margin: 0 0 0 -3px
}

.k-grouping-header .k-button .k-icon {
    margin: 0 0 0 3px
}

.k-grouping-header .k-button, .k-grouping-header a {
    display: inline-block;
    vertical-align: middle
}

.k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left
}

.k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    margin: -.45em 0 0 -.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top
}

.k-grid-toolbar, .k-grouping-header {
    margin: 0;
    padding: .429em .2em .429em 1em;
    cursor: default
}

.k-grid .k-edit-container {
    padding: 0
}

.k-grid .field-validation-error {
    display: block
}

.k-grid .input-validation-error {
    border-style: ridge;
    border-color: red;
    background-color: pink
}

.k-grid-toolbar .k-button {
    vertical-align: middle
}

.k-grid-actions {
    display: inline-block
}

.k-grid .k-button {
    margin: 0 .16em
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 64px
}

.k-grid tbody button.k-button {
    min-width: 78px
}

html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0
}

.k-detail-row {
    position: relative
}

.k-grid .k-detail-cell {
    overflow: visible
}

.k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap
}

    .k-grid .k-edit-cell .k-tooltip {
        white-space: normal
    }

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget, .k-grid-edit-row > td > .text-box {
    width: 100%
}

html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
    width: auto;
    max-width: 300px
}

.k-edit-cell input[type=checkbox] {
    margin-left: .6em
}

.k-grid tbody td > .k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em
}

.k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa
}

.k-grid-header .k-resize-handle, .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2
}

.k-marquee {
    position: absolute;
    z-index: 100000
}

.k-marquee-color, .k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.k-marquee-color {
    filter: alpha(opacity=60);
    opacity: .6
}

.k-ie9 .k-column-menu {
    width: 160px
}

.k-ie8 .k-grid-filter, .k-ie8 .k-header-column-menu {
    font-size: 100%
}

.k-column-menu {
    min-width: 160px
}

    .k-column-menu .k-sprite {
        margin-right: 10px
    }

    .k-column-menu > .k-menu {
        border-width: 0
    }

    .k-column-menu .k-calendar .k-link {
        white-space: normal
    }

.k-columns-item .k-group {
    max-height: 200px;
    overflow: auto
}

.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important
}

.k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible
}

    .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap {
        width: auto !important
    }

.k-pdf-export-shadow .k-grid-footer, .k-pdf-export-shadow .k-grid-header {
    padding: 0 !important
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

    .k-loading-pdf-mask .k-loading-color {
        filter: alpha(opacity=50);
        opacity: .5
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.k-pdf-export .k-loading-pdf-mask {
    display: none
}

.k-autofitting {
    width: auto !important;
    table-layout: auto !important
}

    .k-autofitting td, .k-autofitting th.k-header {
        white-space: nowrap !important
    }

    .k-autofitting .k-detail-row {
        display: none !important
    }

@media only screen and (max-width:1024px) {
    .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap, .k-webkit .k-pager-wrap {
        overflow: visible
    }

        .k-ff .k-pager-input, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-input, .k-ie11 .k-pager-wrap .k-pager-nav, .k-safari .k-pager-input, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-webkit .k-pager-wrap .k-pager-nav {
            display: inline-block;
            vertical-align: top
        }

    .k-ff .k-grid .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-webkit .k-pager-numbers {
        position: absolute;
        left: 4.8em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        overflow: visible;
        height: auto
    }

        .k-ff .k-grid .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-grid .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-grid .k-pager-numbers.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded {
            -ms-transform: translatey(-100%);
            transform: translatey(-100%);
            -webkit-transform: translatey(-100%)
        }

    .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .km-pane-wrapper .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-pager-numbers, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .km-pane-wrapper .k-pager-numbers, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, .k-webkit .km-pane-wrapper .k-pager-numbers {
        position: relative;
        left: 50%;
        -ms-transform: translate(-50%,-100%);
        transform: translate(-50%,-100%);
        -webkit-transform: translate(-50%,-100%)
    }

        .k-ff .km-pane-wrapper .k-pager-numbers .k-link, .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-safari .km-pane-wrapper .k-pager-numbers .k-link, .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
            padding-top: 0;
            padding-bottom: 0
        }

    .k-ff .k-rtl .k-grid .k-pager-numbers, .k-ff .k-rtl .k-pager-numbers, .k-ie11 .k-rtl .k-grid .k-pager-numbers, .k-ie11 .k-rtl .k-pager-numbers, .k-safari .k-rtl .k-grid .k-pager-numbers, .k-safari .k-rtl .k-pager-numbers, .k-webkit .k-rtl .k-grid .k-pager-numbers, .k-webkit .k-rtl .k-pager-numbers {
        left: auto;
        right: 4.8em;
        width: 4.5em
    }

    .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers {
        right: 5.8em
    }

    .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-webkit .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0
    }

    .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
        -ms-transform: translatey(100%);
        transform: translatey(100%);
        -webkit-transform: translatey(100%)
    }

    .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page), .k-webkit .k-pager-numbers li:not(.k-current-page) {
        display: none
    }

    .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link, .k-webkit .k-pager-numbers .k-current-page .k-link {
        width: 3.2em;
        padding: 0 .429em 0 .714em;
        border-radius: 1.0833em
    }

    .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link {
        margin-left: 4.8em
    }

    .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link, .k-webkit .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.1em;
        margin-left: 0
    }

    .k-ff .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-webkit .k-pager-numbers .k-state-selected {
        display: block;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        text-align: left
    }

    .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-pager-numbers.k-state-expanded {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2px 2px 0
    }

        .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2em -3px 0;
            padding: 0
        }

            .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 1.0833em 1.0833em
            }

        .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li, .k-webkit .k-pager-numbers.k-state-expanded li {
            display: inline-block
        }
}

@media only screen and (max-width:640px) {
    .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info, .k-webkit .k-pager-info {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes, .k-webkit .k-pager-sizes {
        display: none
    }
}

.k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em
}

    .k-treelist .k-status .k-loading {
        vertical-align: baseline;
        margin-right: 5px
    }

.k-treelist tr.k-hidden {
    display: none
}

.k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default
}

.k-treelist .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat
}

.k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em
}

.k-gantt {
    white-space: nowrap;
    position: relative
}

.k-gantt-layout {
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.k-gantt .k-splitbar {
    position: relative;
    cursor: e-resize;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.k-gantt .k-gantt-layout th {
    vertical-align: bottom
}

.k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top
}

.k-gantt .k-grid .k-edit-cell {
    vertical-align: middle
}

.k-gantt-timeline > .k-timeline, .k-gantt-treelist > .k-treelist {
    border-width: 0;
    height: 100%
}

.k-gantt-toolbar {
    border-style: solid;
    border-width: 0 0 1px;
    line-height: 2.4em;
    padding: .5em
}

.k-gantt-layout + .k-gantt-toolbar {
    border-width: 1px 0 0
}

.k-gantt-actions, .k-gantt-toolbar > ul {
    float: left;
    margin-right: .6em
}

    .k-gantt-actions > .k-button {
        margin-right: .5em;
        vertical-align: top
    }

.k-gantt-toolbar > .k-gantt-views {
    float: right;
    margin-right: 0
}

    .k-gantt-toolbar > .k-gantt-views > li.k-current-view {
        display: none
    }

.k-gantt-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0
}

    .k-gantt-toolbar > ul > li:first-child + li {
        border-left-width: 1px
    }

.k-gantt-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em
}

.k-gantt-toolbar li:first-child + li, .k-gantt-toolbar li:first-child + li > .k-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-gantt-toolbar li.k-button {
    line-height: inherit;
    padding-top: 0;
    padding-bottom: 0
}

.k-gantt-treelist .k-grid-header tr {
    height: 5em
}

.k-gantt .k-treelist .k-grid-header {
    padding: 0 !important
}

.k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll
}

.k-treelist-group > tr > span {
    font-weight: 700
}

.k-treelist-group .k-widget {
    font-weight: 400
}

.k-gantt-timeline .k-grid-header tr {
    height: 2.5em
}

.k-gantt-tasks {
    position: relative
}

    .k-gantt .k-grid-content tr, .k-gantt-rows tr, .k-gantt-tasks tr {
        height: 2.3em
    }

.k-gantt .k-gantt-tasks td:after {
    content: "\a0"
}

.k-gantt-timeline {
    background: 0 0
}

.k-gantt-columns, .k-gantt-dependencies, .k-gantt-rows {
    position: absolute;
    top: 0;
    left: 0
}

.k-gantt-tables {
    position: relative
}

.k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll
}

.k-gantt .k-gantt-timeline th {
    text-align: center
}

.k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px
}

.k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px
}

.k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2
}

.k-task-summary-progress {
    height: 15px;
    overflow: hidden
}

.k-task-summary-complete:after, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent
}

.k-task-summary-complete:before, .k-task-summary:before {
    left: 0;
    border-left-color: inherit
}

.k-task-summary-complete:after, .k-task-summary:after {
    right: 0;
    border-right-color: inherit
}

.k-line-h, .k-line-v {
    position: absolute
}

.k-line-h {
    height: 2px
}

.k-line-v {
    width: 2px
}

.k-arrow-e, .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px
}

.k-arrow-e {
    right: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.k-arrow-w {
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.k-ie8 .k-task-milestone {
    margin-left: 1px
}

.k-gantt .k-gantt-tasks .k-button-icon, .k-gantt .k-gantt-treelist .k-button {
    padding-top: 0;
    padding-bottom: 0
}

.k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px
}

.k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px
}

.k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px
}

.k-gantt .k-gantt-tasks .k-button .k-icon, .k-gantt .k-gantt-treelist .k-button .k-icon {
    vertical-align: text-top
}

.k-rel .k-button-icon {
    position: absolute;
    left: 200px
}

.k-rel {
    position: relative;
    height: 0;
    top: -.3em
}

.k-task-wrap {
    position: absolute;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2
}

    .k-line.k-state-selected, .k-task-wrap:hover {
        z-index: 3
    }

.k-milestone-wrap {
    margin: 0 -13px 0 -27px
}

.k-task-content {
    position: relative;
    z-index: 2
}

.k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1
}

.k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer
}

    .k-task-dot.k-state-hover {
        background-color: transparent
    }

.k-task-single + .k-task-dot, .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em
}

.k-task-wrap-active .k-task-dot, .k-task-wrap:hover .k-task-dot {
    display: block
}

.k-task-dot:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 16px
}

.k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px
}

.k-task-dot.k-state-hover:after, .k-task-dot:hover:after, .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px
}

.k-task-start {
    left: 0
}

.k-task-end {
    right: 0
}

.k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap
}

.k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal
}

.k-task-actions, .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap
}

.k-task-actions {
    z-index: 1
}

    .k-task-actions:first-child {
        position: static;
        float: left;
        margin: 4px 2px 0 4px
    }

.k-webkit .k-task-actions:first-child {
    margin-top: 3px
}

.k-task-actions:first-child > .k-link {
    display: inline-block
}

.k-task-delete {
    display: none
}

.k-task-wrap-active .k-task-delete, .k-task-wrap:hover .k-task-delete {
    display: inline-block
}

.k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto
}

.k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle {
    visibility: visible
}

.k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5
}

.k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

    .k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after {
        left: 1px;
        top: 50%;
        margin-top: -.7em;
        height: 1.4em;
        width: 1px
    }

.k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 16px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize
}

.k-task-wrap-active .k-task-draghandle, .k-task-wrap:hover .k-task-draghandle {
    display: block
}

.k-dependency-hint {
    z-index: 4
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot, .k-gantt-rowheight .k-task-summary {
    top: 50%
}

.k-gantt-rowheight .k-task-milestone, .k-gantt-rowheight .k-task-summary {
    margin-top: -6px
}

.k-gantt-rowheight .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot, .k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
    margin-top: -11px
}

.k-gantt-rowheight .k-task-single {
    height: -webkit-calc(98%);
    height: calc(98%)
}

.k-ie .k-gantt-rowheight .k-task-single {
    height: 99%
}

.k-gantt-rowheight .k-task-content {
    height: 100%
}

    .k-gantt-rowheight .k-task-content > .k-resize-e:after, .k-gantt-rowheight .k-task-content > .k-resize-w:after {
        top: 0;
        margin-top: 0;
        height: 100%
    }

.k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap
}

    .k-task-details > strong {
        font-size: 120%;
        display: block
    }

.k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%
}

.k-task-details > ul {
    line-height: 1.2
}

.k-resources-wrap {
    position: absolute;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .k-resources-wrap .k-resource {
        margin: 0 5px
    }

.k-gantt-edit-form > .k-edit-form-container {
    width: 430px
}

.k-gantt-edit-form > .k-resources-form-container {
    width: 506px
}

.k-resources-form-container > .k-grid {
    margin: 0 .9em
}

.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox, .k-gantt-edit-form > .k-edit-form-container .k-textbox {
    width: 15em
}

.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left
}

.k-pdf-export-shadow .k-gantt {
    float: left
}

    .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt .k-grid-content, .k-pdf-export-shadow .k-gantt-timeline {
        width: auto !important;
        height: auto !important;
        overflow: visible !important
    }

.k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important
}

.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important
}

.k-pdf-export-shadow .k-gantt .k-splitbar, .k-pdf-export-shadow .k-pdf-export {
    display: none
}

button.k-gantt-toggle {
    display: none;
    float: left;
    margin-right: .5em
}

.k-rtl button.k-gantt-toggle {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

@media only screen and (max-width:1024px) {
    .k-gantt-toolbar > ul.k-gantt-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views {
        right: auto;
        left: 6px
    }

    .k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
        display: none
    }

    .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
        display: block;
        border-width: 1px
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
        text-align: left;
        padding-left: 1em
    }

    .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
        padding-left: 0
    }

    .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .333em;
        width: 16px;
        height: 16px
    }

    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li, .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0
    }

    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
        text-align: left
    }
}

@media only screen and (max-width:480px) {
    button.k-gantt-toggle {
        display: inline-block
    }

    .k-gantt-create span + span, .k-gantt-pdf span + span {
        display: none
    }

    .k-gantt-create .k-icon, .k-gantt-pdf .k-icon {
        margin: 0
    }

    .k-gantt .k-splitbar {
        display: none;
        width: 0;
        border-width: 0
    }

    .k-gantt .k-gantt-treelist {
        display: none;
        max-width: 0
    }

    .k-gantt .k-treelist .k-grid-content {
        overflow-y: scroll
    }

    .k-gantt .k-gantt-timeline {
        width: 100%
    }
}

.k-pivot {
    position: relative
}

.k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.k-pivot .k-pivot-toolbar {
    padding: .6em
}

.k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em
}

.k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px
}

.k-pivot .k-grid td {
    white-space: nowrap
}

.k-pivot-layout {
    border-spacing: 0;
    table-layout: auto
}

    .k-pivot-layout > tbody > tr > td {
        vertical-align: top;
        padding: 0
    }

.k-pivot td {
    vertical-align: top
}

.k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid {
    border-width: 0
}

    .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first {
        border-left-width: 1px
    }

    .k-pivot-rowheaders > .k-grid td.k-first {
        border-left-width: 0
    }

.k-pivot-rowheaders > .k-grid {
    overflow: hidden
}

.k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid
}

    .k-pivot-table .k-grid-header-wrap > table {
        height: 100%
    }

.k-pivot .k-grid-header .k-header {
    vertical-align: top
}

.k-header.k-alt, td.k-alt {
    font-weight: 700
}

.k-header.k-alt {
    background-image: none
}

.k-pivot-layout .k-grid td {
    border-bottom-width: 1px
}

.k-pivot-layout .k-grid-footer > td {
    border-top-width: 0
}

.k-pivot-filter-window .k-treeview {
    max-height: 600px
}

.k-fieldselector .k-edit-buttons {
    bottom: auto
}

.k-fieldselector .k-edit-label {
    width: 16%
}

.k-fieldselector .k-edit-field {
    width: 77%
}

    .k-fieldselector .k-edit-field > .k-textbox, .k-fieldselector .k-edit-field > .k-widget {
        width: 99%
    }

.k-fieldselector .k-edit-buttons > input, .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em
}

.k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase
}

    .k-fieldselector p .k-icon {
        margin: 0 5px 0 0
    }

.k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0
}

    .k-fieldselector .k-columns > div {
        overflow: auto;
        padding: .6em;
        border-style: solid;
        border-width: 0 0 0 1px;
        float: left;
        width: 45%
    }

        .k-fieldselector .k-columns > div:first-child {
            border-width: 0;
            margin-right: -1px
        }

        .k-fieldselector .k-columns > div + div {
            float: right;
            border-width: 0
        }

.k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible
}

.k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px
}

.k-fieldselector .k-list {
    padding-bottom: 2em
}

    .k-fieldselector .k-list li.k-item {
        padding: .3em 3.3em .3em .3em;
        margin: 0 .2em.2em;
        position: relative;
        font-size: .9em;
        line-height: 1.2em;
        min-height: 1em
    }

.k-i-kpi-decrease {
    background-position: 0 0
}

.k-i-kpi-denied {
    background-position: -16px 0
}

.k-i-kpi-equal {
    background-position: -32px 0
}

.k-i-kpi-hold {
    background-position: -48px 0
}

.k-i-kpi-increase {
    background-position: -64px 0
}

.k-i-kpi-open {
    background-position: -80px 0
}

.k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important
}

.k-pdf-export-shadow .k-pivot .k-grid-content, .k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid {
    height: 100% !important
}

.k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important
}

.k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important
}

    .k-pdf-export-shadow .k-pivot .k-grid-content > table, .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table {
        width: 100% !important;
        height: auto !important
    }

.k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden
}

    .k-calendar .k-link, .k-calendar td {
        text-decoration: none
    }

    .k-calendar .k-action-link {
        text-decoration: underline
    }

    .k-calendar .k-footer, .k-calendar .k-header {
        position: relative;
        text-align: center;
        zoom: 1
    }

.k-widget.k-calendar .k-nav-next, .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em
}

.k-widget.k-calendar .k-nav-prev {
    left: 1%
}

.k-widget.k-calendar .k-nav-next {
    right: 1%
}

.k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0
}

    .k-calendar .k-content, .k-calendar .k-content th {
        text-align: right
    }

.k-calendar .k-animation-container .k-content {
    height: 100%
}

.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -.08333em .3333em 0
}

.k-calendar .k-header .k-icon {
    vertical-align: middle
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
    height: 1.8333em;
    width: 1.8333em
}

.k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: 400;
    cursor: default
}

.k-calendar td {
    padding: .08333em;
    cursor: pointer
}

.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0
}

.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em
}

.k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center
}

.k-calendar .k-footer {
    clear: both
}

    .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
        display: block;
        height: 100%;
        padding: .5em 0
    }

.k-calendar .k-nav-today:hover {
    text-decoration: underline
}

div.k-treeview {
    border-width: 0;
    background: 0 0;
    overflow: auto;
    white-space: nowrap
}

.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px
}

    .k-treeview .k-content, .k-treeview .k-item > .k-group, .k-treeview > .k-group {
        margin: 0;
        padding: 0;
        background: 0 0;
        list-style-type: none;
        position: relative
    }

.k-treeview .k-checkbox, .k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-in, .k-treeview .k-sprite {
    display: inline-block;
    vertical-align: top
}

.k-treeview .k-checkbox {
    margin-top: .2em
}

.k-treeview .k-icon, .k-treeview .k-in {
    vertical-align: middle
}

.k-treeview .k-request-retry {
    vertical-align: baseline
}

.k-treeview .k-minus, .k-treeview .k-minus-disabled, .k-treeview .k-plus, .k-treeview .k-plus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer
}

.k-treeview .k-minus-disabled, .k-treeview .k-plus-disabled {
    cursor: default
}

.k-treeview .k-image, .k-treeview .k-sprite {
    margin-right: 3px
}

.k-treeview .k-in {
    margin: 1px 0 1px .3333em;
    padding: .429em .6667em .429em .5833em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px
}

.k-treeview span.k-in {
    cursor: default
}

.k-treeview .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat
}

.k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
    background-image: none
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle
}

.k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdown, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 13.2em
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-numerictextbox, .k-selectbox, .k-timepicker, .k-toolbar .k-split-button {
    white-space: nowrap
}

.k-colorpicker, .k-toolbar .k-split-button {
    width: auto
}

.k-datetimepicker {
    width: 15em
}

.k-autocomplete, .k-numeric-wrap, .k-picker-wrap {
    position: relative;
    cursor: default
}

.k-dropdown-wrap {
    position: relative
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    display: block
}

.k-block, .k-content, .k-grid, .k-header-column-menu, .k-panelbar, .k-slider, .k-splitter, .k-treeview, .k-widget {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.k-block, .k-calendar, .k-grid-header .k-link, .k-header-column-menu, .k-pager-wrap, .k-slider, .k-splitbar, .k-treeview {
    -webkit-touch-callout: none
}

.k-list-scroller {
    position: relative;
    overflow: auto
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 2px;
    border-width: 1px;
    border-style: solid
}

.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px
}

.k-list-container .km-scroll-container {
    padding-bottom: 6px
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0
}

    .k-numeric-wrap.k-expand-padding {
        padding-right: 0
    }

.k-autocomplete, .k-textbox {
    padding: 0
}

    .k-textbox.k-space-left {
        padding-left: 1.9em
    }

    .k-textbox.k-space-right {
        padding-right: 1.9em
    }

    .k-textbox .k-icon {
        top: 50%;
        margin: -8px 0 0;
        position: absolute
    }

.k-space-left .k-icon {
    left: 3px
}

.k-space-right .k-icon {
    right: 3px
}

span.k-textbox:after {
    content: "\a0";
    display: block;
    height: .4px;
    overflow: hidden
}

.k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover {
    -webkit-transition: -webkit-box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out"
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-textbox > input {
    width: 100%;
    vertical-align: top
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0
}

.k-dropdown .k-input, .k-selectbox .k-input {
    background: 0 0
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.k-combobox .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: 0
}

.k-autocomplete .k-input, .k-textbox > input {
    display: block
}

.k-dropdown .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit
}

.k-dropdown .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    height: 2.214em;
    line-height: 2.214em;
    padding: .177em 0;
    text-indent: .8em;
    border: 0;
    margin: 0
}

.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 2.214em;
    padding-bottom: .3em
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before {
    padding-bottom: .38em
}

.km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-numeric-wrap:before, .km.root .k-picker-wrap:before {
    content: none
}

.k-combobox .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input {
    display: inline
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 2.214em;
    line-height: 2.564em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%
}

.k-numeric-wrap .k-select {
    padding: 0
}

body .k-datetimepicker .k-select {
    border-radius: 0
}

.k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
    cursor: pointer
}

.k-popup {
    border-style: solid;
    border-width: 1px
}

    .k-list-optionlabel, .k-popup .k-item {
        cursor: default
    }

    .k-popup .k-calendar {
        border: 0
    }

.k-list {
    height: auto
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em
}

.k-popup .k-list .k-item {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0 4px
}

    .k-popup .k-list .k-item > .k-group {
        top: -1px
    }

.k-group-header + div > .k-list > .k-item.k-first:before {
    content: " ";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px
}

.k-overflow-container .k-item {
    padding: 1px
}

.k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover, .k-overflow-container > .k-state-disabled .k-button {
    border: 0;
    background: 0 0
}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-selected, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid
}

.k-list-filter {
    position: relative;
    margin-bottom: 2px
}

    .k-list-filter > .k-textbox {
        padding-right: 20px;
        width: 100%
    }

    .k-list-filter > .k-icon {
        position: absolute;
        right: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.km-root .k-list-filter > .k-textbox {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0
}

.k-multiselect-wrap {
    position: relative;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    border-color: #C5C5C5;
    background-color: #FFF;
    min-height: 2.04em
}

    .k-multiselect-wrap .k-input {
        background-color: transparent;
        height: 1.31em;
        line-height: 1.31em;
        padding: .18em 0;
        text-indent: .8em;
        border: 0;
        margin: 1px 0 0;
        float: left
    }

        .k-multiselect-wrap .k-input::-ms-clear {
            display: none
        }

    .k-multiselect-wrap li {
        margin: 1px 0 1px 1px;
        padding: .1em 1.6em .1em .4em;
        line-height: 2.064em;
        float: left;
        position: relative
    }

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px
}

.k-multiselect .k-loading-hidden {
    visibility: hidden
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .1em .2em
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 3.8em
}

.k-datetimepicker .k-select {
    width: 3.8em
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px
}

.k-picker-wrap .k-icon {
    cursor: pointer
}

.k-button, .k-datepicker, .k-datetimepicker, .k-textbox, .k-timepicker {
    display: inline-block;
    vertical-align: middle
}

.k-picker-wrap .k-input {
    margin: 0
}

.k-time-popup .k-item {
    padding: 1px 3px
}

.k-input {
    padding: .25em 0
}

.k-input, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.k-textbox {
    outline: 0
}

input.k-textbox, textarea.k-textbox {
    padding: 2px .3em
}

input.k-textbox {
    height: 2.694em;
    text-indent: .8em;
    line-height: 1.6em
}

.k-ie input.k-textbox {
    text-indent: .4em
}

.k-ff input.k-textbox {
    height: 2.17em
}

textarea.k-textbox {
    height: auto
}

span.k-numerictextbox {
    background-color: transparent
}

.k-numerictextbox .k-input {
    margin: 0
}

.k-numerictextbox .k-link {
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0
}

.k-numerictextbox .k-icon {
    height: 11px
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.k-colorpicker .k-picker-wrap {
    line-height: 2em
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em
}

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none
}

    .k-colorpicker .k-tool-icon .k-selected-color {
        display: block;
        height: 3px;
        width: 16px;
        position: absolute;
        left: 3px;
        bottom: -3px;
        border-radius: 0 !important
    }

.k-colorpicker .k-select {
    cursor: pointer
}

.k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block
}

    .k-colorpalette .k-palette {
        border-collapse: collapse;
        position: relative;
        width: 100%;
        height: 100%
    }

    .k-colorpalette .k-item {
        width: 14px;
        height: 14px;
        overflow: hidden;
        -ms-high-contrast-adjust: none
    }

        .k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover {
            z-index: 100;
            background: 0 0;
            -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);
            box-shadow: 0 1px 3px 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.45);
            position: relative
        }

        .k-colorpalette .k-item:hover {
            z-index: 101;
            position: relative;
            -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.3);
            box-shadow: 0 1px 3px 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.3)
        }

.k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-bottom: 5px
}

div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none
}

.k-flatcolorpicker .k-selected-color {
    background-image: url(../../Scripts/kendo/textures/transtexture.png);
    background-position: 50% 50%;
    text-align: right
}

    .k-flatcolorpicker .k-selected-color input.k-color-value {
        font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
        padding: .75em .3em .65em 1em;
        border: 0;
        margin: 0;
        width: 70%
    }

.k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom
}

    .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
        cursor: pointer;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border: 1px solid #eee;
        margin-left: -5px;
        margin-top: -5px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 2px #444;
        box-shadow: 0 1px 2px #444;
        background: 0 0
    }

        .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {
            background: 0 0;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000
        }

    .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
        cursor: none
    }

.k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%
}

    .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
        -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
        box-shadow: 0 1px 0 #fff,0 -1px 0 #999
    }

.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
    display: block
}

    .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
        background: 0 0
    }

    .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
        background: 0 0;
        border: 3px solid #eee;
        margin-top: 1px;
        height: 8px;
        width: 8px;
        -webkit-box-shadow: 0 1px 4px #444;
        box-shadow: 0 1px 4px #444
    }

        .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
            background: 0 0;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000;
            border-width: 2px;
            padding: 1px
        }

    .k-flatcolorpicker .k-hue-slider .k-slider-track {
        background: -webkit-gradient(linear,left top,right top,from(red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));
        background: -webkit-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)
    }

    .k-flatcolorpicker .k-transparency-slider .k-slider-track {
        background-image: url(../../Scripts/kendo/textures/transparency.png);
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: 100% 50%;
        background-repeat: no-repeat
    }

.k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%
}

    .k-flatcolorpicker .k-controls .k-button {
        width: 6em
    }

.k-flatcolorpicker .k-hsv-gradient {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000)),-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    height: 180px;
    margin-bottom: 5px
}

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(../../Scripts/kendo/textures/hue.png) repeat 0 50%
}

.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(../../Scripts/kendo/textures/transparency.png) repeat 0 50%
}

.k-ie8 .k-flatcolorpicker .k-hsv-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0)
}

table.k-editor {
    width: 100%;
    height: 250px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 4px;
    font-size: 100%;
    vertical-align: top;
    position: relative
}

.k-editor-inline {
    border-width: 2px;
    padding: .3em .5em;
    word-wrap: break-word;
    overflow: auto
}

.k-editortoolbar-dragHandle {
    cursor: move;
    padding-left: 0;
    padding-right: 3px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.k-editor-widget > .k-window-content {
    overflow: hidden
}

.k-editor .k-editor-toolbar-wrap {
    border: 0;
    padding: 0
}

.k-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
    word-wrap: break-word
}

    .k-editor-toolbar li {
        display: inline-block;
        vertical-align: middle
    }

.k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar, .k-webkit .k-editor-toolbar {
    padding: 0
}

    .k-ff .k-editor-toolbar li, .k-ie10 .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li, .k-safari .k-editor-toolbar li, .k-webkit .k-editor-toolbar li {
        display: inline-block;
        padding: .1em 0
    }

.k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
    margin-right: 6px
}

.k-group-start.k-group-end .k-editor-widget {
    margin-right: 0
}

.k-editor-toolbar .k-editor-dropdown {
    position: relative
}

.k-select-overlay {
    -webkit-appearance: none;
    opacity: 0;
    z-index: 11000;
    top: 0;
    left: 0;
    position: absolute;
    height: 26px;
    width: 100%;
    margin: -4px 0 0
}

.k-editor-toolbar .k-separator {
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .3em 0 .1em;
    padding: 0 0 0 1px;
    font-size: 1.3em
}

.k-editor-toolbar .k-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0
}

.k-editor-toolbar .k-colorpicker, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-selectbox {
    vertical-align: middle
}

.k-button-group {
    white-space: nowrap
}

    .k-button-group .k-tool {
        display: inline-block;
        vertical-align: middle;
        margin: 1px 0;
        width: 36px;
        height: 36px;
        line-height: 36px
    }

    .k-button-group .k-tool-icon {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        -ms-high-contrast-adjust: none
    }

.k-i-move {
    background-position: -160px -288px
}

.k-bold {
    background-position: -240px 0
}

.k-state-hover .k-bold, .k-state-selected .k-bold {
    background-position: -264px 0;
    background-position: -240px 0
}

.k-state-hover .k-bold, .k-state-selected .k-bold {
    background-position: -240px 0
}

.k-italic {
    background-position: -240px -24px
}

.k-state-hover .k-italic, .k-state-selected .k-italic {
    background-position: -264px -24px;
    background-position: -240px -24px
}

.k-state-hover .k-italic, .k-state-selected .k-italic {
    background-position: -240px -24px
}

.k-underline {
    background-position: -240px -48px
}

.k-state-hover .k-underline, .k-state-selected .k-underline {
    background-position: -264px -48px;
    background-position: -240px -48px
}

.k-state-hover .k-underline, .k-state-selected .k-underline {
    background-position: -240px -48px
}

.k-strikethrough {
    background-position: -240px -72px
}

.k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough {
    background-position: -264px -72px;
    background-position: -240px -72px
}

.k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough {
    background-position: -240px -72px
}

.k-foreColor {
    background-position: -240px -96px
}

.k-state-hover .k-foreColor, .k-state-selected .k-foreColor {
    background-position: -264px -96px;
    background-position: -240px -96px
}

.k-state-hover .k-foreColor, .k-state-selected .k-foreColor {
    background-position: -240px -96px
}

.k-backColor {
    background-position: -240px -120px
}

.k-state-hover .k-backColor, .k-state-selected .k-backColor {
    background-position: -264px -120px;
    background-position: -240px -120px
}

.k-state-hover .k-backColor, .k-state-selected .k-backColor {
    background-position: -240px -120px
}

.k-colorpicker .k-foreColor {
    background-position: -240px -96px
}

.k-colorpicker .k-backColor {
    background-position: -240px -120px
}

.k-justifyLeft {
    background-position: -240px -144px
}

.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
    background-position: -264px -144px;
    background-position: -240px -144px
}

.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
    background-position: -240px -144px
}

.k-justifyCenter {
    background-position: -240px -168px
}

.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
    background-position: -264px -168px;
    background-position: -240px -168px
}

.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
    background-position: -240px -168px
}

.k-justifyRight {
    background-position: -240px -192px
}

.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
    background-position: -264px -192px;
    background-position: -240px -192px
}

.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
    background-position: -240px -192px
}

.k-justifyFull {
    background-position: -240px -216px
}

.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
    background-position: -264px -216px;
    background-position: -240px -216px
}

.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
    background-position: -240px -216px
}

.k-insertUnorderedList {
    background-position: -240px -264px
}

.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
    background-position: -264px -264px;
    background-position: -240px -264px
}

.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
    background-position: -240px -264px
}

.k-insertOrderedList {
    background-position: -240px -288px
}

.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
    background-position: -264px -288px;
    background-position: -240px -288px
}

.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
    background-position: -240px -288px
}

.k-indent, .k-rtl .k-outdent {
    background-position: -288px 0
}

.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
    background-position: -312px 0;
    background-position: -288px 0
}

.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
    background-position: -288px 0
}

.k-outdent, .k-rtl .k-indent {
    background-position: -288px -24px
}

.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
    background-position: -312px -24px;
    background-position: -288px -24px
}

.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
    background-position: -288px -24px
}

.k-createLink {
    background-position: -288px -48px
}

.k-state-hover .k-createLink, .k-state-selected .k-createLink {
    background-position: -312px -48px;
    background-position: -288px -48px
}

.k-state-hover .k-createLink, .k-state-selected .k-createLink {
    background-position: -288px -48px
}

.k-unlink {
    background-position: -288px -72px
}

.k-state-hover .k-unlink, .k-state-selected .k-unlink {
    background-position: -312px -72px;
    background-position: -288px -72px
}

.k-state-hover .k-unlink, .k-state-selected .k-unlink {
    background-position: -288px -72px
}

.k-insertImage {
    background-position: -288px -96px
}

.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
    background-position: -312px -96px;
    background-position: -288px -96px
}

.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
    background-position: -288px -96px
}

.k-insertFile {
    background-position: -288px -216px
}

.k-state-hover .k-insertFile, .k-state-selected .k-insertFile {
    background-position: -312px -216px;
    background-position: -288px -216px
}

.k-state-hover .k-insertFile, .k-state-selected .k-insertFile {
    background-position: -288px -216px
}

.k-subscript {
    background-position: -288px -144px
}

.k-state-hover .k-subscript, .k-state-selected .k-subscript {
    background-position: -312px -144px;
    background-position: -288px -144px
}

.k-state-hover .k-subscript, .k-state-selected .k-subscript {
    background-position: -288px -144px
}

.k-superscript {
    background-position: -288px -168px
}

.k-state-hover .k-superscript, .k-state-selected .k-superscript {
    background-position: -312px -168px;
    background-position: -288px -168px
}

.k-state-hover .k-superscript, .k-state-selected .k-superscript {
    background-position: -288px -168px
}

.k-cleanFormatting {
    background-position: -288px -192px
}

.k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting {
    background-position: -312px -192px;
    background-position: -288px -192px
}

.k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting {
    background-position: -288px -192px
}

.k-createTable {
    background-position: -192px 0
}

.k-state-hover .k-createTable, .k-state-selected .k-createTable {
    background-position: -216px 0;
    background-position: -192px 0
}

.k-state-hover .k-createTable, .k-state-selected .k-createTable {
    background-position: -192px 0
}

.k-addColumnLeft {
    background-position: -192px -24px
}

.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
    background-position: -216px -24px;
    background-position: -192px -24px
}

.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
    background-position: -192px -24px
}

.k-addColumnRight {
    background-position: -192px -48px
}

.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
    background-position: -216px -48px;
    background-position: -192px -48px
}

.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
    background-position: -192px -48px
}

.k-addRowAbove {
    background-position: -192px -72px
}

.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
    background-position: -216px -72px;
    background-position: -192px -72px
}

.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
    background-position: -192px -72px
}

.k-addRowBelow {
    background-position: -192px -96px
}

.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
    background-position: -216px -96px;
    background-position: -192px -96px
}

.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
    background-position: -192px -96px
}

.k-deleteRow {
    background-position: -192px -120px
}

.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
    background-position: -216px -120px;
    background-position: -192px -120px
}

.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
    background-position: -192px -120px
}

.k-deleteColumn {
    background-position: -192px -144px
}

.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
    background-position: -216px -144px;
    background-position: -192px -144px
}

.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
    background-position: -192px -144px
}

.k-mergeCells {
    background-position: -192px -168px
}

.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
    background-position: -216px -168px;
    background-position: -192px -168px
}

.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
    background-position: -192px -168px
}

.k-pdf {
    background-position: -288px -240px
}

.k-state-hover .k-pdf, .k-state-selected .k-pdf {
    background-position: -312px -240px;
    background-position: -288px -240px
}

.k-state-hover .k-pdf, .k-state-selected .k-pdf {
    background-position: -288px -240px
}

.k-print {
    background-position: -288px -264px
}

.k-state-hover .k-print, .k-state-selected .k-print {
    background-position: -312px -264px;
    background-position: -288px -264px
}

.k-state-hover .k-print, .k-state-selected .k-print {
    background-position: -288px -264px
}

.k-fontName {
    width: 110px
}

.k-fontSize {
    width: 124px
}

.k-formatBlock {
    width: 147px
}

.k-editortoolbar-dragHandle {
    float: left;
    margin: 1px 0 0
}

.k-editor-toolbar .k-button-group {
    padding: 1px
}

.k-editor .k-editor-toolbar .k-row-break {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0
}

.k-button-group .k-tool {
    border-style: solid;
    border-width: 1px;
    margin-right: -1px
}

    .k-button-group .k-tool.k-state-hover, .k-button-group .k-tool:focus {
        position: relative;
        z-index: 1
    }

.k-rtl .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px
}

.k-button-group .k-tool.k-group-end {
    border-right-width: 1px
}

.k-rtl .k-button-group .k-tool.k-group-end {
    border-left-width: 1px
}

.k-button-group .k-state-disabled {
    display: none
}

.k-button-group .k-state-active, .k-button-group .k-state-hover {
    vertical-align: middle
}

.k-button-group .k-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3
}

.k-editor .k-editable-area {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0
}

.k-editor .k-content {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff
}

.k-editor .k-tool {
    outline: 0
}

.k-editor iframe.k-content {
    display: inline;
    vertical-align: top
}

.k-editor .k-raw-content {
    border: 0;
    margin: 0;
    padding: 0
}

.k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea {
    font-size: inherit;
    font-family: consolas,"courier new",monospace
}

.k-editor-dialog {
    padding: 1em;
    width: 400px
}

    .k-editor-dialog .k-edit-label {
        width: 25%
    }

    .k-editor-dialog .k-edit-field {
        width: 66%
    }

        .k-editor-dialog .k-edit-field .k-textbox {
            width: 96%
        }

.k-viewhtml-dialog {
    width: auto
}

.k-filebrowser-dialog {
    width: auto;
    min-width: 350px
}

    .k-filebrowser-dialog .k-filebrowser {
        margin: 0 1em 0
    }

    .k-filebrowser-dialog .k-edit-label {
        width: 18%
    }

    .k-filebrowser-dialog .k-edit-field {
        width: 75%
    }

        .k-filebrowser-dialog .k-edit-field .k-textbox {
            width: 70%
        }

#k-editor-image-height, #k-editor-image-width {
    width: 5em
}

.k-editor-dialog .k-button {
    display: inline-block
}

.k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto
}

.k-button-wrapper .k-link:hover {
    text-decoration: underline
}

.k-ct-popup {
    width: 180.4px;
    padding: .65em .5em .5em
}

    .k-ct-popup .k-status {
        margin: .3em 0
    }

.k-ct-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    -ms-high-contrast-adjust: none
}

.k-editor .k-resize-handle {
    position: absolute;
    padding: 5px;
    right: 0;
    bottom: 0
}

.k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.k-toolbar-resizable {
    min-height: 2.4375em;
    position: relative
}

.k-overflow-tools {
    position: absolute;
    right: 0;
    top: 0
}

.k-editor-overflow-popup .k-tool {
    width: auto;
    height: auto;
    display: block;
    text-align: left;
    text-decoration: initial;
    border: 0;
    padding-right: .5em;
    margin: 0;
    padding: 0 6px
}

    .k-editor-overflow-popup .k-tool.k-state-disabled {
        display: none
    }

.k-editor-toolbar .k-tool-text {
    display: none
}

.k-notification-wrap {
    padding: .6em .5em;
    cursor: default;
    position: relative;
    white-space: nowrap
}

.k-notification-button .k-notification-wrap {
    padding-right: 20px
}

.k-notification-wrap > .k-i-note {
    vertical-align: text-bottom;
    margin-right: 4px
}

.k-notification-wrap > .k-i-close {
    position: absolute;
    top: 7px;
    right: 4px;
    display: none
}

.k-notification-button .k-notification-wrap > .k-i-close {
    display: block
}

.k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.k-progressbar {
    border-radius: 4px
}

.k-progressbar-horizontal {
    width: 27em;
    height: 1.9em
}

.k-progressbar-vertical {
    width: 1.9em;
    height: 27em
}

.k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden
}

.k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px
}

.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0
}

.k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px
}

.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px
}

.k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap
}

.k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px
}

    .k-progressbar-horizontal .k-item.k-first {
        margin-left: 0
    }

    .k-progressbar-horizontal .k-item.k-last {
        border-right-width: 0
    }

.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px
}

.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-width: 1px
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px
}

.k-progressbar-horizontal .k-last.k-state-selected {
    border-right-width: 1px
}

.k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px
}

    .k-progressbar-vertical .k-item.k-first {
        margin-top: 0
    }

.k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0
}

.k-progressbar-vertical .k-first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.k-progressbar-vertical .k-last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px
}

.k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%
}

.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right
}

.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left
}

.k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px
}

.k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0
}

.k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.k-ie8 .k-progressbar-vertical .k-progress-status {
    -webkit-writing-mode: bt-lr;
    -ms-writing-mode: bt-lr;
    writing-mode: bt-lr;
    padding: .5em 0
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-slider-vertical {
    width: 26px;
    height: 200px
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px
}

.k-slider-wrap {
    width: 100%;
    height: 100%
}

.k-grid .k-slider .k-button, .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0
}

    .k-slider .k-button .k-icon {
        margin-top: 3px;
        vertical-align: top
    }

.k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6
}

    .k-state-disabled .k-slider-wrap .k-slider-items {
        color: #333
    }

.k-slider .k-button-decrease {
    left: 0
}

.k-grid .k-slider-vertical .k-button-decrease, .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0
}

.k-slider .k-button-increase {
    right: 0
}

.k-slider .k-icon, .k-slider .k-tick, .k-slider-track {
    cursor: pointer
}

.k-slider-selection, .k-slider-track {
    position: absolute;
    margin: 0;
    padding: 0
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y
}

.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px
}

.k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0
}

.k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px
}

.k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px
}

.k-slider-buttons .k-slider-items {
    margin-left: 34px
}

.k-slider-horizontal .k-slider-items {
    height: 100%
}

.k-slider-vertical .k-slider-items {
    padding-top: 1px
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px
}

.k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center
}

.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center
}

.k-slider-horizontal .k-tick {
    background-position: center -92px
}

.k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px
}

.k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px
}

.k-slider-horizontal .k-tick-large {
    background-position: center -2px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px
}

.k-slider-vertical .k-tick {
    background-position: -92px center
}

.k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center
}

.k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center
}

.k-slider-vertical .k-tick-large {
    background-position: -2px center
}

.k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center
}

.k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center
}

.k-slider-horizontal .k-first {
    background-position: 0 -92px
}

.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px
}

.k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px
}

.k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px
}

.k-slider-horizontal .k-last {
    background-position: 100% -92px
}

.k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px
}

.k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px
}

.k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px
}

.k-slider-vertical .k-first {
    background-position: -92px 100%
}

.k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%
}

.k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%
}

.k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%
}

.k-slider-vertical .k-last {
    background-position: -92px 0
}

.k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0
}

.k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0
}

.k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0
}

.k-slider-vertical .k-tick {
    text-align: right
}

.k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left
}

.k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em
}

.k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1
}

.k-slider-horizontal .k-first .k-label {
    left: -50%
}

.k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%
}

.k-slider-horizontal .k-label {
    bottom: -1.2em
}

.k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em
}

.k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left
}

.k-slider-vertical .k-last .k-label {
    top: -.5em
}

.k-slider-vertical .k-first .k-label {
    bottom: -.5em
}

.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%
}

.k-slider-tooltip {
    top: -4444px
}

.k-scheduler-footer, .k-scheduler-toolbar {
    border-style: solid
}

.k-scheduler-footer, .k-scheduler-toolbar {
    line-height: 28px;
    padding: 6px
}

.k-scheduler-toolbar {
    position: relative;
    border-width: 0 0 1px
}

.k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.k-scheduler-header {
    text-align: center
}

.k-scheduler-footer {
    border-width: 1px 0 0
}

.k-scheduler-toolbar > ul {
    float: right
}

    .k-scheduler-toolbar > ul:first-child {
        float: left
    }

.k-scheduler-toolbar > .k-scheduler-tools {
    float: left;
    margin-bottom: .5em
}

.k-scheduler-tools + .k-scheduler-navigation {
    float: left;
    clear: left
}

.k-scheduler-footer > ul > li, .k-scheduler-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0
}

.k-scheduler .k-scheduler-toolbar .k-nav-current, .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
    border-width: 0
}

.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, .k-scheduler-toolbar > ul > li:first-child {
    border-left-width: 1px
}

.k-scheduler div.k-scheduler-footer ul li {
    margin-right: .6em;
    border-width: 1px
}

.k-scheduler-footer .k-link, .k-scheduler-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em
}

.k-scheduler-toolbar .k-nav-next .k-link, .k-scheduler-toolbar .k-nav-prev .k-link {
    padding-left: .6em;
    padding-right: .6em
}

.k-scheduler-toolbar .k-nav-current .k-link {
    padding: 0
}

.k-scheduler-toolbar .k-nav-current {
    margin: 0 1.1em
}

.k-scheduler .k-nav-current > .k-state-active, .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
    background: 0 0
}

.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    text-align: center
}

    .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
        background: 0 0;
        border: 0
    }

.k-scheduler-phone .k-toolbar .k-nav-next {
    float: right
}

.k-scheduler-phone .k-toolbar .k-nav-prev {
    float: left
}

.k-scheduler-footer .k-icon, .k-scheduler-toolbar .k-i-calendar {
    margin: -2px 6px 0 0
}

.k-scheduler-header, .k-scheduler-header-wrap {
    overflow: hidden
}

.k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0
}

.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px
}

.k-scheduler-content, .k-scheduler-times {
    position: relative
}

.k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0
}

.k-scheduler-content {
    overflow: auto
}

.k-scheduler-layout, .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate
}

    .k-scheduler-layout > tbody > tr > td {
        padding: 0;
        vertical-align: top
    }

.k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%
}

.k-scheduler-table {
    table-layout: fixed;
    max-width: none
}

.k-scheduler-times .k-scheduler-table {
    table-layout: auto
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%
}

.k-scheduler-table td, .k-scheduler-table th {
    height: 1.5em;
    padding: .334em .5em;
    font-size: 100%
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important
}

.k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px
}

    .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
        height: auto
    }

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-scheduler-table td {
    height: 80px;
    text-align: right
}

.k-scheduler-phone .k-scheduler-monthview .k-hidden, .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    height: 40px
}

.k-scheduler-table td, .k-slot-cell {
    vertical-align: top
}

.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
    vertical-align: top
}

.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    text-align: center;
    vertical-align: middle
}

    .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
        font-size: 1.5em
    }

.k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis
}

.k-scheduler-header th, .k-scheduler-table td {
    border-style: solid;
    border-width: 0 0 1px 1px
}

    .k-scheduler-header th:first-child, .k-scheduler-table td:first-child {
        border-left-width: 0
    }

.k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px
}

.k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0
}

.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0
}

.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scrollbar-h tr + tr .k-scheduler-times {
    border-bottom-width: 1px
}

.k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap
}

.k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent
}

    .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day, .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell {
        border-bottom-color: inherit
    }

.k-scheduler .k-middle-row td {
    border-bottom-style: dotted
}

.k-scheduler-now-arrow, .k-scheduler-now-line {
    position: absolute
}

.k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0
}

.k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px
}

.k-task {
    position: relative
}

div.k-more-events {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 0
}

.k-more-events > span {
    display: block;
    margin-top: -.6em
}

.k-event, .k-more-events {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden
}

.k-event {
    cursor: default;
    min-height: 1.3em
}

.k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.k-scheduler-header .k-event {
    white-space: nowrap
}

.k-event-template {
    padding: .3em 1.4em .3em .6em
}

.k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em
}

.k-event-drag-hint .k-event-time {
    display: block
}

.k-event-actions, .k-event > .k-link, .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap
}

.k-event-actions {
    z-index: 1
}

.k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0
}

.k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px
}

.k-webkit .k-event-actions:first-child {
    margin-top: 3px
}

.k-event-actions:first-child > .k-link {
    display: inline-block
}

.k-event-delete {
    display: none
}

.k-event:hover .k-event-delete, tr:hover > td > .k-task .k-event-delete {
    display: inline-block
}

.k-event .k-event-bottom-actions, .k-event .k-event-top-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0
}

.k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2
}

.k-event-active .k-resize-handle, .k-event:hover .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible
}

.k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5
}

.k-scheduler-mobile .k-event .k-resize-handle:after {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em
}

.k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em
}

.k-event > .k-resize-n:after, .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px
}

.k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px
}

.k-event > .k-resize-e:after, .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -.7em;
    height: 1.4em;
    width: 1px
}

.k-event > .k-resize-e:after {
    left: auto;
    right: 1px
}

.k-scheduler-mobile .k-event > .k-resize-n, .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-n:after, .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after, .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -.7em;
    height: 1.4em;
    width: .6em
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0
}

.k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0
}

.k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px
}

.k-scheduler-phone .k-scheduler-monthview .k-events-container {
    position: absolute;
    text-align: center;
    height: 6px;
    line-height: 6px
}

.k-scheduler-phone .k-scheduler-monthview .k-event {
    position: static;
    display: inline-block;
    width: 4px;
    height: 4px;
    min-height: 0;
    margin: 1px
}

.k-scheduler-marquee {
    border-style: solid;
    border-width: 0
}

    .k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px
    }

div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent
}

div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent
}

.k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em
}

.k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em
}

.k-scheduler-quickedit .k-textbox {
    width: 200px
}

.k-tooltip-bottom {
    text-align: left
}

    .k-tooltip-bottom .k-button {
        float: left;
        margin-right: .3em
    }

    .k-tooltip-bottom .k-quickedit-details {
        float: right;
        margin-right: 0
    }

.k-scheduler-agendaview .k-scheduler-table td, .k-scheduler-agendaview .k-scheduler-table th {
    text-align: left
}

.k-scheduler-groupcolumn, .k-scheduler-times .k-slot-cell {
    width: 6em
}

.k-scheduler-datecolumn {
    width: 12em
}

.k-scheduler-timecolumn {
    width: 11em
}

    .k-scheduler-timecolumn > div {
        position: relative;
        vertical-align: top
    }

.k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top
}

.k-scheduler-timecolumn > div > .k-i-arrow-e {
    position: absolute;
    right: -4px
}

.k-scheduler-timecolumn .k-i-arrow-w {
    margin-left: -4px
}

.k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em
}

.k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: 400
}

.k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal
}

.k-scheduler-agendadate {
    font-size: .8em
}

.k-scheduler-timecolumn {
    white-space: nowrap
}

.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    width: 520px
}

.k-scheduler-edit-form .k-edit-label {
    width: 17%
}

.k-scheduler-edit-form .k-edit-field {
    width: 77%
}

.k-scheduler-edit-form .k-textbox[name=title], .k-scheduler-edit-form textarea.k-textbox {
    width: 100%
}

.k-scheduler-edit-form textarea.k-textbox {
    min-height: 4em;
    resize: vertical
}

.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em
}

.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
    clear: right;
    margin-right: 2%;
    margin-left: 2%;
    padding: 0 0 .6em
}

.k-edit-box {
    float: left
}

    .k-edit-box + .k-edit-box {
        float: right
    }

.k-scheduler-edit-form label + input {
    margin-left: 1em
}

.k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4
}

.k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0
}

.k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em
}

.k-edit-field span.k-recur-interval, .k-edit-field > ul.k-reset .k-numerictextbox {
    width: 5em
}

.k-edit-field > ul.k-reset .k-datepicker, .k-edit-field > ul.k-reset .k-dropdown, div[name=recurrenceRule] > .k-dropdown {
    width: 9em
}

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    float: left
}

.k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center
}

.k-scheduler-timezones .k-dropdown:first-child {
    width: 100%
}

.k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em
}

.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: none
}

.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none
}

.k-scheduler-refresh {
    float: right;
    padding: 0 .5em
}

@media only screen and (max-width:1024px) {
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
        right: auto;
        left: 6px
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
        display: none
    }

    .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: none
    }

    .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        text-align: left;
        padding-left: 1em
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        padding-left: 0
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .333em;
        width: 1.333em;
        height: 1.333em
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0
    }

    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
    }

    .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        text-align: left
    }
}

@media only screen and (max-width:480px) {
    .k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: none
    }

    .k-ff .k-scheduler-timecolumn, .k-ie11 .k-scheduler-timecolumn, .k-safari .k-scheduler-timecolumn, .k-webkit .k-scheduler-timecolumn {
        width: 5em
    }

    .k-ff .k-scheduler-datecolumn, .k-ie11 .k-scheduler-datecolumn, .k-safari .k-scheduler-datecolumn, .k-webkit .k-scheduler-datecolumn {
        width: 6em;
        overflow: hidden
    }

        .k-ff .k-scheduler-datecolumn > div, .k-ff .k-scheduler-timecolumn > div, .k-ie11 .k-scheduler-datecolumn > div, .k-ie11 .k-scheduler-timecolumn > div, .k-safari .k-scheduler-datecolumn > div, .k-safari .k-scheduler-timecolumn > div, .k-webkit .k-scheduler-datecolumn > div, .k-webkit .k-scheduler-timecolumn > div {
            white-space: normal
        }
}

.k-scheduler-pdf-export {
    overflow: hidden
}

    .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times {
        height: auto !important;
        overflow: visible !important
    }

    .k-scheduler-pdf-export .k-scheduler-header {
        padding: 0 !important
    }

    .k-scheduler-pdf-export .k-scheduler-header-wrap {
        border-width: 0 !important
    }

    .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table {
        width: 100% !important
    }

.k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 0;
    padding: 5px 5px 5px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center
}

.k-tooltip-button {
    text-align: right;
    height: 0
}

.k-tooltip-content {
    height: 100%
}

.k-tooltip-closable .k-tooltip-content {
    padding-right: 20px
}

span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px
}

.k-invalid-msg {
    display: none
}

.k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent
}

.k-callout-n {
    top: -12px;
    left: 50%
}

.k-callout-w {
    top: 50%;
    left: -12px
}

.k-callout-s {
    left: 50%;
    bottom: -12px
}

.k-callout-e {
    top: 50%;
    right: -12px
}

.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {
    margin-left: -6px
}

.k-slider-tooltip .k-callout-e, .k-slider-tooltip .k-callout-w {
    margin-top: -6px
}

.k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px
}

.k-tooltip-validation {
    z-index: 9999
}

.k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em
}

    .k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite, .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite {
        vertical-align: middle;
        margin-top: -7px;
        margin-bottom: -5px
    }

    .k-toolbar .k-input {
        line-height: inherit;
        height: inherit;
        padding-top: 2px;
        padding-bottom: 2px
    }

        .k-toolbar .k-input:before {
            content: "\a0";
            display: inline-block;
            width: 0
        }

.k-ie .k-toolbar .k-input {
    height: 1.65em
}

.k-toolbar .k-combobox .k-dropdown-wrap:before, .k-toolbar .k-numeric-wrap:before, .k-toolbar .k-picker-wrap:before {
    display: none
}

.k-overflow-container .k-sprite {
    margin-left: -4px
}

.k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap
}

.k-toolbar > .k-align-left {
    float: none
}

.k-toolbar > .k-align-right {
    float: right
}

.k-toolbar .k-button, .k-toolbar > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.72em
}

.k-toolbar .k-separator {
    border-width: 0 0 0 1px;
    border-style: solid;
    width: 1px;
    line-height: inherit
}

.k-toolbar .k-button-group {
    list-style-type: none
}

    .k-toolbar .k-button-group > li {
        display: inline-block
    }

    .k-toolbar .k-button-group .k-button {
        margin: 0 0 0 -1px;
        border-radius: 0
    }

.k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle
}

.k-toolbar .k-split-button {
    padding-left: 0
}

    .k-toolbar .k-button-group .k-group-start, .k-toolbar .k-split-button .k-button {
        margin: 0
    }

    .k-toolbar .k-split-button .k-split-button-arrow {
        margin: 0 0 0 -1px
    }

.k-toolbar .k-overflow-anchor {
    border-width: 0 0 0 1px;
    border-style: solid;
    height: 3em;
    width: 3em;
    line-height: inherit;
    padding: 0 .5em;
    margin: 0;
    position: relative;
    float: right;
    border-radius: 0
}

.k-overflow-container .k-item {
    float: none;
    border: 0
}

.k-overflow-container .k-separator {
    border-width: 0 0 1px;
    border-style: solid;
    height: 1px;
    line-height: 0;
    font-size: 0;
    padding: 0
}

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
    text-align: left;
    display: block;
    background: 0 0;
    border-color: transparent;
    white-space: nowrap
}

.k-split-container {
    margin-top: -1px
}

.k-overflow-container .k-button-group {
    padding: 0
}

    .k-overflow-container .k-button-group > li {
        display: block
    }

.k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 2px 0;
    margin: 1px 0
}

.k-overflow-container .k-overflow-hidden {
    display: none
}

.k-overflow-container .k-overflow-group + .k-overflow-group, .k-overflow-container .k-separator + .k-overflow-group, .k-overflow-container .k-toolbar-first-visible {
    border-top: 0;
    margin-top: 0;
    padding-top: 1px
}

.k-overflow-container .k-overflow-group + .k-separator {
    display: none
}

.k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1px
}

.k-splitter {
    position: relative;
    height: 300px
}

.k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden
}

.k-splitter .k-pane {
    overflow: hidden
}

.k-splitter .k-scrollable {
    overflow: auto
}

.k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.k-ghost-splitbar, .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x
}

.k-splitbar-draggable-horizontal {
    cursor: w-resize
}

.k-splitbar-draggable-vertical {
    cursor: n-resize
}

.k-splitbar .k-resize-handle {
    display: none
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: red
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px
}

.k-collapse-next, .k-collapse-prev, .k-expand-next, .k-expand-prev {
    cursor: pointer
}

.k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px
}

.k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px
}

.k-splitbar-static-horizontal {
    width: 1px
}

.k-splitbar-static-vertical {
    height: 1px
}

.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px
}

.k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px
}

.k-splitbar-vertical .k-collapse-next {
    margin-left: 11px
}

.k-splitbar-draggable-horizontal .k-resize-handle, .k-splitbar-draggable-vertical .k-resize-handle {
    display: inline-block
}

.k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px
}

.k-splitbar-horizontal-hover > .k-resize-handle {
    background-position: -181px -6px
}

.k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px
}

.k-splitbar-horizontal-hover > .k-collapse-prev, .k-splitbar-horizontal-hover > .k-expand-next {
    background-position: -22px -174px
}

.k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px
}

.k-splitbar-horizontal-hover > .k-collapse-next, .k-splitbar-horizontal-hover > .k-expand-prev {
    background-position: -21px -142px
}

.k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px
}

.k-splitbar-vertical-hover > .k-resize-handle {
    background-position: -70px -309px
}

.k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px
}

.k-splitbar-vertical-hover > .k-collapse-prev, .k-splitbar-vertical-hover > .k-expand-next {
    background-position: -14px -134px
}

.k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px
}

.k-splitbar-vertical-hover > .k-collapse-next, .k-splitbar-vertical-hover > .k-expand-prev {
    background-position: -14px -165px
}

.k-splitter-resizing {
    overflow: hidden
}

html .k-upload {
    position: relative
}

.k-dropzone em, .k-upload-button {
    vertical-align: middle
}

.k-dropzone, .k-file {
    position: relative
}

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent
}

    .k-dropzone em {
        visibility: hidden;
        margin-left: .6em
    }

.k-dropzone-active em {
    visibility: visible
}

.k-upload-button {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.k-upload .k-upload-button {
    min-width: 7.167em
}

.k-ie8 .k-upload-button, .k-ie9 .k-upload-button, .k-upload-sync .k-upload-button {
    margin: .8em
}

.k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.k-upload-files {
    margin: 0 0 .6em;
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0
}

    .k-upload-files .k-button {
        padding: 0
    }

    .k-upload-files .k-button, .k-upload-status-total .k-icon {
        margin-left: 8px
    }

.k-upload .k-fail {
    background-position: -161px -111px
}

.k-si-refresh {
    background-position: -160px -128px
}

.k-button:active .k-si-refresh, .k-button:not(.k-state-disabled):hover .k-si-refresh, .k-link:not(.k-state-disabled):hover > .k-si-refresh, .k-state-hover > * > .k-si-refresh, .k-state-hover > .k-si-refresh, .k-textbox:hover .k-si-refresh {
    background-position: -160px -128px
}

.k-si-tick, .k-success {
    background-position: -160px -96px
}

.k-button:active .k-si-tick, .k-button:active .k-success, .k-button:not(.k-state-disabled):hover .k-si-tick, .k-button:not(.k-state-disabled):hover .k-success, .k-link:not(.k-state-disabled):hover > .k-si-tick, .k-link:not(.k-state-disabled):hover > .k-success, .k-state-hover > * > .k-si-tick, .k-state-hover > * > .k-success, .k-state-hover > .k-si-tick, .k-state-hover > .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success {
    background-position: -160px -96px
}

.k-si-cancel {
    background-position: -160px -112px
}

.k-button:active .k-si-cancel, .k-button:not(.k-state-disabled):hover .k-si-cancel, .k-link:not(.k-state-disabled):hover > .k-si-cancel, .k-state-hover > * > .k-si-cancel, .k-state-hover > .k-si-cancel, .k-textbox:hover .k-si-cancel {
    background-position: -160px -112px
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .167em .167em .167em .8em
}

    .k-file .k-icon {
        position: relative
    }

    .k-file > .k-icon {
        background-position: -112px -288px
    }

.k-button:active .k-file > .k-icon, .k-button:not(.k-state-disabled):hover .k-file > .k-icon, .k-link:not(.k-state-disabled):hover > .k-file > .k-icon, .k-state-hover > * > .k-file > .k-icon, .k-state-hover > .k-file > .k-icon, .k-textbox:hover .k-file > .k-icon {
    background-position: -112px -288px
}

.k-filename {
    position: relative;
    display: inline-block;
    min-width: 10em;
    max-width: 16.667em;
    vertical-align: middle;
    margin-left: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.k-upload-status {
    position: absolute;
    right: 12px
}

    .k-upload-status .k-button, .k-upload-status .k-warning {
        vertical-align: text-bottom
    }

.k-dropzone .k-upload-status {
    line-height: 2.4
}

.k-ie8 .k-upload-status-total {
    line-height: 29px
}

.k-upload-action {
    line-height: normal
}

.k-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.k-upload-selected {
    min-width: 7.167em;
    margin: .25em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-upload-cancel, .k-upload-selected {
    margin-bottom: .8em
}

.k-upload-selected {
    margin-left: .8em;
    margin-right: .2em
}

.k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
    display: none
}

.k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0
}

.k-toolbar-wrap .k-dropzone-active {
    text-align: center
}

    .k-toolbar-wrap .k-dropzone-active em {
        display: inline;
        margin: 0;
        font-size: 5em;
        font-style: normal
    }

    .k-toolbar-wrap .k-dropzone-active .k-upload-button {
        display: none
    }

.k-filebrowser-dropzone {
    z-index: 10010;
    filter: alpha(opacity=40);
    opacity: .4;
    position: fixed
}

.k-search-wrap {
    position: relative;
    float: right;
    width: 20%;
    padding: 0
}

    .k-search-wrap label {
        position: absolute;
        top: 0;
        left: 4px;
        line-height: 20px;
        font-style: italic
    }

    .k-search-wrap input.k-input {
        padding-left: 0;
        padding-right: 0
    }

    .k-search-wrap .k-search {
        position: absolute;
        top: 4px;
        right: 2px;
        margin: 0
    }

.k-breadcrumbs {
    position: relative;
    float: left;
    width: 79%
}

.k-breadcrumbs-wrap {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px
}

.k-breadcrumbs > .k-input {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    border: 0
}

.k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
    position: static
}

    .k-breadcrumbs .k-link:hover {
        text-decoration: underline
    }

.k-filebrowser .k-breadcrumbs .k-i-seek-w {
    text-decoration: none;
    cursor: default
}

.k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap
}

    .k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
        display: none
    }

.k-filebrowser .k-toolbar-wrap {
    float: left
}

.k-filebrowser .k-tiles-arrange {
    float: right
}

    .k-filebrowser .k-tiles-arrange .k-dropdown {
        width: 75px
    }

.k-filebrowser .k-upload {
    float: left;
    z-index: 10010;
    border-width: 0;
    background-color: transparent
}

    .k-filebrowser .k-upload .k-upload-status {
        display: none
    }

    .k-filebrowser .k-upload .k-upload-button {
        width: auto;
        margin-left: 0;
        vertical-align: top
    }

    .k-filebrowser .k-upload .k-icon {
        vertical-align: bottom
    }

.k-tiles {
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2
}

.k-tile {
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer
}

.k-tiles li.k-state-hover, .k-tiles li.k-state-selected {
    background-position: 0 center
}

.k-filebrowser .k-thumb {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin: 4px 10px 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-filebrowser .k-file {
    width: 80px;
    height: 80px
}

.k-filebrowser .k-image {
    margin: 2px 0 0 2px
}

.k-filebrowser .k-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat
}

.k-filebrowser .k-loading {
    margin: 35px 0 0 33px
}

.k-tile input, .k-tile strong {
    margin: 10px 0 4px;
    font-weight: 400
}

.k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis
}

.k-tile input {
    width: 100px
}

.k-tile .k-filesize, .k-tile input, .k-tile strong {
    display: block
}

.k-filebrowser .k-form-text-row {
    text-align: right
}

    .k-filebrowser .k-form-text-row label {
        width: 14%
    }

    .k-filebrowser .k-form-text-row input {
        width: 80%
    }

.k-tile-empty {
    margin: 160px 0 0
}

    .k-tile-empty .k-dialog-upload {
        font-weight: 700;
        font-size: 120%
    }

    .k-tile-empty strong {
        display: block;
        margin: 0 0 .2em;
        font-size: 3em;
        font-weight: 400
    }

    .k-tile-empty, .k-tile-empty .k-button-wrapper {
        text-align: center
    }

.k-chart, .k-gauge, .k-sparkline, .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.k-chart, .k-stockchart {
    height: 400px
}

.k-stockchart, div.k-chart, div.k-gauge, span.k-sparkline {
    background-color: transparent
}

.k-gauge {
    text-align: left;
    position: relative
}

.k-baseline-marker {
    zoom: 1;
    *display: inline
}

.k-chart-tooltip {
    border-radius: 4px;
    padding: 6px;
    white-space: nowrap;
    z-index: 12000;
    line-height: normal;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    color: #fff
}

.k-chart-tooltip-inverse {
    color: #000
}

.k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse
}

.k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px
}

.k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em
}

.k-selector {
    position: absolute;
    -webkit-transform: translateZ(0)
}

.k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%
}

.k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255,255,255,.01);
    filter: alpha(opacity=1)
}

.k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute
}

    .k-handle div {
        width: 100%;
        height: 100%;
        background-color: transparent
    }

.k-leftHandle {
    left: -4px
}

.k-rightHandle {
    right: -4px
}

.k-leftHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0
}

.k-rightHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px
}

.k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: .8
}

.k-border {
    background: #d2d2d2;
    width: 1px;
    height: 100%;
    position: absolute
}

.k-navigator-hint div {
    position: absolute
}

.k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    background: #d2d2d2
}

.k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    background: #fff
}

.k-sparkline, .k-sparkline span {
    display: inline-block;
    vertical-align: top
}

    .k-sparkline span {
        height: 100%;
        width: 100%
    }

.k-diagram, .k-map {
    height: 600px
}

    .k-diagram .km-scroll-wrapper, .k-map .km-scroll-wrapper {
        padding-bottom: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .k-diagram .km-scroll-container, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-map .km-scroll-wrapper {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .k-diagram .k-layer, .k-map .k-layer {
        position: absolute;
        left: 0;
        top: 0
    }

    .k-diagram .km-touch-scrollbar, .k-map .km-touch-scrollbar {
        display: none
    }

    .k-map .k-marker {
        position: absolute;
        width: 28px;
        height: 40px;
        margin: -40px 0 0 -14px;
        cursor: pointer
    }

    .k-map .k-marker-pin {
        background-position: 0 40px
    }

    .k-map .k-marker-pin-target {
        background-position: 0 0
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-map .k-marker {
        width: 56px;
        height: 80px;
        margin: -80px 0 0 -28px
    }

    .k-map .k-marker-pin {
        background-position: 0 80px
    }
}

.k-map .k-pos-top {
    top: 0
}

.k-map .k-pos-bottom {
    bottom: 0
}

.k-map .k-pos-left {
    left: 0
}

.k-map .k-pos-right {
    right: 0
}

.k-map-controls {
    position: absolute
}

    .k-map-controls.k-pos-left .k-widget:first-child {
        margin-right: 0
    }

    .k-map-controls.k-pos-right .k-widget:first-child {
        margin-left: 0
    }

.k-navigator {
    width: 50px;
    height: 50px;
    margin: 20px;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.k-pdf-export .k-navigator {
    display: none
}

.k-navigator > button {
    border-color: transparent;
    background: 0 0
}

div.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    position: absolute;
    font-size: 1px;
    line-height: 1px
}

div.k-navigator .k-navigator-n {
    top: 2px;
    left: 50%;
    margin-left: -9px
}

div.k-navigator .k-navigator-e {
    right: 2px;
    top: 50%;
    margin-top: -9px
}

div.k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    margin-left: -9px
}

div.k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    margin-top: -9px
}

.k-map .k-attribution {
    background-color: rgba(255,255,255,.8);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000
}

.k-zoom-control {
    margin: 14px;
    vertical-align: middle
}

.k-pdf-export .k-zoom-control {
    display: none
}

.k-button-wrap {
    border-radius: 4px;
    display: inline-block
}

    .k-button-wrap .k-button {
        position: relative;
        font: 700 17px/1.18 monospace
    }

.k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px
}

    .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: -1px
    }

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.k-button-wrap .k-button:hover {
    z-index: 1
}

.k-buttons-vertical .k-button {
    display: block
}

.k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0
}

.k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px
}

.k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top
}

.k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0
}

    .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: 0;
        margin-right: -1px
    }

.k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px
}

.k-diagram {
    height: 600px
}

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative
    }

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative
    }

.k-canvas-container {
    width: 100%;
    height: 100%
}

.k-diagram img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.k-treemap {
    overflow: hidden;
    height: 400px
}

.k-treemap-tile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden
}

    .k-treemap-tile.k-leaf {
        padding: .6em
    }

.k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em
}

.k-treemap-tile.k-state-hover, .k-treemap-tile.k-state-hover:hover {
    z-index: 2;
    background-image: none
}

.k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%
}

.k-treemap-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap
}

.k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid
}

.k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.k-treemap-title + .k-treemap-wrap {
    top: 2.42em
}

.k-treemap-title-vertical {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap
}

    .k-treemap-title-vertical > div {
        position: absolute;
        top: 0;
        right: 1.23em;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .k-treemap-title-vertical + .k-treemap-wrap {
        left: 2.42em
    }

.km-pane, .km-pane-wrapper, .km-root {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.km-pane-wrapper {
    position: absolute;
    width: 100%;
    height: 100%
}

.km-pane, .km-shim {
    font-family: sans-serif
}

.km-pane {
    overflow-x: hidden
}

.km-view {
    top: 0;
    left: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    vertical-align: top
}

.k-ff .km-pane, .k-ff .km-view {
    overflow: hidden
}

.k-ff18 .km-pane, .k-ff18 .km-view, .k-ff19 .km-pane, .k-ff19 .km-view, .k-ff20 .km-pane, .k-ff20 .km-view, .k-ff21 .km-pane, .k-ff21 .km-view {
    position: relative
}

.k-ff .km-view {
    display: -moz-inline-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.km-content {
    min-height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-align: stretch;
    display: block;
    width: auto;
    overflow: hidden;
    position: relative
}

.km-actionsheet > li {
    list-style-type: none;
    padding: inherit 1em;
    line-height: 2em
}

.km-actionsheet {
    padding: 0;
    margin: 0
}

.km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 10001
}

    .km-actionsheet-wrapper, .km-shim .k-animation-container {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0
    }

    .km-shim .k-animation-container {
        width: auto
    }

.km-pane-wrapper .k-grid-column-menu > .km-header, .km-pane-wrapper .k-grid-edit-form > .km-header, .km-pane-wrapper .k-grid-filter-menu > .km-header, .km-pane-wrapper .k-scheduler-edit-form > .km-header {
    border-style: solid;
    border-width: 1px;
    padding: .3em .6em;
    text-align: center;
    width: auto;
    line-height: 2em
}

.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer, .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar {
    line-height: 2em
}

.km-pane-wrapper .k-grid-edit-form .k-multiselect, .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
    width: 15em
}

.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
    display: block
}

.km-pane-wrapper .k-grid-column-menu .k-done, .km-pane-wrapper .k-grid-edit-form .k-grid-update, .km-pane-wrapper .k-grid-filter-menu .k-submit, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
    float: right
}

.km-pane-wrapper .k-grid-edit-form .k-grid-cancel, .km-pane-wrapper .k-grid-filter-menu .k-cancel, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left
}

.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, :not(.km-pane) > .km-shim .km-actionsheet .k-button {
    display: block;
    text-align: center
}

:not(.km-pane) > .km-shim .km-actionsheet .k-button {
    font-size: 1.4em;
    margin: .3em 1em
}

:not(.km-pane) > .km-shim .km-actionsheet-title {
    text-align: center;
    line-height: 3em;
    margin-bottom: -.3em
}

:not(.km-pane) > .km-shim > .k-animation-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important
}

.km-pane-wrapper > div.km-pane {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400
}

.km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    width: 74%
}

.km-pane-wrapper .k-grid-edit-form .k-edit-form-container, .km-pane-wrapper .k-grid-edit-form .k-popup-edit-form {
    width: auto
}

.km-pane-wrapper .k-filter-menu .k-button {
    width: 100%;
    margin: 0
}

.k-grid-mobile {
    border-width: 0
}

    .k-grid-mobile .k-resize-handle-inner {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: -7px;
        width: 17px;
        height: 17px;
        border-style: solid;
        border-width: 2px;
        border-radius: 10px
    }

        .k-grid-mobile .k-resize-handle-inner:before {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -3px;
            left: 1px;
            width: 6px;
            height: 6px;
            background-position: -5px -53px
        }

        .k-grid-mobile .k-resize-handle-inner:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -3px;
            right: 1px;
            width: 6px;
            height: 6px;
            background-position: -5px -21px
        }

.km-pane-wrapper .km-pane * {
    -webkit-background-clip: border-box;
    background-clip: border-box
}

.km-pane-wrapper .k-mobile-list ul, .km-pane-wrapper .km-pane .k-mobile-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 0;
    background: 0 0
}

.km-pane-wrapper .km-switch {
    top: 50%;
    right: .8rem;
    position: absolute;
    margin-top: -1.1rem
}

.km-pane-wrapper .k-mobile-list .k-state-disabled {
    opacity: 1
}

    .km-pane-wrapper .k-mobile-list .k-state-disabled > * {
        opacity: .7
    }

.km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 0 .5em 1em;
    font-size: 1em
}

.km-pane-wrapper .k-edit-form-container, .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
    padding-top: 1em;
    width: 100%
}

.km-pane-wrapper .k-mobile-list .k-edit-label {
    position: absolute;
    margin: 0;
    float: none;
    clear: none;
    width: 100%
}

    .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label label {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .1em 0;
        margin: 0
    }

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label, .km-pane-wrapper .k-mobile-list .k-item {
    font-size: 1em;
    line-height: 1.6em;
    overflow: hidden
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label {
    width: 100%;
    float: none;
    clear: none;
    min-height: 2.7em
}

.km-pane-wrapper .k-grid-delete .k-icon, .km-pane-wrapper .k-grid-edit .k-icon, .km-pane-wrapper .k-grid-toolbar .k-icon, .km-pane-wrapper .km-header .k-icon {
    display: none
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    padding: .5em 0
}

.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
    padding: .3em 0
}

    .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
        line-height: 2em
    }

.km-pane-wrapper .k-mobile-list .k-item > * {
    line-height: normal
}

.km-pane-wrapper .k-mobile-list .k-button-container, .km-pane-wrapper .k-mobile-list .k-edit-buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 0
}

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    display: block;
    padding: .2em 1em;
    font-size: .95em;
    position: -webkit-sticky;
    margin: 0;
    font-weight: 400;
    line-height: 2em;
    background: 0 0;
    border-top: 1em solid transparent
}

.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3) {
    position: relative
}

.km-pane-wrapper .k-mobile-list .k-item:first-child {
    border-top: 0
}

.km-pane-wrapper .k-mobile-list .k-item:last-child {
    border-bottom: 0
}

.km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-item > .k-link {
    line-height: inherit;
    text-decoration: none;
    margin: -.5em 0 -.5em -1em
}

.k-check[type=checkbox], .k-check[type=radio], .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio], .km-pane-wrapper .k-mobile-list .k-label .k-check, .km-pane-wrapper .k-mobile-list .k-link .k-check {
    border: 0;
    font-size: inherit;
    width: 13px;
    height: 13px;
    margin: .26em 1em .26em 0
}

.k-ie .k-mobile-list .k-edit-field [type=checkbox], .k-ie .k-mobile-list .k-edit-field [type=radio], .k-ie .km-pane-wrapper .k-icon, .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check {
    font-size: inherit;
    text-indent: -9999px;
    width: 1.01em;
    height: 1em
}

.km-pane-wrapper .k-column-menu .k-label .k-check {
    height: 16px;
    width: 16px
}

.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .km-pane .k-mobile-list input:not([type=checkbox]):not([type=radio]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea {
    text-indent: 0;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align: middle;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.km-pane-wrapper .k-mobile-list .k-widget {
    border: 0;
    border-radius: 0
}

.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
    height: initial
}

.km-pane-wrapper .k-mobile-list .k-widget .k-input, .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
    border: 0;
    background: 0 0
}

.km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
    width: 80%;
    padding: .6em 0;
    margin: -.5em 0
}

.km-pane-wrapper .k-mobile-list .k-edit-field > *, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .km-pane .k-mobile-list input, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    z-index: 1;
    position: relative
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    padding: 10px;
    border-radius: 0
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        float: none;
        width: 100%;
        padding: 1px 0;
        margin: 0;
        border-radius: 3px;
        text-indent: 30px;
        border-width: 1px;
        border-style: solid
    }

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-font-icon {
    position: absolute;
    left: 20px;
    z-index: 1
}

.km-pane-wrapper .k-scheduler-views {
    width: 18em
}

.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5em 1em
}

.km-pane-wrapper #recurrence .k-scheduler-navigation {
    width: 100%
}

.km-pane-wrapper .k-mobile-list .k-scheduler-navigation, .km-pane-wrapper .k-scheduler-views {
    display: table;
    table-layout: fixed
}

    .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li, .km-pane-wrapper .k-scheduler-views li {
        display: table-cell;
        text-align: center
    }

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        margin-top: -.5em
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
        margin-bottom: -.5em
    }

.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    text-indent: 1em
}

.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 20%;
    float: left
}

.km-pane-wrapper .k-mobile-list .k-dropdown-wrap, .km-pane-wrapper .k-mobile-list .k-numeric-wrap, .km-pane-wrapper .k-mobile-list .k-picker-wrap {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.km-pane-wrapper .k-mobile-list .k-datepicker .k-select, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
    position: absolute;
    top: 0;
    right: 0;
    line-height: normal
}

    .km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
        content: "\a0";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle
    }

.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
    height: 50%
}

.km-pane-wrapper .k-edit-form-container .k-button, .km-pane-wrapper .k-grid .k-button {
    margin: 0
}

    .km-pane-wrapper .k-edit-form-container .k-button + .k-button, .km-pane-wrapper .k-grid .k-button + .k-button {
        margin: 0 0 0 .18em
    }

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-pager-wrap > .k-link {
    width: 2.4em;
    height: 2.4em;
    line-height: 2.1em;
    border-radius: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected {
    width: auto;
    line-height: 2.2em;
    padding: 0 .86em;
    min-width: .7em
}

.km-pane-wrapper .k-pager-wrap {
    line-height: 2.4em
}

@media all and (max-width:1024px) {
    .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
        position: absolute;
        right: .3em;
        top: .3em
    }

    .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav, .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav {
        right: 3em
    }

    .km-pane-wrapper .k-pager-info, .km-pane-wrapper .k-pager-refresh {
        display: none
    }
}

@media all and (max-width:699px),(-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px) {
    .km-pane-wrapper .k-edit-field > :not([type=checkbox]):not([type=radio]):not(.k-button), .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper :not(.k-state-default):not(.k-pager-input) > input:not([type=checkbox]):not([type=radio]) {
        width: 50%
    }

    .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
        margin-left: 50%
    }

    .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
        margin-left: 1em
    }

    .km-pane-wrapper .k-nav-today a {
        padding-left: .6em;
        padding-right: .6em
    }

    .km-pane-wrapper li.k-nav-current {
        margin-left: 0;
        margin-right: 0
    }

    .km-pane-wrapper .k-pager-wrap {
        position: relative
    }

    .km-pane-wrapper .k-pager-numbers {
        width: auto;
        display: block;
        overflow: hidden;
        margin-right: 5.5em;
        float: none;
        text-overflow: ellipsis;
        height: 2.4em;
        text-align: center
    }

        .km-pane-wrapper .k-pager-numbers li {
            float: none;
            display: inline-block
        }

    .km-pane-wrapper .k-pager-nav {
        float: left
    }
}

.km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    width: 100%
}

.km-scroll-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0)
}

.k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: "opacity 0.3s linear";
    transition: "opacity 0.3s linear"
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px
}

@media only screen and (max-width:1024px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
        right: auto;
        left: 6px
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
        display: none
    }

    .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: none
    }

    .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        text-align: left;
        padding-left: 1em
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        padding-left: 0
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .333em;
        width: 1.333em;
        height: 1.333em
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        text-align: left
    }
}

.k-fx-end .k-fx-current, .k-fx-end .k-fx-next {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.k-fx {
    position: relative
}

    .k-fx .k-fx-current {
        z-index: 0
    }

    .k-fx .k-fx-next {
        z-index: 1
    }

.k-fx-hidden, .k-fx-hidden * {
    visibility: hidden !important
}

.k-fx-reverse .k-fx-current {
    z-index: 1
}

.k-fx-reverse .k-fx-next {
    z-index: 0
}

.k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important
}

.k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0
}

.k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1
}

.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    -webkit-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header {
    will-change: opacity;
    opacity: 0
}

.k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header {
    will-change: opacity;
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header {
    opacity: 0
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header {
    opacity: 1
}

.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0)
}

.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -ms-transform: translatey(100%);
    transform: translatey(100%)
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    transform: translatey(-100%)
}

.k-virtual-wrap {
    position: relative
}

    .k-virtual-wrap .k-list.k-virtual-list {
        height: auto
    }

.k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.k-virtual-wrap > .k-virtual-header {
    text-align: right
}

.k-popup .k-item.k-first {
    position: relative
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap
}

.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em
}

.k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8
}

.k-popup .k-state-hover > .k-group {
    right: -1px
}

.k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first, .k-virtual-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right
}

@font-face {
    font-family: KendoUIGlyphs;
    src: url(../../Scripts/kendo/fonts/glyphs/KendoUIGlyphs.eot?y6oa7j);
    src: url(../../Scripts/kendo/fonts/glyphs/KendoUIGlyphs.eot?y6oa7j?#iefix) format('embedded-opentype'),url(../../Scripts/kendo/fonts/glyphs/KendoUIGlyphs.ttf?y6oa7j) format('truetype'),url(../../Scripts/kendo/fonts/glyphs/KendoUIGlyphs.woff?y6oa7j) format('woff'),url(../../Scripts/kendo/fonts/glyphs/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs) format('svg');
    font-weight: 400;
    font-style: normal
}

.k-i-arrow-n:before {
    content: "\e600"
}

.k-i-arrow-e:before {
    content: "\e601"
}

.k-i-arrow-s:before {
    content: "\e602"
}

.k-i-arrow-w:before {
    content: "\e603"
}

.k-i-seek-n:before {
    content: "\e604"
}

.k-i-seek-e:before {
    content: "\e605"
}

.k-i-seek-s:before {
    content: "\e606"
}

.k-i-seek-w:before {
    content: "\e607"
}

.k-i-sarrow-n:before {
    content: "\e608"
}

.k-i-sarrow-e:before {
    content: "\e609"
}

.k-i-sarrow-s:before {
    content: "\e60a"
}

.k-i-sarrow-w:before {
    content: "\e60b"
}

.k-i-expand-n:before {
    content: "\e60c"
}

.k-i-expand-e:before {
    content: "\e60d"
}

.k-i-expand-s:before {
    content: "\e60e"
}

.k-i-expand-w:before {
    content: "\e60f"
}

.k-i-collapse-ne:before {
    content: "\e610"
}

.k-i-collapse-se:before {
    content: "\e611"
}

.k-i-collapse-sw:before {
    content: "\e612"
}

.k-i-collapse-nw:before {
    content: "\e613"
}

.k-i-resize-ne:before {
    content: "\e614"
}

.k-i-resize-se:before {
    content: "\e615"
}

.k-i-resize-sw:before {
    content: "\e616"
}

.k-i-resize-nw:before {
    content: "\e617"
}

.k-i-arrowhead-n:before {
    content: "\e618"
}

.k-i-arrowhead-e:before {
    content: "\e619"
}

.k-i-arrowhead-s:before {
    content: "\e61a"
}

.k-i-arrowhead-w:before {
    content: "\e61b"
}

.k-i-pencil:before {
    content: "\e61c"
}

.k-i-x:before {
    content: "\e61d"
}

.k-i-checkmark:before {
    content: "\e61e"
}

.k-i-deny:before {
    content: "\e61f"
}

.k-i-trash:before {
    content: "\e620"
}

.k-i-plus:before {
    content: "\e621"
}

.k-i-splus:before {
    content: "\e622"
}

.k-i-minus:before {
    content: "\e623"
}

.k-i-sminus:before {
    content: "\e624"
}

.k-i-filter:before {
    content: "\e625"
}

.k-i-filter-clear:before {
    content: "\e626"
}

.k-i-refresh:before {
    content: "\e627"
}

.k-i-refresh-clear:before {
    content: "\e628"
}

.k-i-restore:before {
    content: "\e629"
}

.k-i-maximize:before {
    content: "\e62a"
}

.k-i-minimize:before {
    content: "\e62b"
}

.k-i-pin:before {
    content: "\e62c"
}

.k-i-unpin:before {
    content: "\e62d"
}

.k-i-calendar:before {
    content: "\e62e"
}

.k-i-clock:before {
    content: "\e62f"
}

.k-i-search:before {
    content: "\e630"
}

.k-i-zoom-in:before {
    content: "\e631"
}

.k-i-zoom-out:before {
    content: "\e632"
}

.k-i-print:before {
    content: "\e633"
}

.k-i-folder-add:before {
    content: "\e634"
}

.k-i-folder-up:before {
    content: "\e635"
}

.k-i-folder-open:before {
    content: "\e634"
}

.k-i-insert-image:before {
    content: "\e636"
}

.k-i-image:before {
    content: "\e637"
}

.k-i-insert-file:before {
    content: "\e638"
}

.k-i-file:before {
    content: "\e639"
}

.k-i-files:before {
    content: "\e63a"
}

.k-i-pdf:before {
    content: "\e63b"
}

.k-i-pdfa:before {
    content: "\e68d"
}

.k-i-xls:before {
    content: "\e63c"
}

.k-i-xlsa:before {
    content: "\e63d"
}

.k-i-lock:before {
    content: "\e63e"
}

.k-i-unlock:before {
    content: "\e63f"
}

.k-i-rows:before {
    content: "\e640"
}

.k-i-columns:before {
    content: "\e641"
}

.k-i-hamburger:before {
    content: "\e642"
}

.k-i-vbars:before {
    content: "\e643"
}

.k-i-hbars:before {
    content: "\e644"
}

.k-i-move:before {
    content: "\e645"
}

.k-i-group:before {
    content: "\e646"
}

.k-i-ungroup:before {
    content: "\e647"
}

.k-i-dimension:before {
    content: "\e648"
}

.k-i-connector:before {
    content: "\e649"
}

.k-i-kpi:before {
    content: "\e64a"
}

.k-i-undo:before {
    content: "\e64b"
}

.k-i-redo:before {
    content: "\e64c"
}

.k-i-undo-large:before {
    content: "\e64d"
}

.k-i-redo-large:before {
    content: "\e64e"
}

.k-i-rotate-ccw:before {
    content: "\e64f"
}

.k-i-rotate-cw:before {
    content: "\e650"
}

.k-i-cut:before {
    content: "\e651"
}

.k-i-copy:before {
    content: "\e652"
}

.k-i-paste:before {
    content: "\e653"
}

.k-i-bold:before {
    content: "\e654"
}

.k-i-italic:before {
    content: "\e655"
}

.k-i-underline:before {
    content: "\e656"
}

.k-i-strike-through:before {
    content: "\e657"
}

.k-i-text:before {
    content: "\e658"
}

.k-i-font-size:before {
    content: "\e68e"
}

.k-i-font-family:before {
    content: "\e68f"
}

.k-i-fx:before {
    content: "\e659"
}

.k-i-subscript:before {
    content: "\e65a"
}

.k-i-superscript:before {
    content: "\e65b"
}

.k-i-background:before {
    content: "\e65c"
}

.k-i-sum:before {
    content: "\e65d"
}

.k-i-increase-decimal:before {
    content: "\e65e"
}

.k-i-decrease-decimal:before {
    content: "\e65f"
}

.k-i-justify-left:before {
    content: "\e660"
}

.k-i-justify-center:before {
    content: "\e661"
}

.k-i-justify-right:before {
    content: "\e662"
}

.k-i-justify-full:before {
    content: "\e663"
}

.k-i-justify-clear:before {
    content: "\e664"
}

.k-i-align-top:before {
    content: "\e665"
}

.k-i-align-middle:before {
    content: "\e666"
}

.k-i-align-bottom:before {
    content: "\e667"
}

.k-i-indent:before {
    content: "\e668"
}

.k-i-outdent:before {
    content: "\e669"
}

.k-i-insert-n:before {
    content: "\e66a"
}

.k-i-insert-m:before {
    content: "\e66b"
}

.k-i-insert-s:before {
    content: "\e66c"
}

.k-i-insert-unordered-list:before {
    content: "\e66d"
}

.k-i-insert-ordered-list:before {
    content: "\e66e"
}

.k-i-sort-asc:before {
    content: "\e66f"
}

.k-i-sort-desc:before {
    content: "\e670"
}

.k-i-unsort:before {
    content: "\e671"
}

.k-i-hyperlink:before {
    content: "\e672"
}

.k-i-hyperlink-remove:before {
    content: "\e673"
}

.k-i-clearformat:before {
    content: "\e674"
}

.k-i-html:before {
    content: "\e675"
}

.k-i-exception:before {
    content: "\e676"
}

.k-i-custom:before {
    content: "\e677"
}

.k-i-cog:before {
    content: "\e678"
}

.k-i-create-table:before {
    content: "\e679"
}

.k-i-add-column-left:before {
    content: "\e67a"
}

.k-i-add-column-right:before {
    content: "\e67b"
}

.k-i-delete-column:before {
    content: "\e67c"
}

.k-i-add-row-above:before {
    content: "\e67d"
}

.k-i-add-row-below:before {
    content: "\e67e"
}

.k-i-delete-row:before {
    content: "\e67f"
}

.k-i-merge-cells:before {
    content: "\e680"
}

.k-i-normal-layout:before {
    content: "\e681"
}

.k-i-page-layout:before {
    content: "\e682"
}

.k-i-all-borders:before {
    content: "\e683"
}

.k-i-inside-borders:before {
    content: "\e684"
}

.k-i-inside-horizontal-borders:before {
    content: "\e685"
}

.k-i-inside-vertical-borders:before {
    content: "\e686"
}

.k-i-outside-borders:before {
    content: "\e687"
}

.k-i-top-border:before {
    content: "\e688"
}

.k-i-right-border:before {
    content: "\e689"
}

.k-i-bottom-border:before {
    content: "\e68a"
}

.k-i-left-border:before {
    content: "\e68b"
}

.k-i-no-borders:before {
    content: "\e68c"
}

.k-i-merge-horizontally:before {
    content: "\e690"
}

.k-i-merge-vertically:before {
    content: "\e691"
}

.k-i-text-wrap:before {
    content: "\e692"
}

.k-i-dollar:before {
    content: "\e693"
}

.k-i-percent:before {
    content: "\e694"
}

.k-i-freeze-col:before {
    content: "\e695"
}

.k-i-freeze-row:before {
    content: "\e696"
}

.k-i-freeze-panes:before {
    content: "\e697"
}

.k-i-format-number:before {
    content: "\e698"
}

.k-i-reset-color:before {
    content: "\e900"
}

.k-i-file-horizontal:before {
    content: "\e901"
}

.k-i-folder:before {
    content: "\e902"
}

.k-i-folder-open:before {
    content: "\e903"
}

.k-spreadsheet {
    width: 800px;
    height: 600px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: default
}

    .k-spreadsheet .k-spreadsheet-pane {
        padding-right: 1px;
        position: absolute;
        border-width: 1px;
        border-style: solid;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .k-spreadsheet .k-spreadsheet-pane.k-top {
            border-top-width: 0
        }

        .k-spreadsheet .k-spreadsheet-pane.k-left {
            border-left-width: 0
        }

        .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
            position: absolute;
            white-space: pre;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            overflow: hidden;
            padding: 1px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box
        }

    .k-spreadsheet .k-spreadsheet-haxis, .k-spreadsheet .k-spreadsheet-vaxis {
        position: absolute;
        border-style: solid
    }

    .k-spreadsheet .k-spreadsheet-vaxis {
        top: 0;
        border-width: 0 0 0 1px
    }

    .k-spreadsheet .k-spreadsheet-haxis {
        left: 0;
        border-width: 1px 0 0
    }

    .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-spreadsheet-active-cell, .k-spreadsheet .k-spreadsheet-data {
        cursor: cell
    }

    .k-spreadsheet .k-filter-range, .k-spreadsheet .k-spreadsheet-selection {
        border-width: 1px;
        border-style: solid;
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-spreadsheet .k-spreadsheet-active-cell {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-spreadsheet .k-spreadsheet-formula-bar {
        border-width: 0 1px 1px;
        border-style: solid;
        padding-left: 31px;
        position: relative;
        font-size: 12px;
        font-family: Arial,Verdana,sans-serif
    }

        .k-spreadsheet .k-spreadsheet-formula-bar:before {
            background-image: none;
            font-family: KendoUIGlyphs;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: 1.3em;
            line-height: 1;
            opacity: 1;
            text-indent: 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e659";
            display: block;
            height: 20px;
            top: 3px;
            border-width: 0 1px 0 0;
            border-style: solid;
            position: absolute;
            width: 24px;
            margin-left: -24px
        }

        .k-spreadsheet .k-spreadsheet-formula-bar:after {
            content: "";
            display: block;
            border-width: 0 0 1px;
            border-style: solid;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%
        }

    .k-spreadsheet .k-spreadsheet-formula-input {
        outline: 0;
        border-width: 0;
        height: 26px;
        line-height: 20px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: pre;
        padding: 3px .5em 0
    }

    .k-spreadsheet .k-spreadsheet-cell-editor {
        position: absolute;
        display: none;
        padding: 0 3px;
        line-height: 20px;
        z-index: 2000;
        overflow: hidden
    }

    .k-spreadsheet > .k-spreadsheet-view {
        position: relative;
        font-size: 12px;
        font-family: Arial,Verdana,sans-serif
    }

    .k-spreadsheet .k-tabstrip-wrapper {
        position: relative;
        line-height: 1.7em
    }

        .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
            padding: 0 0 0
        }

    .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        padding: 0 0 0
    }

        .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
            padding: .3em;
            line-height: 1.4em
        }

    .k-spreadsheet .k-filter-wrapper, .k-spreadsheet .k-merged-cells-wrapper, .k-spreadsheet .k-selection-wrapper, .k-spreadsheet .k-spreadsheet-row-header {
        position: relative
    }

    .k-spreadsheet .k-spreadsheet-column-header {
        position: absolute
    }

    .k-spreadsheet .k-spreadsheet-sheets-bar {
        border-width: 1px 0 0
    }

    .k-spreadsheet .k-vertical-align-center {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .k-spreadsheet .k-vertical-align-bottom {
        position: relative;
        top: 100%;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .k-spreadsheet .k-dirty {
        position: absolute;
        top: 0;
        right: 0;
        margin: -2px 0 0 -7px;
        border-width: 4px;
        border-color: red red transparent transparent
    }

    .k-spreadsheet .k-single-selection::after {
        content: " ";
        height: 6px;
        width: 6px;
        position: absolute;
        display: block;
        bottom: 0;
        right: 0;
        border-radius: 50%;
        margin-bottom: -5px;
        margin-right: -5px;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        cursor: crosshair
    }

    .k-spreadsheet .k-auto-fill, .k-spreadsheet .k-auto-fill-punch {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .k-spreadsheet .k-auto-fill {
        border-width: 1px;
        border-style: solid;
        cursor: crosshair
    }

    .k-spreadsheet .k-auto-fill-wrapper {
        position: relative
    }

.k-font-icon, .k-font-icon.k-icon, .k-font-icon.k-tool-icon {
    font-family: KendoUIGlyphs;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.3em;
    line-height: 1;
    opacity: 1;
    text-indent: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    font-size: 16px
}

.k-spreadsheet .k-colorpicker .k-tool-icon {
    overflow: visible
}

.k-button.k-custom-color, .k-button.k-reset-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em
}

.k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: .4em
}

.k-spreadsheet-filter {
    position: absolute;
    cursor: pointer
}

.k-spreadsheet-sample {
    float: right
}

.k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid
}

    .k-spreadsheet-top-corner:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        border-width: 6px;
        border-style: solid
    }

.k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1
}

.k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.k-spreadsheet-view-size {
    position: relative
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header {
    text-align: center
}

    .k-spreadsheet-column-header .k-spreadsheet-cell, .k-spreadsheet-row-header .k-spreadsheet-cell {
        border-style: solid;
        border-width: 0 1px 1px 0
    }

.k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .5em 1em 0
}

    .k-spreadsheet-window .k-root-tabs .k-loading {
        display: none
    }

.k-spreadsheet-window .k-list-wrapper {
    padding: .15em 0;
    border-width: 1px;
    border-style: solid;
    height: 190px
}

.k-spreadsheet-window .k-list .k-item {
    border-radius: 0;
    padding: .5em .6em .4em .6em;
    cursor: pointer;
    line-height: 1.1em
}

.k-spreadsheet-window .k-format-filter {
    width: 100%
}

    .k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
        margin-top: 1em
    }

.k-spreadsheet-window .k-action-buttons {
    padding: 1em
}

.k-spreadsheet-window .k-edit-label {
    width: 20%
}

.k-spreadsheet-window .k-edit-field {
    width: 70%
}

    .k-spreadsheet-window .k-edit-field .k-dropdown, .k-spreadsheet-window .k-edit-field .k-textbox {
        width: 100%
    }

.k-spreadsheet-window .export-config {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 1em;
    margin: 0 -1em
}

    .k-spreadsheet-window .export-config .k-edit-field {
        width: 40%;
        float: left;
        margin-left: 30px
    }

.k-spreadsheet-window .k-edit-field > input[type=radio] {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0
}

.k-spreadsheet-window .k-edit-field > .k-orientation-label {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-width: 1px;
    border-style: solid
}

    .k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
        font-family: KendoUIGlyphs;
        font-size: 16px
    }

.k-spreadsheet-window .k-orientation-portrait-label:before {
    content: "\e639"
}

.k-spreadsheet-window .k-orientation-landscape-label:before {
    content: "\e901"
}

.k-spreadsheet-window .k-page-orientation {
    position: absolute;
    right: 4em;
    top: 22%;
    width: 64px;
    height: 92px;
    border-width: 1px;
    border-style: solid
}

    .k-spreadsheet-window .k-page-orientation:before {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-width: 3px;
        border-style: solid;
        margin-top: -1px;
        margin-right: -1px
    }

.k-spreadsheet-window .k-page-landscape {
    top: 26%;
    width: 92px;
    height: 64px
}

.k-spreadsheet-window .k-margins-horizontal {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 62px;
    border-width: 1px 0;
    border-style: solid
}

.k-spreadsheet-window .k-margins-vertical {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 34px;
    height: 100%;
    border-width: 0 1px;
    border-style: solid
}

.k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
    height: 34px
}

.k-spreadsheet-window .k-page-landscape .k-margins-vertical {
    width: 62px
}

.k-spreadsheet-window .export-config:after, .k-spreadsheet-window > div:after {
    content: " ";
    display: block;
    clear: both;
    height: 0
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    font-weight: 700;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -.863em .72em;
    border-style: solid;
    border-width: 1px 0
}

.k-spreadsheet-border-palette {
    width: 153px
}

    .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 20%
    }

    .k-spreadsheet-border-palette .k-colorpalette {
        vertical-align: bottom
    }

.k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-popup .k-colorpalette {
    vertical-align: top
}

.k-spreadsheet-popup .k-button.k-button-icon {
    padding: .6em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: .6em 1.2em .6em 1em;
    border-width: 0;
    border-radius: 0
}

.k-spreadsheet-filter-menu {
    width: 280px
}

    .k-spreadsheet-filter-menu > .k-menu {
        border-width: 0
    }

        .k-spreadsheet-filter-menu > .k-menu .k-link {
            padding-left: 26px
        }

        .k-spreadsheet-filter-menu > .k-menu .k-icon.k-font-icon {
            margin-left: -26px;
            width: 26px
        }

    .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
        height: 200px;
        overflow-y: scroll;
        overflow-x: auto;
        border-width: 1px;
        border-style: solid
    }

        .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
            overflow: visible;
            padding: 6px 7px
        }

    .k-spreadsheet-filter-menu .k-details {
        border-top-width: 1px;
        border-top-style: solid;
        padding: 4px 0
    }

    .k-spreadsheet-filter-menu .k-details-summary {
        cursor: pointer;
        line-height: 26px
    }

        .k-spreadsheet-filter-menu .k-details-summary .k-icon {
            margin: 0 5px
        }

    .k-spreadsheet-filter-menu .k-details-content {
        padding: 0 8px 0 26px
    }

        .k-spreadsheet-filter-menu .k-details-content > .k-textbox, .k-spreadsheet-filter-menu .k-details-content > .k-widget {
            width: 100%;
            margin-bottom: 3px
        }

        .k-spreadsheet-filter-menu .k-details-content .k-space-right {
            background-image: none
        }

        .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
            width: 75px;
            margin: 8px 0
        }

    .k-spreadsheet-filter-menu .k-action-buttons {
        border-top-width: 0;
        margin: 8px;
        padding: 0;
        position: static
    }

.k-resize-handle, .k-resize-hint {
    position: absolute
}

.k-resize-hint-handle {
    width: 100%;
    height: 20px
}

.k-resize-hint-marker {
    width: 2px;
    height: 100%;
    margin: 0 auto
}

.k-resize-hint-vertical .k-resize-hint-handle {
    height: 100%;
    width: 20px;
    float: left
}

.k-resize-hint-vertical .k-resize-hint-marker {
    height: 2px;
    width: 100%
}

.k-button.k-spreadsheet-sheets-bar-add, .k-spreadsheet-quick-access-toolbar .k-button {
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

.k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0
}

    .k-spreadsheet-tabstrip > .k-content {
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        margin: 0;
        padding: 0
    }

    .k-spreadsheet-tabstrip .k-loading {
        display: none
    }

.k-spreadsheet-toolbar.k-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

    .k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
        margin-left: 0
    }

    .k-spreadsheet-toolbar.k-toolbar > .k-button-group {
        border-width: 0
    }

.k-spreadsheet-toolbar .k-button, .k-spreadsheet-toolbar > .k-button-group, .k-spreadsheet-toolbar > .k-widget, .k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
    margin: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: none
}

    .k-spreadsheet-toolbar > .k-widget[data-property=fontSize] {
        width: 75px
    }

    .k-spreadsheet-toolbar > .k-widget[data-property=format] {
        width: 100px
    }

    .k-spreadsheet-toolbar > .k-widget[data-property=fontFamily] {
        width: 130px
    }

.k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
    border-color: transparent
}

.k-spreadsheet-toolbar .k-separator {
    margin: 0 3px;
    width: 0;
    overflow: hidden;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block
}

.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point, .k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point {
    text-decoration: underline
}

.k-spreadsheet-formula-input > .k-series-a, .k-spreadsheet-formula-input > .k-series-b, .k-spreadsheet-formula-input > .k-series-c, .k-spreadsheet-formula-input > .k-series-d {
    background-color: transparent
}

.k-spreadsheet-selection-highlight {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.k-spreadsheet-formula-list {
    min-width: 100px
}

    .k-spreadsheet-formula-list .k-item {
        padding: 0 .3em;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.k-spreadsheet-sheets-bar {
    position: relative
}

.k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: .5em .5em .5em -.5em
}

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
        padding: 2px;
        line-height: normal
    }

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
        margin: 0
    }

.k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: 0 0 !important;
    border-width: 0 !important
}

@font-face {
    font-family: "DejaVu Sans";
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: 700;
    font-style: italic;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: 700;
    font-style: italic;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype")
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: 700;
    font-style: italic;
    src: url(../../Scripts/kendo/fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype")
}

.kendo-pdf-hide-pseudo-elements:after, .kendo-pdf-hide-pseudo-elements:before {
    display: none !important
}

.k-button, .k-toolbar .k-button {
    line-height: 1.143em;
    padding: 9px 14px
}

.k-widget.k-tabstrip {
    background-image: none;
    border-style: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-tabstrip .k-tabstrip-items {
    padding: 0
}

.k-panelbar .k-tabstrip > div.k-content, .k-tabstrip > div.k-content {
    margin: 0
}

.k-panel > .k-item > .k-link, .k-panelbar > .k-item > .k-link {
    line-height: 3.5em
}

.k-panelbar .k-image {
    margin-top: 12px
}

.k-panelbar .k-link > .k-sprite {
    margin-top: 16px
}

.k-tabstrip > .k-tabstrip-items > .k-item {
    text-transform: uppercase;
    border-width: 0;
    border-style: solid;
    padding: 0
}

.k-tabstrip-left > .k-tabstrip-items .k-loading, .k-tabstrip-right > .k-tabstrip-items .k-loading {
    display: none
}

.k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-tabstrip-top > .k-tabstrip-items .k-tab-on-top {
    margin-bottom: -1px
}

.k-tabstrip-top > .k-tabstrip-items > .k-item {
    border-bottom-width: 2px
}

.k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top {
    margin-right: -2px
}

.k-tabstrip-left > .k-tabstrip-items > .k-item {
    border-right-width: 2px
}

.k-tabstrip-right > .k-tabstrip-items > .k-item {
    border-left-width: 2px
}

.k-tabstrip-bottom > .k-tabstrip-items > .k-item {
    border-top-width: 2px
}

.k-tabstrip .k-tabstrip-items .k-link {
    padding: 1.071em
}

.k-slider-track {
    border-width: 1px;
    border-style: solid
}

.k-grouping-dropclue {
    margin-top: 10px
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: .786em .6em
}

.k-grid-header th.k-header {
    padding-left: 1.286em
}

.k-filtercell > span {
    padding-right: 5.714em
}

    .k-filtercell > span > .k-button {
        padding-left: .714em;
        padding-right: .714em;
        line-height: 1.286em;
        margin: 0
    }

.k-filter-row .k-dropdown-operator {
    width: 2.714em;
    right: 2.857em
}

.k-filter-menu {
    padding: .5em .5em 0
}

    .k-filter-menu .k-button {
        margin: 0;
        width: 50%;
        border-radius: 0
    }

    .k-filter-menu .k-primary {
        float: right
    }

    .k-filter-menu > div > div:last-child {
        margin: .5em -.5em 0;
        border-top-width: 1px;
        border-top-style: solid
    }

    .k-filter-menu .k-primary {
        border-left-width: 1px;
        border-left-style: solid
    }

.k-grouping-header .k-group-indicator {
    padding: .5em .15em .429em .4em
}

.k-grid .k-grouping-row td {
    padding: .6em .6em .643em
}

.k-grouping-header .k-button, .k-grouping-header a {
    vertical-align: baseline
}

.k-grid td {
    padding: 5px 1.286em
}

.k-grid-header th.k-header > .k-link {
    padding: 0;
    margin: 0;
    min-height: 16px;
    line-height: inherit
}

.k-grouping-header {
    line-height: 2.6
}

.k-grid-content tr:last-child > td {
    border-bottom-width: 0
}

.k-grid tr td, .k-pivot-layout .k-grid tr td {
    border-bottom-width: 1px;
    border-style: solid
}

.k-grouping-row + tr td {
    border-top-width: 0
}

.k-grid-content table tr:first-child td, .k-grid-content-locked table tr:first-child td {
    border-top: 0
}

.k-grid-content tr td {
    border-left-width: 0
}

.k-pager-numbers .k-state-selected {
    line-height: 2.429em;
    cursor: pointer
}

.k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    border-width: 2px 0 0;
    padding-top: .7em
}

.k-pager-wrap {
    line-height: 1.286em;
    padding: .429em 0 .429em .25em
}

    .k-pager-numbers .k-link, .k-pager-wrap > .k-link {
        height: 2.429em;
        line-height: 2.429em
    }

    .k-pager-sizes, .k-pager-wrap .k-link {
        padding: 0;
        min-width: 2.429em
    }

    .k-pager-wrap .k-pager-numbers .k-state-selected {
        margin-top: -.45em;
        padding-top: .45em;
        min-width: 2.429em
    }

    .k-pager-wrap input.k-textbox {
        height: 2.571em
    }

.k-pager-info {
    padding: .714em 1.333em .643em 1.333em
}

.k-pager-wrap .k-pager-refresh {
    margin-right: 1.214em
}

.k-pager-wrap .k-dropdown {
    width: 5.2em
}

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    bottom: 10px
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding: 0 2.571em 0 0
}

    .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
        width: 2.571em
    }

.k-datetimepicker {
    width: 19.5em
}

    .k-datetimepicker .k-select {
        width: 5em
    }

    .k-datetimepicker .k-picker-wrap {
        padding-right: 5em
    }

        .k-datetimepicker .k-picker-wrap .k-icon {
            margin: 0 6px
        }

.k-calendar {
    width: 19em
}

    .k-calendar .k-header {
        margin: 0 -5px
    }

    .k-calendar td {
        padding: 0
    }

    .k-calendar .k-content .k-link {
        min-height: 2.571em;
        line-height: 2.571em;
        padding: 0;
        text-align: center
    }

    .k-calendar th {
        border-bottom-width: 0;
        padding: .714em .45em .714em 0
    }

    .k-calendar .k-footer {
        border-top-width: 1px;
        border-top-style: solid;
        margin: 0 -5px
    }

.k-popup.k-list-container {
    padding: .286em 0
}

.k-popup.k-calendar-containe {
    padding: 0
}

.k-fieldselector .k-list .k-item, .k-popup .k-list .k-item {
    min-height: 2.143em;
    line-height: 2.143em
}

.k-popup .k-list .k-item {
    padding: 1px 11px
}

.k-button, .k-calendar .k-footer, .k-calendar .k-header .k-link {
    text-transform: uppercase
}

.k-widget.k-calendar .k-nav-fast {
    width: 65%;
    height: 2.571em;
    line-height: 2.571em;
    margin: .429em -.08333em .429em 0
}

.k-calendar .k-header .k-icon {
    vertical-align: middle
}

.k-widget.k-calendar .k-nav-next, .k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .429em;
    line-height: 2.571em;
    height: 2.571em
}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev {
    height: 2.571em;
    width: 2.571em
}

.k-widget.k-calendar .k-nav-prev {
    left: .429em
}

.k-widget.k-calendar .k-nav-next {
    right: .429em
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
    padding: 1.143em 0 1.071em
}

.k-popup.k-calendar-container {
    padding: 0;
    border: 0
}

.k-multiselect-wrap .k-input {
    height: 2.214em
}

.k-multiselect-wrap li {
    border-radius: 1.071em;
    margin: 3px 0 3px 3px;
    padding: 0 1.6em 0 .857em;
    line-height: 1.86em
}

    .k-multiselect-wrap li span {
        margin-right: .4em
    }

.k-multiselect-wrap .k-select {
    padding-top: 0
}

.k-numeric-wrap .k-select {
    vertical-align: baseline
}

.k-numerictextbox .k-link {
    height: 1.284em;
    line-height: 1.357em
}

    .k-numerictextbox .k-link .k-i-arrow-n {
        vertical-align: bottom
    }

    .k-numerictextbox .k-link .k-i-arrow-s {
        vertical-align: top
    }

.k-menu .k-item, .k-menu.k-header, .k-widget.k-menu-horizontal > .k-item {
    border-width: 0
}

.k-popup.k-context-menu {
    border-width: 1px;
    border-style: solid
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
    padding: .5em 4.929em .5em 1.714em
}

.k-menu .k-item > .k-link > .k-i-arrow-e {
    right: 2.143rem
}

.k-menu .k-animation-container .k-menu-group {
    padding: 1.143em 0
}

.k-column-menu .k-menu .k-animation-container .k-menu-group {
    padding: 0
}

.k-column-menu .k-menu-vertical .k-separator {
    height: 0
}

table.k-editor {
    border-spacing: 0
}

.k-editor .k-editable-area {
    border-width: 1px 0 0
}

.k-editor .k-editor-toolbar-wrap {
    padding-left: 10px
}

.k-toolbar {
    line-height: 3.42em
}

    .k-toolbar > div > label {
        line-height: 3.42em
    }

    .k-toolbar .k-overflow-anchor > .k-icon {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .k-toolbar .k-dropdown {
        margin-top: -1px
    }

    .k-toolbar .k-split-button .k-button {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .k-toolbar .k-button-group {
        line-height: 3.286em
    }

        .k-toolbar .k-button-group .k-button {
            line-height: inherit;
            padding: 0 .857em
        }

    .k-toolbar .k-input {
        height: 2.214em;
        line-height: 2.214em;
        padding: .177em 0;
        text-indent: .8em;
        border: 0;
        margin: 0
    }

    .k-toolbar .k-overflow-anchor {
        border-width: 0;
        line-height: 3.286em;
        width: 3.42em;
        height: 3.42em;
        padding: 0
    }

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
    font-size: 1.2em
}

.k-button-group .k-tool {
    margin: 6px 0
}

.k-toolbar .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em
}

.k-editor-toolbar .k-button-group .k-tool-icon, .k-toolbar .k-button-group .k-tool-icon {
    width: 24px;
    height: 24px
}

.k-editor-toolbar li.k-overflow-tools, .k-editor-toolbar li.k-tool-group {
    padding: 0
}

.k-editor-toolbar .k-button-group .k-tool {
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0
}

    .k-editor-toolbar .k-button-group .k-tool.k-group-end, .k-editor-toolbar .k-tool {
        border-width: 0
    }

.k-editor-toolbar .k-state-selected {
    font-weight: 700
}

.k-filebrowser .k-filebrowser-toolbar {
    line-height: 3.5em
}

    .k-filebrowser .k-filebrowser-toolbar .k-upload {
        margin-top: 3px
    }

    .k-filebrowser .k-filebrowser-toolbar .k-button-icon {
        margin-top: -3px
    }

.k-filebrowser .k-upload .k-upload-button {
    vertical-align: bottom
}

.k-filebrowser .k-search-wrap .k-search {
    top: 25%;
    right: 4px
}

.k-filebrowser .k-search-wrap {
    padding: 2px .3em
}

.k-filebrowser .k-tiles-arrange .k-dropdown {
    width: 80px
}

.k-draghandle {
    border-width: 2px
}

span.k-tooltip {
    padding: 9px 17px
}

.k-block > .k-header, .k-window-titlebar {
    padding: .5em 0 .571em
}

    .k-window-titlebar .k-window-actions {
        right: .929em
    }

div.k-window {
    border-width: 0
}

.k-window-title {
    right: 1.143em;
    left: 1.143em
}

div.k-window-content {
    padding: 1.333em
}

div.editorToolbarWindow.k-window-content {
    padding: 0
}

.editorToolbarWindow .k-editortoolbar-dragHandle {
    line-height: 30px
}

.k-file {
    padding: .357em .167em .357em .8em
}

.k-scheduler-table td, .k-scheduler-table th {
    height: 1.643em
}

.k-gantt-treelist .k-grid-header tr {
    height: 5.714em
}

.k-gantt-timeline .k-grid-header tr {
    height: 2.857em
}

.k-gantt .k-task-summary-complete:after, .k-gantt .k-task-summary-complete:before, .k-gantt .k-task-summary:after, .k-gantt .k-task-summary:before {
    border-width: 0
}

.k-gantt .k-task {
    border-width: 0
}

.k-gantt .k-task-actions {
    line-height: 2.429em
}

.k-gantt .k-task-single {
    margin-top: -.429em
}

.k-gantt .k-task-template {
    padding: .643em 1.4em .643em .6em
}

.k-gantt .k-task-milestone {
    width: 17px;
    height: 17px
}

.k-gantt .k-task-draghandle {
    margin-left: 24px;
    border-width: 8px;
    border-radius: 0 50% 50% 50%;
    border-style: solid;
    bottom: -11px
}

.k-gantt .k-gantt-timeline th {
    text-align: left
}

.k-notification-wrap {
    padding: 1.786em
}

    .k-notification-wrap > .k-i-close {
        top: 21px
    }

.k-slider-track {
    border-width: 0
}

.k-slider .k-button .k-icon {
    margin-top: 5px
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    height: 2px;
    margin-top: -1px
}

.k-slider-vertical .k-slider-selection, .k-slider-vertical .k-slider-track {
    width: 2px;
    margin-left: -1px
}

.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle, .k-slider-horizontal .k-draghandle, .k-slider-vertical .k-draghandle {
    width: 6px;
    height: 6px
}

.k-flatcolorpicker .k-hue-slider .k-draghandle {
    margin-top: -1px
}

.k-colorpicker .k-picker-wrap {
    line-height: 2.214em
}

.k-colorpicker .k-selected-color {
    height: 2.214em;
    padding: .177em 0
}

.k-draghandle.k-state-selected, .k-draghandle.k-state-selected:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
    width: 10px;
    height: 10px
}

.k-draghandle.k-state-focused.k-state-selected {
    margin-left: -2px
}

.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, .k-slider-horizontal .k-draghandle.k-state-selected {
    top: -6px
}

.k-slider-vertical .k-draghandle.k-state-selected {
    left: -4px
}

.k-panelbar-collapse, .k-panelbar-expand {
    right: 16px
}

.k-header.k-grid-toolbar {
    border-color: #3343a4
}

.k-grid-toolbar, .k-grouping-header {
    padding: .429em
}

.k-grouping-header {
    padding-left: 1.286em
}

.k-grid .k-icon {
    opacity: .45
}

.k-grid td.k-group-cell, .k-grid th.k-group-cell {
    text-overflow: clip
}

form.k-filter-menu .k-textbox {
    margin-bottom: 7px
}

.k-gantt-toolbar, .k-scheduler-footer .k-scheduler-fullday, .k-scheduler-toolbar .k-nav-today, .k-scheduler-toolbar .k-scheduler-views {
    text-transform: uppercase
}

.k-scheduler-footer .k-icon.k-i-clock {
    display: none
}

.k-gantt-toolbar > ul > li, .k-scheduler-toolbar > ul > li {
    border-width: 0 0 2px 0
}

.k-gantt-toggle, .k-gantt-toolbar li .k-link, .k-scheduler-toolbar li .k-link {
    vertical-align: middle;
    line-height: 46px
}

.k-gantt-toggle {
    padding: 0
}

.k-gantt-actions {
    vertical-align: middle;
    line-height: 48px
}

    .k-gantt-actions > .k-button {
        vertical-align: middle
    }

.k-gantt-toolbar, .k-scheduler-footer, .k-scheduler-toolbar {
    line-height: 44px;
    vertical-align: middle
}

.k-scheduler-footer {
    padding: 0
}

.k-popup-edit-form .k-primary {
    float: right
}

.k-popup-edit-form:after {
    content: " ";
    display: block;
    clear: both
}

.k-gantt-toolbar, .k-scheduler-toolbar {
    padding: 0 1.286em
}

.k-scheduler-navigation {
    margin-left: -.786em
}

.k-drag-clue {
    font-size: 1em;
    padding: .65em 1em
}

.k-state-border-down .k-select .k-i-arrow-s {
    background-position: 0 0
}

.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px
}

.k-grid-header .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px
}

.k-delete, .k-group-delete, .k-i-close {
    background-position: -32px -16px
}

.k-multiselect .k-delete {
    margin-top: -2px
}

.k-multiselect .k-button:not(.k-state-disabled):hover .k-delete {
    background-position: -160px -80px
}

.k-window-titlebar .k-i-maximize, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-maximize {
    background-position: -48px -144px
}

.k-window-titlebar .k-i-minimize, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-minimize {
    background-position: -80px -288px
}

.k-window-titlebar .k-i-pin, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-pin {
    background-position: -176px -256px
}

.k-window-titlebar .k-i-custom, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-custom {
    background-position: -141px -113px
}

.k-window-titlebar .k-i-refresh, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-refresh {
    background-position: -48px -112px
}

.k-window-titlebar .k-i-close, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-close {
    background-position: -48px -16px
}

.k-window-titlebar .k-i-restore, .k-window-titlebar .k-link:not(.k-state-disabled):hover > .k-i-restore {
    background-position: -48px -128px
}

.k-calendar .k-icon.k-i-arrow-w, .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-calendar .k-state-hover .k-icon.k-i-arrow-w {
    background-position: -16px -48px;
    opacity: 1
}

.k-calendar .k-icon.k-i-arrow-e, .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-calendar .k-state-hover .k-icon.k-i-arrow-e {
    background-position: -16px -16px;
    opacity: 1
}

.k-treeview .k-minus {
    background-position: 0 -32px
}

.k-treeview .k-plus {
    background-position: 0 -16px
}

.k-treeview .k-loading {
    background-position: 50%
}

.k-splitbar-horizontal-hover .k-resize-handle {
    background-position: -165px -6px
}

.k-splitbar-horizontal-hover .k-collapse-next {
    background-position: -5px -142px
}

.k-splitbar-horizontal-hover .k-collapse-prev {
    background-position: -6px -174px
}

.k-splitbar-vertical-hover .k-resize-handle {
    background-position: -38px -309px
}

.k-splitbar-vertical-hover .k-collapse-next {
    background-position: 2px -165px
}

.k-splitbar-vertical-hover .k-collapse-prev {
    background-position: 2px -134px
}

.k-splitbar-horizontal.k-state-focused .k-resize-handle {
    background-position: -181px -6px
}

.k-splitbar-horizontal.k-state-focused .k-collapse-next {
    background-position: -21px -142px
}

.k-splitbar-horizontal.k-state-focused .k-collapse-prev {
    background-position: -22px -174px
}

.k-splitbar-vertical.k-state-focused .k-resize-handle {
    background-position: -70px -309px
}

.k-splitbar-vertical.k-state-focused .k-collapse-next {
    background-position: -14px -165px
}

.k-splitbar-vertical.k-state-focused .k-collapse-prev {
    background-position: -14px -134px
}

.k-grid .k-delete {
    background-position: -32px -16px
}

.k-grid-header .k-i-arrow-n, .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: -15px -256px
}

.k-grid-header .k-i-arrow-s, .k-grid-header .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: -15px -288px
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    padding: .714em;
    margin: -.786em -.6em
}

    .k-grid-header .k-header-column-menu .k-i-arrowhead-s {
        background-position: -80px -32px
    }

.k-header .k-button:hover > .k-i-pdf, .k-header .k-i-pdf {
    background-position: -80px -80px
}

.k-header .k-button:hover > .k-i-excel, .k-header .k-i-excel {
    background-position: -80px -96px
}

.k-grid-toolbar .k-add, .k-grid-toolbar .k-button:hover .k-add {
    background-position: -48px -64px
}

.k-grid-toolbar .k-button:hover .k-update, .k-grid-toolbar .k-update {
    background-position: -48px -32px
}

.k-grid-toolbar .k-button:hover .k-cancel, .k-grid-toolbar .k-cancel {
    background-position: -48px -48px
}

.k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete, .k-grouping-header .k-group-delete {
    background-position: -176px -80px
}

.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n, .k-grouping-header .k-si-arrow-n {
    background-position: -16px -288px
}

.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s, .k-grouping-header .k-si-arrow-s {
    background-position: -16px -256px
}

.k-scheduler .k-state-default .k-link .k-icon.k-i-calendar, .k-scheduler .k-state-default.k-state-hover .k-link .k-i-calendar {
    background-position: -48px -176px
}

.k-scheduler .k-i-arrow-e, .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -16px
}

.k-scheduler .k-i-arrow-w, .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -48px
}

.k-scheduler .k-i-clock, .k-scheduler .k-state-hover .k-link .k-i-clock {
    opacity: 1;
    background-position: -48px -192px
}

.k-scheduler .k-link:not(.k-state-disabled):hover > .k-si-close, .k-scheduler .k-si-close {
    background-position: -176px -80px
}

.k-scheduler .k-i-refresh {
    background-position: -48px -112px
}

.k-gantt .k-button:hover .k-i-plus, .k-gantt .k-i-plus, .k-gantt .k-link:hover > .k-icon.k-si-arrow-n {
    background-position: -48px -64px
}

.k-gantt .k-i-collapse {
    background-position: 0 -32px
}

.k-gantt .k-i-expand {
    background-position: 0 0
}

.k-gantt .k-button:not(.k-state-disabled):hover .k-i-gantt-toggle, .k-gantt .k-i-gantt-toggle {
    background-position: -80px -240px
}

.k-i-arrowhead-s {
    background-position: -15px -288px
}

.k-button:hover .k-i-arrowhead-s, .k-item.k-state-hover .k-i-arrowhead-s {
    background-position: -16px -288px
}

.k-button:hover .k-si-close, .k-item.k-state-hover .k-si-close, .k-si-close {
    background-position: -176px -80px
}

.k-panelbar .k-link.k-state-selected .k-i-arrow-n, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-pivot .k-link.k-state-selected .k-i-arrow-n, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-n {
    background-position: 0 -192px
}

.k-panelbar .k-link.k-state-selected .k-i-arrow-s, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-pivot .k-link.k-state-selected .k-i-arrow-s, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-s {
    background-position: 0 -224px
}

.k-panelbar .k-link.k-state-selected .k-i-arrow-e, .k-panelbar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-pivot .k-link.k-state-selected .k-i-arrow-e, .k-pivot .k-link:not(.k-state-disabled):hover > .k-i-arrow-e {
    background-position: 0 -190px
}

.k-pivot .k-i-arrow-n {
    background-position: 0 -192px
}

.k-pivot .k-i-arrow-s {
    background-position: 0 -224px
}

.k-pivot .k-i-arrow-e {
    background-position: 0 -190px
}

.k-panelbar .k-link > .k-i-arrow-n {
    background-position: 0 -192px
}

.k-panelbar .k-link > .k-i-arrow-s {
    background-position: 0 -224px
}

.k-panelbar .k-link > .k-i-arrow-e {
    background-position: 0 -190px
}

.k-pivot-configurator-settings .k-button:hover .k-si-close, .k-pivot-configurator-settings .k-item.k-state-hover .k-si-close, .k-pivot-configurator-settings .k-si-close {
    background-position: -160px -80px
}

.k-pivot .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-pivot .k-header .k-i-arrowhead-s {
    background-position: -16px -288px
}

.k-pivot .k-button:not(.k-state-disabled):hover .k-si-close, .k-pivot .k-header .k-si-close {
    background-position: -176px -80px
}

.k-notification .k-i-note {
    background-position: -176px -240px
}

.k-checkbox:indeterminate + .k-checkbox-label:before {
    border-width: 2px
}

.k-checkbox + .k-checkbox-label:before {
    z-index: 1
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    width: 10px;
    height: 10px;
    border-width: 0;
    margin-left: 0;
    top: 4px;
    left: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 2
}

.k-radio:checked + .k-radio-label:after {
    top: 4px;
    left: 4px
}

.k-rtl .k-widget .k-dropdown-wrap, .k-rtl .k-widget .k-numeric-wrap, .k-rtl .k-widget .k-picker-wrap {
    padding-left: 2.5em
}

.k-rtl .k-widget.k-datetimepicker .k-picker-wrap {
    padding-left: 5em
}

    .k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon {
        margin: 0 6px
    }

.k-webkit .k-rtl .k-widget .k-dropdown-wrap .k-input, .k-webkit .k-rtl .k-widget .k-numeric-wrap .k-input {
    margin-right: 0
}

.k-rtl .k-calendar .k-icon.k-i-arrow-w, .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-scheduler .k-i-arrow-w, .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-w {
    background-position: -16px -16px
}

.k-rtl .k-calendar .k-icon.k-i-arrow-e, .k-rtl .k-calendar .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-scheduler .k-i-arrow-e, .k-rtl .k-scheduler .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-scheduler .k-state-hover .k-link .k-i-arrow-e {
    background-position: -16px -48px
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-pager-wrap > .k-link {
    border-radius: 0
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-wrap > .k-link, .km-pane-wrapper .k-pager-wrap > .k-pager-info {
    padding: .571em .86em
}

.km-pane-wrapper .k-pager-numbers .k-state-selected {
    padding: .971em .86em .571em
}

.km-pane-wrapper .k-pager-numbers .k-link {
    min-width: 2.429em
}

.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 0
}

    .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar .k-scheduler-navigation {
        margin-bottom: -.6em
    }
/*# sourceMappingURL=kendo.common-material.min.css.map */
/* Kendo skin */
.k-theme-test-class,
.ktb-theme-id-material {
    opacity: 0;
}

.ktb-var-accent {
    color: #a33234;
}

.ktb-var-base {
    color: #ffffff;
}

.ktb-var-background {
    color: #ffffff;
}

.ktb-var-border-radius {
    border-radius: 2px;
}

.ktb-var-normal-background {
    color: #ffffff;
}

.ktb-var-normal-gradient {
    background-image: none;
}

.ktb-var-normal-text-color {
    color: #444444;
}

.ktb-var-hover-background {
    color: #ebebeb;
}

.ktb-var-hover-gradient {
    background-image: none;
}

.ktb-var-hover-text-color {
    color: #444444;
}

.ktb-var-selected-background {
    color: #f38341;
}

.ktb-var-selected-gradient {
    background-image: none;
}

.ktb-var-selected-text-color {
    color: #3f51b5;
}

.ktb-var-error {
    color: #ffcdd2;
}

.ktb-var-warning {
    color: #fdefba;
}

.ktb-var-success {
    color: #c8e6c9;
}

.ktb-var-info {
    color: #bbdefb;
}

.ktb-var-series-a {
    color: #3f51b5;
}

.ktb-var-series-b {
    color: #03a9f4;
}

.ktb-var-series-c {
    color: #4caf50;
}

.ktb-var-series-d {
    color: #f9ce1d;
}

.ktb-var-series-e {
    color: #ff9800;
}

.ktb-var-series-f {
    color: #ff5722;
}

.k-grid-norecords-template {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
}

.k-in,
.k-item,
.k-window-action {
    border-color: transparent;
}
/* main colors */
.k-block,
.k-widget {
    background-color: #ffffff;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files {
    border-color: #e6e6e6;
}

    .k-group,
    .k-toolbar,
    .k-grouping-header,
    .k-pager-wrap,
    .k-group-footer td,
    .k-grid-footer,
    .k-footer-template td,
    .k-widget .k-status,
    .k-calendar th,
    .k-dropzone-hovered,
    .k-widget.k-popup {
        background-color: #a33234;
    }

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
    background-color: #a33234;
}

.k-list-container {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
    background-color: #ffffff;
}

.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #fafafa;
}

.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
    background-color: #e6e6e6;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
    border-color: #e6e6e6;
    background-color: #ffffff;
}

    .k-textbox > input,
    .k-autocomplete .k-input,
    .k-dropdown-wrap .k-input,
    .k-autocomplete.k-state-focused .k-input,
    .k-dropdown-wrap.k-state-focused .k-input,
    .k-picker-wrap.k-state-focused .k-input,
    .k-numeric-wrap.k-state-focused .k-input {
        border-color: #e6e6e6;
    }

    input.k-textbox,
    textarea.k-textbox,
    input.k-textbox:hover,
    textarea.k-textbox:hover,
    .k-textbox > input {
        background: none;
    }

        .k-input,
        input.k-textbox,
        textarea.k-textbox,
        input.k-textbox:hover,
        textarea.k-textbox:hover,
        .k-textbox > input,
        .k-multiselect-wrap {
            background-color: #ffffff;
            color: #444444;
        }

            .k-input[readonly] {
                background-color: #ffffff;
                color: #444444;
            }

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
    color: #444444;
}

.k-inverse {
    color: #ffffff;
}

.k-block {
    color: #ffffff;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #428bca;
}

.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
    color: #444444;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
    color: #ffffff;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #a33234;
}

.k-widget.k-tooltip {
    background-image: none;
}

.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #a33234;
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    opacity: 0.7;
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 0.7;
}

.k-tool {
    border-color: transparent;
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/sprite.png');
    border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/sprite.png');
    border-color: transparent;
}

.k-loading,
.k-state-hover .k-loading {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/loading.gif');
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/loading-image.gif');
}

.k-loading-color {
    background-color: #ffffff;
}

.k-button {
    color: #444444;
    border-color: #fafafa;
    background-color: #fafafa;
}

.k-draghandle {
    border-color: #a33234;
    background-color: #a33234;
    box-shadow: none;
}

    .k-draghandle:hover {
        border-color: #a33234;
        background-color: #a33234;
        box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
    }
/* Scheduler */
.k-scheduler {
    color: #ffffff;
    background-color: #ffffff;
}

.k-scheduler-layout {
    color: #444444;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
    background-color: #ffffff;
    color: #444444;
}

.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
    border-color: #e6e6e6;
}

.k-nonwork-hour {
    background-color: #fafafa;
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.02);
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(0, 0, 0, 0.2);
}

.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
    background-color: #e9e9e9;
}

.k-scheduler-now-arrow {
    border-left-color: #eed3d7;
}

.k-scheduler-now-line {
    background-color: #eed3d7;
}

.k-event,
.k-task-complete {
    border-color: #0189e8;
    background: #0189e8 0 -257px none repeat-x;
    color: #ffffff;
}

.k-event-inverse {
    color: #444444;
}

.k-event.k-state-selected {
    background-position: 0 0;
    box-shadow: 0 0 0 2px #444444;
}

.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
    background-color: #ffffff;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
    border-color: #ffffff;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    background-color: #ffffff;
    color: #444444;
    border-color: #cccccc;
}

.k-panelbar > li > .k-link {
    color: #444444;
}

.k-panelbar > .k-item > .k-link {
    border-color: #cccccc;
}

.k-panel > li.k-item {
    background-color: #ffffff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
    background-color: #ffffff;
    border-color: #cccccc;
    color: #444444;
}

.k-fieldselector .k-list-container {
    background-color: #ffffff;
}

.k-button:focus,
.k-button.k-state-focused {
    border-color: #dbdbdb;
}

.k-button:hover,
.k-button.k-state-hover {
    color: #444444;
    border-color: #ebebeb;
    background-color: #ebebeb;
}

.k-button:active,
.k-button.k-state-active {
    color: #3f51b5;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #ffffff;
        border-color: #5c6bc0;
        background-color: #5c6bc0;
    }

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 #c4c4c4;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent;
}

.k-state-highlight {
    background: #ffffff;
    color: #444444;
}

.k-state-focused,
.k-grouping-row .k-state-focused {
    border-color: #67afe9;
}

.k-calendar .k-link {
    color: #444444;
}

.k-calendar .k-footer {
    padding: 0;
}

    .k-calendar .k-footer .k-nav-today {
        color: #444444;
        text-decoration: none;
        background-color: #ffffff;
    }

        .k-calendar .k-footer .k-nav-today:hover,
        .k-calendar .k-footer .k-nav-today.k-state-hover {
            background-color: #ffffff;
            text-decoration: underline;
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #ffffff;
        }

.k-calendar .k-link.k-nav-fast {
    color: #444444;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #ebebeb;
    color: #444444;
}

.k-calendar .k-link.k-state-hover {
    border-radius: 50%;
}

.k-calendar .k-footer .k-link {
    border-radius: 0;
}

.k-calendar th {
    background-color: #a33234;
}

.k-window-titlebar .k-link {
    border-radius: 50%;
}

.k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, 0.2);
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
    color: #3f51b5;
    background-color: #ffffff;
    border-color: #ffffff;
}

.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
    border-top-color: #ebebeb;
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #ebebeb;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    background: #ebebeb;
    color: #3f51b5;
}

.k-popup .k-list .k-item > .k-group {
    background: #ebebeb;
    color: #3f51b5;
    border-bottom-left-radius: 1px;
}

.k-marquee-text {
    color: #3f51b5;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused,
.k-button.k-state-focused {
    box-shadow: inset 0 0 0 1px #808080;
}

    .k-state-focused.k-state-selected,
    .k-list > .k-state-focused.k-state-selected,
    td.k-state-focused.k-state-selected {
        box-shadow: none;
    }

.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused,
.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
    box-shadow: none;
}

.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
    color: #3f51b5;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
    color: #444444;
    background-color: #ebebeb;
    border-color: #ebebeb;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #444444;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #ebebeb;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select {
    border-color: #ebebeb;
}

.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
    background-image: none;
}

.k-pager-wrap {
    background-color: #a33234;
    color: #ffffff;
}

.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
    background-image: none;
}

.k-state-selected,
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-image: none;
}

.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-position: 50% 50%;
}

.k-tool-icon {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/sprite.png');
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
    color: #444444;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
    background-color: #ffffff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb;
}

.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
    color: #444444;
}

.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
    background: #ffffff;
    border-color: #e6e6e6;
}

    .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
        background-color: #ffffff;
        border-color: #f0f0f0;
    }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input + .k-i-search:before {
            color: #444444;
        }

        .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        }

.k-dropdown .k-state-hover .k-input {
    color: #444444;
}

.k-state-error {
    border-color: #eed3d7;
    background-color: #f2dede;
    color: #b94a48;
}

.k-state-disabled {
    opacity: .7;
}

.k-ie8 .k-state-disabled {
    filter: alpha(opacity=70);
}

.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #999999;
}
/* Progressbar */
.k-progressbar-indeterminate {
    background: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/indeterminate.gif');
}

    .k-progressbar-indeterminate .k-progress-status-wrap,
    .k-progressbar-indeterminate .k-state-selected {
        display: none;
    }
/* Slider */
.k-slider-track {
    background-color: #e6e6e6;
}

.k-slider-selection {
    background-color: #ffffff;
}

.k-slider-horizontal .k-tick {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/slider-h.gif');
}

.k-slider-vertical .k-tick {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/slider-v.gif');
}
/* Tooltip */
.k-widget.k-tooltip {
    border-color: rgba(100, 100, 100, 0.9);
    background-color: rgba(100, 100, 100, 0.9);
    color: #ffffff;
}

.k-widget.k-tooltip-validation {
    border-color: #fdefba;
    background-color: #fdefba;
    color: #816704;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px;
}

.k-callout-n {
    border-bottom-color: rgba(100, 100, 100, 0.9);
}

.k-callout-w {
    border-right-color: rgba(100, 100, 100, 0.9);
}

.k-callout-s {
    border-top-color: rgba(100, 100, 100, 0.9);
}

.k-callout-e {
    border-left-color: rgba(100, 100, 100, 0.9);
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #fdefba;
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #fdefba;
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #fdefba;
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #fdefba;
}
/* Splitter */
.k-splitbar {
    background-color: #fafafa;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: #b94a48;
}
/* Upload */
.k-file {
    background-color: #ffffff;
    border-color: #e6e6e6;
}

.k-file-progress {
    color: #0d7fdd;
}

    .k-file-progress .k-progress {
        background-color: #bbdefb;
    }

.k-file-success {
    color: #479b49;
}

    .k-file-success .k-progress {
        background-color: #c8e6c9;
    }

.k-file-error {
    color: #ff011a;
}

    .k-file-error .k-progress {
        background-color: #ffcdd2;
    }
/* ImageBrowser */
.k-tile {
    border-color: #ffffff;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
    border-color: #ebebeb;
}

.k-tiles li.k-state-selected {
    border-color: #ffffff;
}

.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/imagebrowser.png');
    background-size: auto auto;
}
/* TreeMap */
.k-leaf,
.k-leaf.k-state-hover:hover {
    color: #fff;
}

    .k-leaf.k-inverse,
    .k-leaf.k-inverse.k-state-hover:hover {
        color: #000;
    }
/* Shadows */
.k-widget,
.k-button {
    box-shadow: none;
}

.k-slider,
.k-treeview,
.k-upload {
    box-shadow: none;
}

.k-state-hover {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

.k-state-selected {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.k-state-active {
    box-shadow: none;
}

.k-grid td.k-state-selected.k-state-focused {
    background-color: #ffffff;
}

.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-calendar-container.k-popup {
    box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
}

.k-treemap-tile.k-state-hover {
    box-shadow: inset 0 0 0 3px #e6e6e6;
}
/* Window */
.k-window {
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
    background-color: #ffffff;
}

    .k-window.k-state-focused {
        border-color: rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
    }

    .k-window.k-window-maximized,
    .k-window-maximized .k-window-titlebar,
    .k-window-maximized .k-window-content {
        border-radius: 0;
    }

.k-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-inset {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Selection */
.k-editor-inline ::selection {
    background-color: #a33234;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: #a33234;
    text-shadow: none;
    color: #fff;
}
/* Notification */
.k-widget.k-notification.k-notification-info {
    background-color: #bbdefb;
    color: #2b98f3;
    border-color: #bbdefb;
}

.k-widget.k-notification.k-notification-success {
    background-color: #c8e6c9;
    color: #5fb662;
    border-color: #c8e6c9;
}

.k-widget.k-notification.k-notification-warning {
    background-color: #fdefba;
    color: #f9cd25;
    border-color: #fdefba;
}

.k-widget.k-notification.k-notification-error {
    background-color: #ffcdd2;
    color: #ff3448;
    border-color: #ffcdd2;
}
/* Gantt */
.k-gantt .k-treelist {
    background: #fafafa;
}

    .k-gantt .k-treelist .k-alt {
        background-color: #e0e0e0;
    }

    .k-gantt .k-treelist tr:hover {
        background-color: #ebebeb;
    }

    .k-gantt .k-treelist .k-state-selected,
    .k-gantt .k-treelist .k-state-selected td,
    .k-gantt .k-treelist .k-alt.k-state-selected,
    .k-gantt .k-treelist .k-alt.k-state-selected > td {
        background-color: #ffffff;
    }

        .k-gantt .k-treelist .k-alt.k-state-selected:hover,
        .k-gantt .k-treelist .k-alt.k-state-selected:hover td {
            background-color: #f2762e;
        }

.k-task-dot:after {
    background-color: #444444;
    border-color: #444444;
}

.k-task-dot:hover:after {
    background-color: #ffffff;
}

.k-task-summary {
    border-color: #38acfe;
    background: #38acfe;
}

.k-task-milestone,
.k-task-summary-complete {
    border-color: #444444;
    background: #444444;
}

.k-state-selected.k-task-summary {
    border-color: #38acfe;
    background: #38acfe;
}

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
    border-color: #ffffff;
    background: #ffffff;
}

.k-task-single {
    background-color: #0f9cfe;
    border-color: #0189e8;
    color: #ffffff;
}

.k-state-selected.k-task-single {
    border-color: #ffffff;
}

.k-line {
    background-color: #444444;
    color: #444444;
}

.k-state-selected.k-line {
    background-color: #ffffff;
    color: #ffffff;
}

.k-resource {
    background-color: #ffffff;
}
/* PivotGrid */
.k-i-kpi-decrease,
.k-i-kpi-denied,
.k-i-kpi-equal,
.k-i-kpi-hold,
.k-i-kpi-increase,
.k-i-kpi-open {
    background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/sprite_kpi.png');
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-colorpicker,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload {
    border-radius: 2px;
}

.k-tool {
    text-align: center;
    vertical-align: middle;
}

.k-toolbar .k-split-button .k-button {
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
    border-radius: 0 2px 2px 0;
}

.k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 2px 2px 0;
}

.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 2px 0 0 2px;
}

.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
    border-radius: 0 0 2px 2px;
}

    .k-autocomplete.k-state-border-up .k-input,
    .k-dropdown-wrap.k-state-border-up .k-input,
    .k-picker-wrap.k-state-border-up .k-input,
    .k-picker-wrap.k-state-border-up .k-selected-color,
    .k-numeric-wrap.k-state-border-up .k-input {
        border-radius: 0 0 0 2px;
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 2px 2px;
    }

.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    border-radius: 2px 2px 0 0;
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 2px 0 0 0;
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 2px;
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 2px 0 0;
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 2px 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    border-radius: 1px 0 0 1px;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
    border-radius: 0 1px 1px 0;
}

.k-numeric-wrap .k-link {
    border-radius: 0 1px 0 0;
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0 0 1px 0;
    }

.k-colorpicker .k-selected-color {
    border-radius: 1px 0 0 1px;
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 1px 1px 0;
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 2px 2px 0 0;
}

.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
    border-radius: 2px 0 0 0;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #ebebeb;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 1px 1px 0 0;
}

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
    border-radius: 0 2px 2px 0;
}

.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
    border-radius: 2px 0 0 2px;
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 2px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
    border-radius: 1px;
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone {
    border-radius: 1px;
}

.k-slider .k-button,
.k-grid .k-slider .k-button {
    border-radius: 13px;
}

.k-draghandle {
    border-radius: 13px;
}

.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 2px 2px 0;
}

.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
    border-radius: 2px;
}

.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
    border-radius: 2px 0 0 2px;
}

.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
    border-radius: 2px;
}

.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
    border-radius: 1px;
}

.k-scheduler-mobile .k-event {
    border-radius: 0px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #444444;
}

html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
    color: #444444;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    div.km-pane-wrapper a {
        color: #444444;
    }
}

.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    background-color: #ffffff;
    border-top: 1px solid #e7e7e7;
}

    .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
        outline-width: 0;
    }

    .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
        background-color: #ffffff;
        border-top-color: #ffffff;
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        border-top-color: transparent;
    }

    .km-pane-wrapper .k-mobile-list .k-item:last-child {
        box-shadow: inset 0 -1px 0 #e7e7e7;
    }

.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
    color: #9b9b9b;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #e7e7e7;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    box-shadow: 0 1px 1px #e7e7e7;
}

.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
    color: #fff;
    border-color: #eed3d7;
    background-color: red;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}

    .km-actionsheet .k-grid-delete:active,
    .km-actionsheet .k-scheduler-delete:active,
    .km-pane-wrapper .k-scheduler-delete:active,
    .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
        background-color: #990000;
    }
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
    border-color: #f0f0f0;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #ffffff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5;
}

.k-multiselect.k-header {
    border-color: #f0f0f0;
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #f5f5f5;
    }

    .k-autocomplete.k-state-focused,
    .k-picker-wrap.k-state-focused,
    .k-numeric-wrap.k-state-focused,
    .k-dropdown-wrap.k-state-focused,
    .k-multiselect.k-header.k-state-focused {
        background-color: #ffffff;
        background-image: none;
        background-position: 50% 50%;
        border-color: #f5f5f5;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    }

.k-list-container {
    color: #444444;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
    color: #444444;
}

.k-state-default > .k-select {
    border-color: #f0f0f0;
}

.k-state-focused > .k-select {
    border-color: #f5f5f5;
}

.k-state-hover > .k-select {
    border-color: #f5f5f5;
}

.k-tabstrip:focus {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
    color: #ffffff;
}

    .k-tabstrip-items .k-state-hover .k-link,
    .k-panelbar > li.k-state-hover > .k-link,
    .k-panelbar > li.k-state-default > .k-link.k-state-hover {
        color: #444444;
    }

.k-panelbar > li > .k-state-focused.k-state-hover {
    background: #ebebeb;
    box-shadow: none;
}

.k-tabstrip-items .k-state-default,
.k-panelbar .k-tabstrip-items .k-state-default {
    border-color: transparent;
}

.k-tabstrip-items .k-state-hover {
    border-color: #ebebeb;
}

.k-tabstrip .k-content.k-state-active {
    background-color: #ffffff;
    color: #444444;
}

.k-menu.k-header,
.k-menu .k-item {
    border-color: #e6e6e6;
}

.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
    border-color: #cccccc;
}

.k-overflow-container .k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
}

    .k-toolbar-first-visible.k-overflow-group,
    .k-overflow-container .k-overflow-group + .k-overflow-group {
        box-shadow: 0 1px 0 #ffffff;
    }

.k-toolbar-last-visible.k-overflow-group {
    box-shadow: inset 0 1px 0 #ffffff;
}

.k-column-menu .k-separator {
    border-color: #cccccc;
    background-color: transparent;
}

.k-menu .k-group {
    border-color: rgba(0, 0, 0, 0.2);
}

.k-grid-filter.k-state-active {
    background-color: #ffffff;
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    color: #ffffff;
    border-color: #cccccc;
    font-weight: bold;
}

.k-grouping-header {
    color: #ffffff;
}

    .k-header,
    .k-grid-header-wrap,
    .k-grid .k-grouping-header,
    .k-grid-header,
    .k-pager-wrap,
    .k-pager-wrap .k-textbox,
    .k-pager-wrap .k-link,
    .k-grouping-header .k-group-indicator,
    .k-gantt-toolbar .k-state-default {
        border-color: #cccccc;
    }

.k-primary,
.k-overflow-container .k-primary {
    color: #ffffff;
    border-color: #a33234;
    background-image: none;
    background-position: 50% 50%;
    background-color: #a33234;
    box-shadow: none;
}

    .k-primary:focus,
    .k-primary.k-state-focused {
        color: #ffffff;
        border-color: #eff8ff;
        background-image: none;
        box-shadow: 0 0 8px 0 #cfe6f8;
    }

    .k-primary:hover {
        color: #ffffff;
        border-color: #5c6bc0;
        background-image: none;
        background-color: #5c6bc0;
        box-shadow: none;
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
    .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        box-shadow: 0 0 8px 0 #cfe6f8;
    }

    .k-primary:active {
        color: #ffffff;
        border-color: #283593;
        background-image: none;
        background-color: #283593;
        box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    }

    .k-primary.k-state-disabled,
    .k-state-disabled .k-primary,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:hover,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:active,
    .k-primary.k-state-disabled:active {
        color: #a8a8a8;
        border-color: #eaeaea;
        background-color: #eaeaea;
        background-image: none;
        box-shadow: none;
    }

.k-pager-numbers .k-link,
.k-treeview .k-in {
    border-color: transparent;
}

.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
    background-color: transparent;
    border-radius: 50%;
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent;
}

.k-button:focus,
.k-split-button:focus {
    outline: none;
}

.k-split-button:focus {
    background-color: #dbdbdb;
}

    .k-split-button:focus > .k-button {
        background: transparent;
        border-color: #dbdbdb;
    }

        .k-split-button:focus > .k-button.k-split-button-arrow {
            border-left-color: #fafafa;
        }

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #dbdbdb;
    box-shadow: 0 6px 17px 0 #c4c4c4;
}

.k-checkbox-label:before {
    border-color: #7f7f7f;
    background: #ffffff;
    border-radius: 1px;
}

.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #7f7f7f;
    box-shadow: none;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #a33234;
    border-color: #a33234;
    color: #ffffff;
}

.k-checkbox-label:active:before {
    box-shadow: none;
    border-color: #7f7f7f;
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    box-shadow: none;
    border-color: #7f7f7f;
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #999999;
}

    .k-checkbox:disabled + .k-checkbox-label:hover:before {
        box-shadow: none;
    }

    .k-checkbox:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:active:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
        color: #999999;
        background: #f5f5f5;
        border-color: #bfbfbf;
        border-radius: 1px;
    }

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #7f7f7f;
    box-shadow: none;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #a33234;
    background-image: none;
    border-color: #a33234;
    border-radius: 0px;
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #a33234;
    background-color: #a33234;
}

.k-checkbox + .k-checkbox-label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    width: 1em;
    height: 1em;
}

.k-checkbox:focus + .k-checkbox-label:after {
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}

.k-checkbox + .k-checkbox-label:active:after {
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}

.k-checkbox:checked + .k-checkbox-label:active:after {
    box-shadow: 0 0 0 12px rgba(1, 107, 181, 0.3);
}

.k-checkbox:disabled + .k-checkbox-label:active:after {
    box-shadow: none;
}

.k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: #a33234;
}

.k-radio-label:before {
    border-color: #7f7f7f;
    border-radius: 50%;
    background-color: #ffffff;
    border-width: 2px;
}

.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #7f7f7f;
    box-shadow: none;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #a33234;
    border-radius: 50%;
}

.k-radio-label:active:before {
    border-color: #0192f7;
    box-shadow: 0 0 2px 0 #0192f7;
}

.k-radio:checked + .k-radio-label:active:before {
    box-shadow: 0 0 2px 0 #0192f7;
    border-color: #0192f7;
}

.k-radio:disabled + .k-radio-label {
    color: #bfbfbf;
}

    .k-radio:disabled + .k-radio-label:before,
    .k-radio:disabled + .k-radio-label:active:before,
    .k-radio:disabled + .k-radio-label:hover:after,
    .k-radio:disabled + .k-radio-label:hover:before {
        background: #ffffff;
        border-color: #bfbfbf;
        box-shadow: none;
    }

.k-radio:focus + .k-radio-label:before {
    border-color: #0192f7;
    box-shadow: 0 0 2px 0 #0192f7;
}

.k-radio:checked + .k-radio-label:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #a33234;
}

.k-radio + .k-radio-label:active:before {
    border-color: #7f7f7f;
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}

.k-radio:checked + .k-radio-label:active:before {
    box-shadow: 0 0 0 12px rgba(1, 107, 181, 0.3);
}

.k-radio:focus + .k-radio-label:before {
    border-color: #7f7f7f;
    box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .k-icon:not(.k-loading),
    .k-grouping-dropclue,
    .k-drop-hint,
    .k-callout,
    .k-tool-icon,
    .k-state-hover .k-tool-icon,
    .k-state-active .k-tool-icon,
    .k-state-active.k-state-hover .k-tool-icon,
    .k-state-selected .k-tool-icon,
    .k-state-selected.k-state-hover .k-tool-icon,
    .k-column-menu .k-sprite,
    .k-mobile-list .k-check:checked,
    .k-mobile-list .k-edit-field [type=checkbox]:checked,
    .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/sprite_2x.png');
        background-size: 340px 336px;
    }

    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-wrap .k-input {
        border-radius: 1px 0 0 1px;
    }

    .k-i-kpi-decrease,
    .k-i-kpi-denied,
    .k-i-kpi-equal,
    .k-i-kpi-hold,
    .k-i-kpi-increase,
    .k-i-kpi-open {
        background-image: url('http://kendo.cdn.telerik.com/2016.2.504/styles/Material/sprite_kpi_2x.png');
        background-size: 96px 16px;
    }
}

@media screen and (-ms-high-contrast: active) {
    .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
        border-color: #fff;
    }
}

.k-button:hover .k-icon,
.k-tool-icon:hover,
.k-state-hover .k-tool-icon,
.k-state-selected .k-tool-icon,
.k-state-focused .k-tool-icon,
.k-button:hover .k-tool-icon,
.k-splitbar.k-splitbar-horizontal-hover .k-icon,
.k-splitbar.k-splitbar-vertical-hover .k-icon,
div.k-splitbar.k-state-focused .k-icon,
.k-textbox:hover > .k-icon,
.k-grouping-header .k-group-delete,
.k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete,
.k-grouping-header .k-si-arrow-n,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n,
.k-grouping-header .k-si-arrow-s,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s,
.k-grid-toolbar .k-i-pdf,
.k-grid-toolbar .k-button:hover > .k-i-pdf,
.k-grid-toolbar .k-i-excel,
.k-grid-toolbar .k-button:hover > .k-i-excel,
.k-grid-toolbar .k-icon,
.k-scheduler-toolbar .k-icon,
.k-scheduler-footer .k-icon,
.k-scheduler-content .k-icon,
.k-gantt-toolbar .k-icon,
.k-field-actions .k-icon,
.k-notification .k-icon,
.k-pivot-configurator-settings .k-icon:hover,
.k-window-titlebar .k-icon {
    opacity: 1;
}

.k-tool-icon,
.k-splitbar .k-icon,
.k-pivot-configurator-settings .k-icon {
    opacity: 0.7;
}

.k-pager-wrap .k-link.k-state-disabled .k-icon {
    opacity: 0.25;
}

.k-button,
.k-button:hover,
.k-button.k-state-hover,
.k-button.k-state-focused,
.k-button:focus,
.k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

.k-button,
.k-header {
    font-weight: 500;
}

    .k-button:active,
    .k-button.k-state-active,
    .k-button:focus,
    .k-button.k-state-focused {
        color: #444444;
        background-color: #dbdbdb;
        border-color: #dbdbdb;
    }

        .k-button:active:hover,
        .k-button.k-state-active:hover {
            color: #444444;
            border-color: #dbdbdb;
            background-color: #dbdbdb;
            box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
        }

        .k-button:hover,
        .k-button.k-state-hover,
        .k-button:active:hover,
        .k-button.k-state-active:hover {
            color: #444444;
            border-color: #ebebeb;
            background-color: #ebebeb;
        }

.k-primary:active,
.k-primary.k-state-active,
.k-primary:focus,
.k-primary.k-state-focused {
    color: #ffffff;
    border-color: #283593;
    background-image: none;
    background-color: #283593;
    box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
}

    .k-primary:hover,
    .k-primary.k-state-hover,
    .k-primary:active:hover,
    .k-primary.k-state-active:hover {
        color: #ffffff;
        border-color: #5c6bc0;
        background-color: #5c6bc0;
    }

    .k-primary:focus:not(.k-state-disabled):not([disabled]),
    .k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
        box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    }

.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
    color: #a8a8a8;
    border-color: #eaeaea;
    background-color: #eaeaea;
    background-image: none;
    box-shadow: none;
}

.k-widget .k-button:active,
.k-widget .k-button.k-state-active {
    color: #444444;
    background-color: #dbdbdb;
    border-color: #ebebeb;
}

.k-toolbar .k-overflow-anchor.k-state-active,
.k-toolbar .k-overflow-anchor.k-state-border-down {
    background-color: #ffffff;
}

.k-widget .k-button:active:hover,
.k-widget .k-button.k-state-active:hover {
    color: #444444;
    border-color: #ebebeb;
    background-color: #ebebeb;
}

.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:active:hover {
    color: #999999;
    border-color: #fafafa;
    background-color: #fafafa;
    background-image: none;
    box-shadow: none;
}

.k-dropdown .k-state-default {
    border-color: #fafafa;
    background-image: none;
    background-position: 50% 50%;
    background-color: #fafafa;
}

.k-dropdown,
span.k-colorpicker {
    background-color: #fafafa;
}

.k-textbox {
    background-color: #fafafa;
    border-color: #f0f0f0;
}

.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker {
    background-color: #fafafa;
}

.k-picker-wrap.k-state-default > .k-select {
    border-color: #fafafa;
}

.k-datepicker .k-input,
.k-timepicker .k-input {
    background-color: #fafafa;
}

.k-autocomplete.k-state-active .k-input,
.k-picker-wrap.k-state-active .k-input,
.k-numeric-wrap.k-state-active .k-input {
    background-color: #ffffff;
}

.k-picker-wrap.k-state-hover > .k-select,
.k-picker-wrap.k-state-focused > .k-select {
    border-color: #ffffff;
}

.k-picker-wrap.k-state-hover .k-input,
.k-picker-wrap.k-state-focused .k-input {
    background-color: #ffffff;
}

.k-textbox:hover,
.k-overflow-anchor:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: #ffffff;
    border-color: #f5f5f5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
    background-color: #ebebeb;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

    .k-numeric-wrap.k-state-focused > .k-select {
        background-color: #ebebeb;
    }

.k-textbox:focus,
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-multiselect.k-header.k-state-active {
    background-color: #ffffff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #f5f5f5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

.k-autocomplete.k-state-disabled,
.k-picker-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled .k-input,
.k-numeric-wrap.k-state-disabled .k-select,
.k-dropdown-wrap.k-state-disabled,
.k-multiselect.k-header.k-state-disabled {
    background-color: #fafafa;
}

    .k-numeric-wrap.k-state-disabled .k-select {
        border-color: #fafafa;
    }

.k-numerictextbox .k-select {
    background-color: #ffffff;
    border-color: #ffffff;
}

.k-list > .k-state-selected.k-state-focused {
    box-shadow: none;
    color: #3f51b5;
}

.k-list > .k-state-selected {
    box-shadow: none;
}

.k-list > .k-state-focused {
    border-color: transparent;
    box-shadow: none;
}

.k-list > .k-state-hover,
.k-list > .k-state-selected.k-state-hover {
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.k-list-container {
    border-color: #ebebeb;
}

.k-grid td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 0 1px #808080;
}

.k-calendar td.k-state-focused,
.k-calendar td.k-state-selected.k-state-focused {
    box-shadow: inset 0 0 0 1px #808080;
}

.k-calendar td.k-state-selected {
    background-color: #f38341;
    box-shadow: none;
}

    .k-calendar td.k-state-selected.k-state-hover {
        background-color: #f2762e;
    }

.k-calendar .k-state-selected > .k-link {
    color: #ffffff;
}
/* Calendar */
.k-calendar .k-header .k-link {
    color: #ffffff;
}

.k-calendar .k-footer {
    border-color: #e6e6e6;
}

.k-calendar td {
    border-radius: 50%;
}

.k-calendar .k-content th {
    background-color: #ffffff;
}

.k-calendar .k-header .k-state-hover {
    background-color: #014d82;
}

.k-calendar .k-footer .k-nav-today {
    color: #a33234;
}

.k-calendar .k-nav-fast.k-state-hover {
    border-radius: 0;
}

.k-calendar .k-today {
    background-color: #a33234;
}

    .k-calendar .k-today .k-link {
        color: #ffffff;
    }

    .k-calendar .k-today.k-state-hover {
        background-color: #014d82;
    }

    .k-calendar .k-today:active {
        box-shadow: inset 0 0 0 1px #013e69;
    }

.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
    box-shadow: none;
}

.k-window-titlebar .k-state-hover {
    background-color: #0285c4;
    border-color: #0285c4;
}
/* TabStrip */
.k-tabstrip > .k-tabstrip-items > .k-item {
    border-radius: 0;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
    background-color: #a33234;
    background-image: none;
    border-color: #f38341;
}

.k-tabstrip .k-content.k-state-active {
    border-color: transparent;
}

.k-tabstrip-items .k-item.k-state-hover {
    background: #0285c4;
    border-color: #0285c4;
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #ffffff;
}
/* Menu */
.k-group,
.k-flatcolorpicker.k-group,
.k-menu,
.k-menu .k-group,
.k-popup.k-widget.k-context-menu {
    color: #444444;
    background-color: #ffffff;
}

    .k-menu .k-group,
    .k-popup.k-context-menu.k-group {
        border-color: #e6e6e6;
    }

    .k-menu.k-header,
    .k-menu .k-item,
    .k-widget.k-menu-horizontal > .k-item {
        box-shadow: none;
    }

    .k-menu .k-state-active,
    .k-popup.k-context-menu.k-group .k-state-hover {
        background-color: #ebebeb;
        border-color: #ebebeb;
    }
/* Toolbar */
.k-toolbar {
    background-color: #fafafa;
    border-color: #e6e6e6;
}

    .k-toolbar .k-toggle-button:focus {
        background-color: transparent;
        border-color: #b3b3b3;
    }

    .k-toolbar .k-toggle-button:hover {
        background-color: #ebebeb;
    }

    .k-toolbar .k-toggle-button.k-state-active {
        color: #ffffff;
        background-color: #a33234;
        border-color: #a33234;
    }

        .k-toolbar .k-toggle-button.k-state-active:focus {
            background-color: #a33234;
            border-color: #013e69;
        }

        .k-toolbar .k-toggle-button.k-state-active:hover {
            color: #fff;
            background-color: #014d82;
            border-color: #014d82;
        }

    .k-toolbar .k-button {
        box-shadow: none;
    }

.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link,
.k-gantt > .k-header li,
.k-gantt > .k-header .k-link,
.k-gantt-toolbar .k-button,
.km-pane-wrapper .k-header .k-button {
    color: #ffffff;
    background-color: #a33234;
    border-color: #a33234;
    box-shadow: none;
}

    .k-grid .k-header .k-button:hover,
    .k-scheduler .k-header .k-button:hover,
    .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
    .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link,
    .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
    .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
    .k-gantt .k-gantt-toolbar .k-button:hover,
    .km-pane-wrapper .k-header .k-button:hover {
        background-color: #0285c4;
        border-color: #0285c4;
    }

    .km-pane-wrapper .k-header .k-button:active:hover {
        color: #ffffff;
    }

.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-gantt-toolbar .k-button {
    background-color: #a33234;
    border-color: #a33234;
}

.k-gantt .k-gantt-toolbar .k-button:active {
    background: #ffffff;
    box-shadow: none;
}

.k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
    border-bottom-color: #f38341;
}

.k-scheduler-mark {
    border-radius: 50%;
}
/* Grid */
.k-grid .k-alt {
    background-color: #ffffff;
}

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
    color: #444444;
    background-color: #fafafa;
}

.k-grouping-header .k-group-indicator,
.k-pivot-toolbar .k-button {
    color: #ffffff;
    background-color: #014d82;
    border-color: #014d82;
    box-shadow: none;
}

.k-grid-header,
.k-grid-header .k-header,
.k-pager-wrap,
.k-pager-numbers .k-state-selected,
.k-grid-footer,
.k-grid-footer td,
.k-scheduler-header,
.km-pane-wrapper .k-grid-header .k-header {
    color: #444444;
    background-color: #fafafa;
}

.k-header.k-scheduler-footer .k-header,
.k-header.k-scheduler-footer ul.k-header li .k-link {
    color: #f38341;
    background-color: #fafafa;
}

.k-header.k-scheduler-footer ul.k-header li {
    background-color: #fafafa;
    border-color: #fafafa;
}

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-gantt-toolbar .k-state-default,
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    border-color: #e6e6e6;
}

.k-group-footer td,
.k-footer-template td,
.k-fieldselector .k-item.k-header {
    color: #444444;
    border: 1px solid #bcbaba;
    background-color: #e0eff9;
}

.k-grid .k-grouping-header {
    color: rgba(255, 255, 255, 0.5);
}

.k-pager-wrap,
.k-editor-toolbar {
    color: #444444;
}

.k-grouping-header .k-link,
.k-grouping-header .k-link:link {
    color: #ffffff;
}

.k-scheduler-layout .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-grid td.k-state-selected.k-state-focused,
.k-marquee-color,
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td,
.k-listview > .k-state-selected,
.k-state-selected.k-line {
    background-color: #fff1f1;
}

.k-state-selected.k-line {
    color: #f38341;
}

.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-listview > .k-state-selected,
.k-state-selected .k-progress-status {
    color: #ffffff;
}

.k-grid tr:hover {
    background-color: #ebebeb;
}

.k-pivot-rowheaders .k-grid tr:hover {
    background: none;
}

.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td {
}

    .k-grid td.k-state-selected:hover,
    .k-grid tr.k-state-selected:hover td {
    }

.k-grid-header .k-header .k-link,
.k-grid-header .k-header,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-header,
.k-scheduler-agendaview .k-scheduler-datecolumn {
    color: #a8a8a8;
}

.k-gantt .k-task-draghandle {
    border-color: #f38341;
}

.k-grid-pager .k-link,
.k-grid-pager .k-link:link {
    color: #444444;
}

.k-pager-numbers .k-link,
.k-pager-wrap > .k-link {
    border-radius: 0;
}

.k-pager-numbers .k-state-selected {
    border-color: #a33234 transparent transparent;
    border-radius: 0;
    box-shadow: none;
    color: #a33234;
}

.k-pager-wrap .k-link {
    border-color: #fafafa;
    cursor: pointer;
}

    .k-pager-wrap .k-link:hover {
        background-color: transparent;
        border-color: transparent;
    }

.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link,
.k-gantt-toolbar li:first-child,
.k-gantt-toolbar li:first-child > .k-link,
.k-gantt-toolbar li:last-child,
.k-gantt-toolbar li:last-child > .k-link {
    border-radius: 0;
}

.k-grid,
.k-panelbar,
.k-notification,
.k-popup .k-textbox:focus,
.k-popup .k-autocomplete.k-state-focused,
.k-popup .k-picker-wrap.k-state-focused,
.k-popup .k-numeric-wrap.k-state-focused,
.k-popup .k-dropdown-wrap.k-state-focused,
.k-popup .k-multiselect.k-header.k-state-focused,
.k-popup .k-textbox:hover,
.k-popup .k-autocomplete.k-state-hover,
.k-popup .k-picker-wrap.k-state-hover,
.k-popup .k-numeric-wrap.k-state-hover,
.k-popup .k-dropdown-wrap.k-state-hover {
    box-shadow: none;
}
    /* PanelBar */
    .k-panelbar,
    .k-panelbar .k-header,
    .k-panelbar .k-content,
    .k-panel > li.k-item,
    .k-panelbar .k-state-selected {
        background-color: #fafafa;
    }

        .k-panelbar .k-grid-toolbar {
            background-color: #a33234;
        }

        .k-panelbar > li.k-state-default > .k-link {
            color: #444444;
        }

        .k-panelbar > li > .k-state-hover {
            background-color: #ebebeb;
        }

        .k-panelbar > .k-item > .k-link,
        .k-panelbar.k-header,
        .k-panelbar .k-content,
        .k-panelbar .k-panel,
        .k-panelbar .k-item {
            border-color: #e6e6e6;
        }
/* Splitter */
.k-splitbar {
    border-color: #fafafa;
}

    .k-splitbar.k-state-focused {
        background-color: #a33234;
        border-color: #a33234;
        box-shadow: none;
    }
/* Upload */
.k-upload {
    color: #444444;
    background-color: #ffffff;
}

.k-upload-files .k-button,
.k-upload-files .k-button:focus,
.k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
}
/* Gantt */
.k-task-milestone,
.k-task-summary-complete,
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
    background-color: #a33234;
    border-color: #a33234;
}

.k-task-single {
    background-color: #f9c2a1;
}

.k-task-complete {
    background: #f38341 0 -257px none repeat-x;
}

.k-treelist .k-state-selected,
.k-treelist .k-state-selected td,
.k-treelist .k-alt.k-state-selected,
.k-treelist .k-alt.k-state-selected > td {
    background-color: #f38341;
    border-color: #f38341;
}

.k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-group-indicator .k-button,
.k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-toolbar .k-button:active:hover,
.k-toolbar .k-button.k-state-active:hover {
    box-shadow: none;
}

.k-multiselect .k-button:active:hover {
    color: #444444;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

.k-multiselect-wrap > ul > .k-button {
    box-shadow: none;
}
/* Editor */
table.k-editor {
    border-color: #e6e6e6;
}

.k-editor.k-header,
.editorToolbarWindow.k-header,
.k-filebrowser .k-header {
    background-color: #fafafa;
    box-shadow: none;
}

.k-filebrowser .k-header {
    color: #444444;
}

.k-editor-toolbar .k-tool,
.k-group-start.k-group-end.k-tool {
    border-color: #fafafa;
}

.k-treeview .k-state-selected,
.k-treeview .k-state-focused,
.k-editor-toolbar .k-dropdown,
.k-panelbar > li > .k-state-focused {
    box-shadow: none;
}

.k-treeview .k-state-focused,
.k-panelbar > li > .k-state-focused {
    background-color: #ebebeb;
}

.k-editor-toolbar .k-dropdown-wrap.k-state-default,
.k-toolbar .k-dropdown-wrap.k-state-default {
    border-color: #fafafa;
}

.k-editor-toolbar .k-tool.k-state-hover,
.k-editor-toolbar .k-dropdown-wrap.k-state-hover,
.k-toolbar .k-tool.k-state-hover,
.k-toolbar .k-dropdown-wrap.k-state-hover {
    color: #444444;
    border-color: #ebebeb;
    box-shadow: none;
}

.k-editor-toolbar .k-tool.k-state-selected,
.k-toolbar .k-button-group .k-button.k-state-active {
    box-shadow: none;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

.k-editor-toolbar .k-tool.k-state-hover,
.k-toolbar .k-button-group .k-button:hover {
    background-color: #ebebeb;
    border-color: #ebebeb;
}
/* Progressbar */
.k-progressbar {
    background-color: #fafafa;
    border-color: #fafafa;
}

    .k-progressbar .k-item,
    .k-progressbar .k-item.k-state-selected {
        border-color: #ffffff;
    }

    .k-progressbar .k-state-selected {
        background-color: #a33234;
        border-color: #a33234;
    }

.k-widget.k-tooltip-validation {
    box-shadow: none;
}
/* Pivot Grid */
.k-grid.k-alt {
    background-color: #fafafa;
}

.k-gantt .k-treelist .k-alt,
.k-gantt .k-header.k-nonwork-hour {
    background-color: #fafafa;
}

.k-list > .k-state-hover,
.k-list > .k-state-focused {
    color: #444444;
    background-color: #ebebeb;
    border-color: #ebebeb;
}
/* Slider */
.k-slider-track {
    background-color: #cccccc;
    box-shadow: none;
}

.k-slider-selection {
    background-color: #a33234;
    border-color: #a33234;
}

.k-slider .k-button,
.k-slider .k-button.k-state-hover,
.k-slider .k-button:active:hover,
.k-slider .k-button:focus,
.k-slider .k-button:active {
    background: none;
    border: none;
    box-shadow: none;
}

.k-draghandle,
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    box-shadow: none;
}

.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
    border-color: #a33234;
    background-color: #a33234;
    box-shadow: none;
}

    .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
        border-color: #a33234;
        background-color: #a33234;
        box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
    }

    .k-draghandle.k-state-selected,
    .k-draghandle.k-state-selected:link,
    .k-draghandle.k-state-selected:hover,
    .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
        background-color: #cccccc;
        border-color: #cccccc;
    }

    .k-draghandle.k-state-focused,
    .k-draghandle.k-state-focused:link,
    .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
        box-shadow: none;
        border-color: #a33234;
        background-color: #a33234;
    }

.k-edit-form-container .k-edit-buttons {
    background-color: #fafafa;
}

.k-popup .k-button,
.k-popup .k-button:active:hover {
    box-shadow: none;
}

.k-edit-form-container .k-button,
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover,
.k-edit-form-container .k-primary:active {
    color: #444444;
    background-color: #fafafa;
    border-color: #fafafa;
    box-shadow: none;
}

.k-popup .k-primary,
.k-edit-form-container .k-primary {
    color: #f38341;
    background-color: #fafafa;
    border-color: #fafafa;
}

.k-split-wrapper .k-button,
.k-overflow-container .k-button,
.k-filter-menu .k-button {
    background: transparent;
    border-color: transparent;
}

.k-split-wrapper .k-button,
.k-overflow-container .k-button {
    text-transform: none;
}

    .k-split-wrapper .k-button:hover,
    .k-overflow-container .k-button:hover {
        background-color: #ebebeb;
        border-color: #ebebeb;
    }

    .k-split-wrapper .k-button:focus,
    .k-overflow-container .k-button:focus,
    .k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]),
    .k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]) {
        color: #a33234;
        box-shadow: none;
    }

.k-filter-menu .k-button {
    background: transparent;
    border-color: transparent;
}

.k-filter-menu .k-primary {
    border-left-color: #f0f0f0;
}

.k-filter-menu > div > div:last-child {
    border-color: #f0f0f0;
}

.k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
}

.k-edit-form-container .k-scheduler-delete {
    color: #f38341;
}

div.k-scheduler-marquee:before,
div.k-scheduler-marquee:after {
    border-color: #f38341;
}

.km-pane-wrapper > .km-pane > .km-view > .km-content {
    color: #a33234;
    background-color: #ffffff;
}

.km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
    color: #a33234;
}

.k-popup.k-context-menu {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.k-drag-clue {
    color: #444444;
    background-color: #ebebeb;
    border-color: #ebebeb;
    box-shadow: inset 0 0 0 1px #808080;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    color: #444444;
}

.k-popup .k-item > .k-group {
    color: #444444;
}
/* Responsive styles */
@media only screen and (max-width: 370px) {
    .k-webkit .k-pager-refresh,
    .k-ff .k-pager-refresh,
    .k-ie11 .k-pager-refresh,
    .k-safari .k-pager-refresh {
        display: none;
    }
}

@media only screen and (max-width: 590px) {
    .k-webkit .k-pager-refresh,
    .k-ff .k-pager-refresh,
    .k-ie11 .k-pager-refresh,
    .k-safari .k-pager-refresh {
        margin-right: 0;
    }
}

@media only screen and (max-width: 530px) {
    .k-webkit .k-pager-sizes,
    .k-ff .k-pager-sizes,
    .k-ie11 .k-pager-sizes,
    .k-safari .k-pager-sizes {
        display: none;
    }
}

@media only screen and (max-width: 687px) {
    .k-webkit .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-safari .k-pager-info {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        right: 13px;
        top: 0;
    }

    .k-webkit,
    .k-ff,
    .k-ie11,
    .k-safari {
        /* Responsive Scheduler */
        /* Responsive Pager */
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views {
            right: 13px;
            top: 0;
        }

            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
            .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
            .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
                background-image: none;
                background-position: 50% 50%;
                background-color: transparent;
                border-color: transparent;
                border-radius: 2px;
                text-align: right;
            }

            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
            .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
            .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
                border-radius: 0;
            }

                .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
                .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
                .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
                .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
                    border-radius: 1px 1px 0 0;
                }

            .k-webkit .k-scheduler-toolbar > ul li:first-child,
            .k-ff .k-scheduler-toolbar > ul li:first-child,
            .k-ie11 .k-scheduler-toolbar > ul li:first-child,
            .k-safari .k-scheduler-toolbar > ul li:first-child,
            .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
            .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
            .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
            .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
            .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
            .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
            .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
            .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
                border-radius: 0;
            }

                .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
                .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
                .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
                .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
                .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
                .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
                .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
                .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
                    border-radius: 0 0 1px 1px;
                }

            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
            .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
            .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
                border-color: transparent;
                background-image: none;
                background-color: transparent;
            }

                .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
                .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
                .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
                .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
                .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
                .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
                .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
                .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
                    color: #ffffff;
                    min-width: 20px;
                }

        .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
        .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
        .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
        .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -0.5em;
            right: 0.333em;
            width: 1.333em;
            height: 1.333em;
        }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
            border-width: 1px;
            border-style: solid;
            border-color: transparent;
            /*@secondary-border-color*/
            background-image: none;
            background-color: #a33234;
            border-radius: 2px;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
        }

        .k-webkit .k-pager-wrap .k-pager-nav,
        .k-ff .k-pager-wrap .k-pager-nav,
        .k-ie11 .k-pager-wrap .k-pager-nav,
        .k-safari .k-pager-wrap .k-pager-nav,
        .k-webkit .k-pager-input,
        .k-ff .k-pager-input,
        .k-ie11 .k-pager-input,
        .k-safari .k-pager-input {
            display: inline-block;
            vertical-align: top;
        }

        .k-webkit .k-pager-numbers,
        .k-ff .k-pager-numbers,
        .k-ie11 .k-pager-numbers,
        .k-safari .k-pager-numbers,
        .k-webkit .k-grid .k-pager-numbers,
        .k-ff .k-grid .k-pager-numbers,
        .k-ie11 .k-grid .k-pager-numbers,
        .k-safari .k-grid .k-pager-numbers {
            position: absolute;
            left: 5.6em;
            display: inline-flex;
            flex-direction: column-reverse;
            overflow: visible;
            height: auto;
        }

            .k-webkit .k-pager-numbers.k-state-expanded,
            .k-ff .k-pager-numbers.k-state-expanded,
            .k-ie11 .k-pager-numbers.k-state-expanded,
            .k-safari .k-pager-numbers.k-state-expanded,
            .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
            .k-ff .k-grid .k-pager-numbers.k-state-expanded,
            .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
            .k-safari .k-grid .k-pager-numbers.k-state-expanded {
                transform: translatey(-100%);
            }

        .k-webkit .km-pane-wrapper .k-pager-numbers,
        .k-ff .km-pane-wrapper .k-pager-numbers,
        .k-ie11 .km-pane-wrapper .k-pager-numbers,
        .k-safari .km-pane-wrapper .k-pager-numbers,
        .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
        .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
        .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
        .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
            position: relative;
            left: 50%;
            transform: translate(-50%, 0%);
            -webkit-transform: translate(-50%, 0%);
        }

            .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded,
            .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded,
            .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded,
            .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded,
            .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
            .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
            .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
            .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded {
                -webkit-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
            }

            .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
            .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
            .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
            .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
            .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
            .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
            .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
            .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
            .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
            .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
            .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
            .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
            .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
            .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
            .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
            .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
                padding-top: 0;
                padding-bottom: 0;
            }

        .k-webkit .k-rtl .k-pager-numbers,
        .k-ff .k-rtl .k-pager-numbers,
        .k-ie11 .k-rtl .k-pager-numbers,
        .k-safari .k-rtl .k-pager-numbers,
        .k-webkit .k-rtl .k-grid .k-pager-numbers,
        .k-ff .k-rtl .k-grid .k-pager-numbers,
        .k-ie11 .k-rtl .k-grid .k-pager-numbers,
        .k-safari .k-rtl .k-grid .k-pager-numbers {
            right: 5.6em;
            width: 5.15em;
        }

        .k-webkit .k-pager-numbers .k-current-page,
        .k-ff .k-pager-numbers .k-current-page,
        .k-ie11 .k-pager-numbers .k-current-page,
        .k-safari .k-pager-numbers .k-current-page,
        .k-webkit .k-grid .k-pager-numbers .k-current-page,
        .k-ff .k-grid .k-pager-numbers .k-current-page,
        .k-ie11 .k-grid .k-pager-numbers .k-current-page,
        .k-safari .k-grid .k-pager-numbers .k-current-page {
            display: block;
            border-left: 0;
        }

        .k-webkit .k-pager-numbers li:not(.k-current-page),
        .k-ff .k-pager-numbers li:not(.k-current-page),
        .k-ie11 .k-pager-numbers li:not(.k-current-page),
        .k-safari .k-pager-numbers li:not(.k-current-page) {
            display: none;
        }

        .k-webkit .k-pager-numbers .k-current-page .k-link,
        .k-ff .k-pager-numbers .k-current-page .k-link,
        .k-ie11 .k-pager-numbers .k-current-page .k-link,
        .k-safari .k-pager-numbers .k-current-page .k-link {
            width: 3.8em;
            line-height: 2.564em;
            padding: 0 .429em 0 0.8em;
            border-radius: 2px;
            background-image: none;
            background-position: 50% 50%;
            background-color: #fafafa;
            border: 1px solid transparent;
            border-top: 0;
            box-shadow: 0 2px 2px 0 #fafafa;
        }

        .k-webkit .k-pager-numbers .k-current-page:hover .k-link,
        .k-ff .k-pager-numbers .k-current-page:hover .k-link,
        .k-ie11 .k-pager-numbers .k-current-page:hover .k-link,
        .k-safari .k-pager-numbers .k-current-page:hover .k-link {
            border-radius: 2px;
            background-color: #ffffff;
            border: 1px solid #ebebeb;
            border-top: 0;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        }

        .k-webkit .k-pager-numbers .k-current-page .k-link:after,
        .k-ff .k-pager-numbers .k-current-page .k-link:after,
        .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
        .k-safari .k-pager-numbers .k-current-page .k-link:after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -0.6em;
            right: 0.6em;
            width: 1.333em;
            height: 1.333em;
            background-position: 0 -30px;
        }

        .k-webkit .k-pager-numbers + .k-link,
        .k-ff .k-pager-numbers + .k-link,
        .k-ie11 .k-pager-numbers + .k-link,
        .k-safari .k-pager-numbers + .k-link {
            margin-left: 5.4em;
        }

        .k-webkit .k-rtl .k-pager-numbers + .k-link,
        .k-ff .k-rtl .k-pager-numbers + .k-link,
        .k-ie11 .k-rtl .k-pager-numbers + .k-link,
        .k-safari .k-rtl .k-pager-numbers + .k-link {
            margin-right: 5.4em;
            margin-left: 0;
        }

        .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected,
        .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected,
        .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected,
        .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected,
        .k-webkit .k-pager-wrap .k-pager-numbers .k-link,
        .k-ff .k-pager-wrap .k-pager-numbers .k-link,
        .k-ie11 .k-pager-wrap .k-pager-numbers .k-link,
        .k-safari .k-pager-wrap .k-pager-numbers .k-link {
            display: block;
            margin-top: 0;
            margin-right: 0;
            padding: 1px 5px 1px .8em;
            text-align: left;
            border-top: 0;
            border-radius: 1px;
        }

        .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
        .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
        .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
        .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
            background-color: #ebebeb;
        }

        .k-webkit .k-pager-numbers.k-state-expanded,
        .k-ff .k-pager-numbers.k-state-expanded,
        .k-ie11 .k-pager-numbers.k-state-expanded,
        .k-safari .k-pager-numbers.k-state-expanded {
            box-sizing: border-box;
            padding: 2px 0 0;
            border-width: 1px 1px 0 1px;
            border-style: solid;
            border-color: #ebebeb;
            /*@secondary-border-color*/
            background-color: #ffffff;
            border-radius: 2px 2px 0 0;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
        }

            .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
            .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
            .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
            .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
                margin: -2.2em -1px 0;
                padding: 0;
            }

                .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
                .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
                .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
                .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                    border-radius: 0 0 2px 2px;
                    background-color: #ffffff;
                    border: 1px solid #ebebeb;
                    border-top: 0;
                    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
                }

            .k-webkit .k-pager-numbers.k-state-expanded li,
            .k-ff .k-pager-numbers.k-state-expanded li,
            .k-ie11 .k-pager-numbers.k-state-expanded li,
            .k-safari .k-pager-numbers.k-state-expanded li {
                display: inline-block;
            }

        .k-webkit .k-gantt-toolbar > ul.k-gantt-views,
        .k-ff .k-gantt-toolbar > ul.k-gantt-views,
        .k-ie11 .k-gantt-toolbar > ul.k-gantt-views,
        .k-safari .k-gantt-toolbar > ul.k-gantt-views {
            top: 0;
        }
}

@media only screen and (max-width: 755px) {
    .k-webkit .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-safari .k-pager-info {
        display: none;
    }
}

@media only screen and (max-width: 572px) {
    .k-webkit .k-pager-sizes,
    .k-ff .k-pager-sizes,
    .k-ie11 .k-pager-sizes,
    .k-safari .k-pager-sizes {
        display: none;
    }
}
/* Default Theme */
.k-chart .k-mask {
    background-color: #ffffff;
    filter: alpha(opacity=68);
    opacity: 0.68;
}

.k-chart .k-selection {
    border-color: #e5e5e5;
}

.k-chart .k-handle {
    width: 15px;
    height: 15px;
    background-color: #3f51b5;
    border-radius: 10px;
}

.k-chart .k-leftHandle {
    left: -8px;
}

.k-chart .k-rightHandle {
    right: -8px;
}

.k-chart .k-handle:hover {
    background-color: #f38341;
    border-color: #f38341;
}

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    color: #242424;
}

.k-chart .k-navigator-hint .k-scroll {
    background: #a33234;
    height: 4px;
}

.k-chart-tooltip {
    background-image: none;
}
/* Map */
.k-map .k-marker {
    background-image: url("http://kendo.cdn.telerik.com/2016.2.504/styles/Material/markers.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .k-map .k-marker {
        background-image: url("http://kendo.cdn.telerik.com/2016.2.504/styles/Material/markers_2x.png");
    }
}

.k-map .k-attribution {
    color: #666666;
}

.k-map .k-shadow {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.k-map .k-zoom-control {
    border-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.k-map .k-map-controls .k-button {
    box-shadow: none;
}

    .k-map .k-map-controls .k-button:focus,
    .k-map .k-map-controls .k-button:active,
    .k-map .k-map-controls .k-button:focus:active {
        background-color: #d6d6d6;
        border-color: #d6d6d6;
        box-shadow: none;
    }

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 2px 2px 0;
}

.k-buttons-horizontal :first-child {
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 2px 2px 0;
}

.k-button-wrap .k-button {
    font-size: 21px;
    padding: 7px 13px;
}

.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #ffffff;
}

.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #ffffff;
    background-image: none;
    color: #000000;
    border-color: #cccccc;
}

.k-spreadsheet-top-corner {
    border-color: #cccccc;
}

    .k-spreadsheet-top-corner:after {
        border-color: transparent #cccccc #cccccc transparent;
    }

.k-spreadsheet-pane {
    border-color: #cccccc;
}

    .k-spreadsheet-pane .k-spreadsheet-vaxis,
    .k-spreadsheet-pane .k-spreadsheet-haxis {
        border-color: #e6e6e6;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header,
    .k-spreadsheet-pane .k-spreadsheet-row-header {
        border-color: #cccccc;
    }

    .k-spreadsheet-pane .k-spreadsheet-merged-cell {
        background-color: #ffffff;
    }

    .k-spreadsheet-pane .k-selection-partial,
    .k-spreadsheet-pane .k-selection-full {
        border-color: rgba(243, 131, 65, 0.2);
        background-color: rgba(243, 131, 65, 0.2);
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #f38341;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
        border-bottom-color: #f38341;
    }

    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
        border-right-color: #f38341;
    }

.k-auto-fill,
.k-spreadsheet-selection {
    border-color: #f38341;
    box-shadow: inset 0 0 0 1px #ffffff, 0 0 0 1px #f38341;
}

.k-spreadsheet-selection {
    background-color: rgba(243, 131, 65, 0.2);
}

.k-spreadsheet-active-cell {
    border-color: #f38341 !important;
    background-color: #ffffff;
}

    .k-spreadsheet-active-cell.k-single {
        background-color: #fff;
    }

.k-spreadsheet > .k-spreadsheet-formula-bar {
    background-color: #ffffff;
    border-color: #ffffff #ffffff #cccccc;
}

    .k-spreadsheet > .k-spreadsheet-formula-bar:before {
        border-color: #cccccc;
    }

    .k-spreadsheet > .k-spreadsheet-formula-bar:after {
        border-color: #ffffff;
    }

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #ffffff;
    color: #444444;
}

.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
    background-color: #f38341;
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #f38341;
}

.k-spreadsheet .k-single-selection::after {
    background-color: #f38341;
    border-color: #ffffff;
}

.k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255, 255, 255, 0.5);
}

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(243, 131, 65, 0.5);
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #e6e6e6;
}

.k-spreadsheet-filter {
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 1px #e6e6e6;
}

    .k-spreadsheet-filter.k-state-active {
        color: #3f51b5;
        background-color: #f38341;
    }

    .k-spreadsheet-filter:hover {
        color: #444444;
        background: #ebebeb;
        border-color: #d7d7d7;
    }

.k-action-window .k-action-buttons {
    border-color: #e6e6e6;
}

.k-spreadsheet-sample {
    color: #919191;
}

.k-state-selected .k-spreadsheet-sample {
    color: inherit;
}

.k-spreadsheet-window .k-list-wrapper,
.k-spreadsheet-window .k-list {
    border-color: #e6e6e6;
    border-radius: 2px;
}

.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #e6e6e6;
}

.k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
    background-image: none;
    background-color: #a33234;
    color: #6776ca;
}

.k-spreadsheet-window .k-page-orientation {
    border-color: #e6e6e6;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

    .k-spreadsheet-window .k-page-orientation:before {
        background: #ffffff;
        border-color: transparent;
        border-bottom-color: #e6e6e6;
        border-left-color: #e6e6e6;
    }

.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
    background: transparent;
    border-color: #e6e6e6;
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 2px;
}

.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
    border-radius: 2px;
}

.k-spreadsheet-toolbar > .k-separator {
    border-color: #e6e6e6;
}

.k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0;
}

.k-spreadsheet-popup {
    border-radius: 2px;
}

    .k-spreadsheet-popup .k-separator {
        background-color: #e6e6e6;
    }

    .k-spreadsheet-popup .k-button {
        background-color: transparent;
    }

        .k-spreadsheet-popup .k-button:hover {
            background-color: #ebebeb;
        }

    .k-spreadsheet-popup .k-state-active {
        background-color: #f38341;
        color: #ffffff;
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #f06411;
        }

.k-spreadsheet-filter-menu .k-details {
    border-color: #e6e6e6;
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #ffffff;
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #ffffff;
    border-color: #e6e6e6;
    border-radius: 2px 0 0 2px;
}

.k-syntax-ref {
    color: #ff8822;
}

.k-syntax-num {
    color: #0099ff;
}

.k-syntax-func {
    font-weight: bold;
}

.k-syntax-str {
    color: #38b714;
}

.k-syntax-error {
    color: red;
}

.k-syntax-bool {
    color: #a9169c;
}

.k-syntax-startexp {
    font-weight: bold;
}

.k-syntax-paren-match {
    background-color: #caf200;
}

.k-series-a {
    border-color: #3f51b5;
    background-color: rgba(63, 81, 181, 0.15);
}

.k-series-b {
    border-color: #03a9f4;
    background-color: rgba(3, 169, 244, 0.15);
}

.k-series-c {
    border-color: #4caf50;
    background-color: rgba(76, 175, 80, 0.15);
}

.k-series-d {
    border-color: #f9ce1d;
    background-color: rgba(249, 206, 29, 0.15);
}

.k-series-e {
    border-color: #ff9800;
    background-color: rgba(255, 152, 0, 0.15);
}

.k-series-f {
    border-color: #ff5722;
    background-color: rgba(255, 87, 34, 0.15);
}

.k-spreadsheet-sheets-remove:hover .k-icon {
    color: #cc2222;
}

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #f38341;
    color: #3f51b5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .k-icon.k-font-icon {
        background-image: none;
    }
}

.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button,
.k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    box-shadow: none;
    color: #ffffff;
    border-radius: 0;
    line-height: 2.6em;
    width: 3em;
}

    .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover,
    .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover {
        background-color: #015691;
        border-color: #015691;
    }

.k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
    left: 0;
    bottom: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 2.2em;
}

.k-spreadsheet .k-spreadsheet-sheets-remove {
    margin: 0 0 0 -1em;
}

.k-spreadsheet-sheets-items .k-state-default .k-link,
.k-spreadsheet-tabstrip .k-state-default .k-link {
    color: #80b5da;
}

.k-spreadsheet-sheets-items .k-item.k-state-hover,
.k-spreadsheet-tabstrip .k-item.k-state-hover,
.k-spreadsheet-sheets-items .k-item.k-state-active,
.k-spreadsheet-tabstrip .k-item.k-state-active,
.k-spreadsheet-sheets-items .k-item.k-state-focused,
.k-spreadsheet-tabstrip .k-item.k-state-focused {
    background-color: transparent;
}

    .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link,
    .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link,
    .k-spreadsheet-sheets-items .k-item.k-state-active .k-link,
    .k-spreadsheet-tabstrip .k-item.k-state-active .k-link,
    .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link,
    .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link {
        color: #ffffff;
    }

.k-spreadsheet-sheets-items .k-state-active .k-link,
.k-spreadsheet-tabstrip .k-state-active .k-link {
    color: #ffffff;
}

.k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
    line-height: 2em;
}

.k-grid th.k-header {
    background-color: #fff;
    color: #000;
    font-weight: bold;
}

    .k-grid th.k-header > .k-link {
        color: #000
    }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center;
}

@font-face {
    font-family: VideoJS;
    src: url(../../bower_components/video.js/dist/font/VideoJS.eot?#iefix) format("eot");
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: normal;
    font-style: normal;
}

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
        content: "\f101";
    }

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-play-circle:before {
        content: "\f102";
    }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
        content: "\f103";
    }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
    .video-js .vjs-volume-menu-button.vjs-vol-0:before {
        content: "\f104";
    }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
    .video-js .vjs-volume-menu-button.vjs-vol-1:before {
        content: "\f105";
    }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
    .video-js .vjs-volume-menu-button.vjs-vol-2:before {
        content: "\f106";
    }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
    .video-js .vjs-volume-menu-button:before {
        content: "\f107";
    }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
        content: "\f108";
    }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
        content: "\f109";
    }

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-square:before {
        content: "\f10a";
    }

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-spinner:before {
        content: "\f10b";
    }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
        content: "\f10c";
    }

.vjs-icon-captions, .video-js .vjs-captions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-captions:before, .video-js .vjs-captions-button:before {
        content: "\f10d";
    }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
        content: "\f10e";
    }

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-share:before {
        content: "\f10f";
    }

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-cog:before {
        content: "\f110";
    }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
        content: "\f111";
    }

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-circle-outline:before {
        content: "\f112";
    }

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-circle-inner-circle:before {
        content: "\f113";
    }

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-hd:before {
        content: "\f114";
    }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
        content: "\f115";
    }

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-replay:before {
        content: "\f116";
    }

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-facebook:before {
        content: "\f117";
    }

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-gplus:before {
        content: "\f118";
    }

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-linkedin:before {
        content: "\f119";
    }

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-twitter:before {
        content: "\f11a";
    }

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-tumblr:before {
        content: "\f11b";
    }

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-pinterest:before {
        content: "\f11c";
    }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
        content: "\f11d";
    }

.vjs-icon-audio, .video-js .vjs-audio-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}

    .vjs-icon-audio:before, .video-js .vjs-audio-button:before {
        content: "\f11e";
    }

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .video-js:-moz-full-screen {
        position: absolute;
    }

    .video-js:-webkit-full-screen {
        width: 100% !important;
        height: 100% !important;
    }

    .video-js *,
    .video-js *:before,
    .video-js *:after {
        box-sizing: inherit;
    }

    .video-js ul {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        list-style-position: outside;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        width: 100%;
        max-width: 100%;
        height: 0;
    }

    .video-js.vjs-16-9 {
        padding-top: 56.25%;
    }

    .video-js.vjs-4-3 {
        padding-top: 75%;
    }

    .video-js.vjs-fill {
        width: 100%;
        height: 100%;
    }

    .video-js .vjs-tech {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto;
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}

    .video-js.vjs-fullscreen.vjs-user-inactive {
        cursor: none;
    }

.vjs-hidden {
    display: none !important;
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default;
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}

    .vjs-no-js a,
    .vjs-no-js a:visited {
        color: #66A8CC;
    }

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}

.vjs-menu-button {
    cursor: pointer;
}

    .vjs-menu-button.vjs-disabled {
        cursor: default;
    }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none;
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}

    .vjs-menu li:focus,
    .vjs-menu li:hover {
        outline: 0;
        background-color: #73859f;
        background-color: rgba(115, 133, 159, 0.5);
    }

    .vjs-menu li.vjs-selected,
    .vjs-menu li.vjs-selected:focus,
    .vjs-menu li.vjs-selected:hover {
        background-color: #fff;
        color: #2B333F;
    }

    .vjs-menu li.vjs-menu-title {
        text-align: center;
        text-transform: uppercase;
        font-size: 1em;
        line-height: 2em;
        padding: 0;
        margin: 0 0 0.3em 0;
        font-weight: bold;
        cursor: default;
    }

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7);
}

    .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        background-color: #2B333F;
        background-color: rgba(43, 51, 63, 0.7);
        position: absolute;
        width: 100%;
        bottom: 1.5em;
        max-height: 15em;
    }

    .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
    .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
        display: block;
    }

.video-js .vjs-menu-button-inline {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
}

    .video-js .vjs-menu-button-inline:before {
        width: 2.222222222em;
    }

    .video-js .vjs-menu-button-inline:hover,
    .video-js .vjs-menu-button-inline:focus,
    .video-js .vjs-menu-button-inline.vjs-slider-active,
    .video-js.vjs-no-flex .vjs-menu-button-inline {
        width: 12em;
    }

    .video-js .vjs-menu-button-inline.vjs-slider-active {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    -moz-transition: visibility 0.1s, opacity 0.1s;
    -o-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

    .video-js .vjs-control:before {
        font-size: 1.8em;
        line-height: 1.67;
    }

    .video-js .vjs-control:focus:before,
    .video-js .vjs-control:hover:before,
    .video-js .vjs-control:focus {
        text-shadow: 0em 0em 1em white;
    }

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
    display: none;
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
}

.vjs-live .vjs-progress-control {
    display: none;
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 0.3em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em;
}

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    font-family: Arial, Helvetica, sans-serif;
    visibility: visible;
    font-size: 0.6em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 0.3em;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0;
}

.video-js .vjs-mouse-display:before {
    display: none;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}

    .video-js .vjs-play-progress:before {
        position: absolute;
        top: -0.333333333333333em;
        right: -0.5em;
        font-size: 0.9em;
    }

    .video-js .vjs-time-tooltip,
    .video-js .vjs-mouse-display:after,
    .video-js .vjs-play-progress:after {
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        top: -3.4em;
        right: -1.9em;
        font-size: 0.9em;
        color: #000;
        content: attr(data-current-time);
        padding: 6px 8px 8px 8px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
        -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        border-radius: 0.3em;
    }

    .video-js .vjs-time-tooltip,
    .video-js .vjs-play-progress:before,
    .video-js .vjs-play-progress:after {
        z-index: 1;
    }

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none;
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, 0.5);
}

    .video-js .vjs-load-progress div {
        background: white;
        background: rgba(115, 133, 159, 0.75);
    }

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto;
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em;
}

.vjs-tooltip-progress-bar {
    visibility: hidden;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none;
}

.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

    .video-js .vjs-slider:focus {
        text-shadow: 0em 0em 1em white;
        -webkit-box-shadow: 0 0 1em #fff;
        -moz-box-shadow: 0 0 1em #fff;
        box-shadow: 0 0 1em #fff;
    }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

    .video-js .vjs-volume-level:before {
        position: absolute;
        font-size: 0.9em;
    }

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}

    .vjs-slider-vertical .vjs-volume-level:before {
        top: -0.5em;
        left: -0.3em;
    }

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}

    .vjs-slider-horizontal .vjs-volume-level:before {
        top: -0.3em;
        right: -0.5em;
    }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent;
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0.5em;
    height: 8em;
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em;
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em;
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em;
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important;
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

    .vjs-poster img {
        display: block;
        vertical-align: middle;
        margin: 0 auto;
        max-height: 100%;
        padding: 0;
        width: 100%;
    }

.vjs-has-started .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}

.vjs-controls-disabled .vjs-poster {
    display: none;
}

.vjs-using-native-controls .vjs-poster {
    display: none;
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.vjs-live .vjs-time-control {
    display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
    line-height: 3em;
}

.vjs-live .vjs-time-divider {
    display: none;
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

video::-webkit-media-text-track-display {
    -moz-transform: translateY(-3em);
    -ms-transform: translateY(-3em);
    -o-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    -o-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }

    20% {
        border-top-color: #73859f;
    }

    35% {
        border-top-color: white;
    }

    60% {
        border-top-color: #73859f;
    }

    100% {
        border-top-color: #73859f;
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }

    20% {
        border-top-color: #73859f;
    }

    35% {
        border-top-color: white;
    }

    60% {
        border-top-color: #73859f;
    }

    100% {
        border-top-color: #73859f;
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
    display: none;
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    margin: 0 auto;
    padding: 0.5em;
    height: 16em;
    font-size: 12px;
    width: 40em;
}

    .vjs-caption-settings .vjs-tracksettings {
        top: 0;
        bottom: 1em;
        left: 0;
        right: 0;
        position: absolute;
        overflow: auto;
    }

    .vjs-caption-settings .vjs-tracksettings-colors,
    .vjs-caption-settings .vjs-tracksettings-font {
        float: left;
    }

        .vjs-caption-settings .vjs-tracksettings-colors:after,
        .vjs-caption-settings .vjs-tracksettings-font:after,
        .vjs-caption-settings .vjs-tracksettings-controls:after {
            clear: both;
        }

    .vjs-caption-settings .vjs-tracksettings-controls {
        position: absolute;
        bottom: 1em;
        right: 1em;
    }

    .vjs-caption-settings .vjs-tracksetting {
        margin: 5px;
        padding: 3px;
        min-height: 40px;
        border: none;
    }

        .vjs-caption-settings .vjs-tracksetting label,
        .vjs-caption-settings .vjs-tracksetting legend {
            display: block;
            width: 100px;
            margin-bottom: 5px;
        }

        .vjs-caption-settings .vjs-tracksetting span {
            display: inline;
            margin-left: 5px;
            vertical-align: top;
            float: right;
        }

        .vjs-caption-settings .vjs-tracksetting > div {
            margin-bottom: 5px;
            min-height: 20px;
        }

            .vjs-caption-settings .vjs-tracksetting > div:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                min-height: 0;
            }

    .vjs-caption-settings label > input {
        margin-right: 10px;
    }

    .vjs-caption-settings fieldset {
        margin-top: 1em;
        margin-left: .5em;
    }

        .vjs-caption-settings fieldset .vjs-label {
            position: absolute;
            clip: rect(1px 1px 1px 1px);
            /* for Internet Explorer */
            clip: rect(1px, 1px, 1px, 1px);
            padding: 0;
            border: 0;
            height: 1px;
            width: 1px;
            overflow: hidden;
        }

    .vjs-caption-settings input[type="button"] {
        width: 40px;
        height: 40px;
    }

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}

/**
// IE 8 hack for media queries which the sass parser can encounter problems with
$ie8screen: "\\0screen";

// original home: css/components/_control-bar.scss
// IE8 is flakey with fonts, and you have to change the actual content to force
// fonts to show/hide properly.
// - "\9" IE8 hack didn't work for this
// Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
  @media #{$ie8screen} { content: ""; }
}

// Video has started playing AND user is inactive
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {

  // Make controls hidden in IE8 for now
  @media #{$ie8screen} {
    visibility: hidden;
  }
}
*/

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: "";
    }
}

@media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden;
    }
}

.ta-hidden-input {
    width: 1px;
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -10000px;
    left: -10000px;
    opacity: 0;
    overflow: hidden;
}

/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ta-editor.ta-html, .ta-scroll-window.form-control {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
}

.ta-scroll-window.form-control {
    position: relative;
    padding: 0;
}

.ta-scroll-window > .ta-bind {
    height: auto;
    min-height: 300px;
    padding: 6px 12px;
}

.ta-editor:focus {
    user-select: text;
}

/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
    z-index: 100;
    position: absolute;
    display: none;
}

    .ta-resizer-handle-overlay > .ta-resizer-handle-info {
        position: absolute;
        bottom: 16px;
        right: 16px;
        border: 1px solid black;
        background-color: #FFF;
        padding: 0 4px;
        opacity: 0.7;
    }

    .ta-resizer-handle-overlay > .ta-resizer-handle-background {
        position: absolute;
        bottom: 5px;
        right: 5px;
        left: 5px;
        top: 5px;
        border: 1px solid black;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .ta-resizer-handle-overlay > .ta-resizer-handle-corner {
        width: 10px;
        height: 10px;
        position: absolute;
    }

    .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl {
        top: 0;
        left: 0;
        border-left: 1px solid black;
        border-top: 1px solid black;
    }

    .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr {
        top: 0;
        right: 0;
        border-right: 1px solid black;
        border-top: 1px solid black;
    }

    .ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl {
        bottom: 0;
        left: 0;
        border-left: 1px solid black;
        border-bottom: 1px solid black;
    }

    .ta-resizer-handle-overlay > .ta-resizer-handle-corner-br {
        bottom: 0;
        right: 0;
        border: 1px solid black;
        cursor: se-resize;
        background-color: white;
    }

/* copy the popover code from bootstrap so this will work even without it */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

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

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

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

.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 {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

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

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

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

.bulkApprove-listing {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

    .bulkApprove-listing .btnrow {
        margin-bottom: 10px;
        overflow: hidden;
    }

        .bulkApprove-listing .btnrow .btn {
            float: right;
        }

.table.table-bordered .k-header {
    background: #fff;
    color: #fff;
}

.k-header td {
    color: #000;
    font-weight: bold;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background: #a33234;
}

.md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover {
    background-color: rgb(163, 50, 52);
}

.content > .box-body {
    background: #fff;
}

.volunteerSearch_blk {
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 15px;
}

    .volunteerSearch_blk .input-group {
        margin-bottom: 0;
    }

.signature_blk .signature {
    border: 1px solid #eee;
}

.signature_blk {
    margin-bottom: 10px;
}

.tab-pane .panel-heading {
    position: relative;
}

    .tab-pane .panel-heading.collapsed {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .tab-pane .panel-heading:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        background: #a33234;
        right: 18px;
        top: 8px;
    }

    .tab-pane .panel-heading:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 3px;
        background: #a33234;
        right: 10px;
        top: 16px;
    }

    .tab-pane .panel-heading.collapsed:after {
        width: 3px;
        height: 20px;
    }

@media (max-width:1024px) {
    .login-box-body, .register-box-body {
        width: 65%;
    }

    .arrow {
        top: 21vw;
        width: 3vw;
        height: 7vw;
        background-size: contain;
        margin: auto;
    }

    .slider {
        width: 100%;
        height: 38vw;
        border-width: 10px;
    }

    .ihsinfo-col .slider img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width:1023px) {
    .slider {
        width: 100%;
        height: 35vw;
        border-width: 10px;
    }

    .volunteerSearch_blk, .volunteerSearch_blk tbody, .volunteerSearch_blk tr {
        display: block;
        width: 100%;
        float: left;
    }

        .volunteerSearch_blk tr td {
            display: block;
            width: 50%;
            float: left;
        }

        .volunteerSearch_blk tr td {
            padding: 10px;
        }

            .volunteerSearch_blk tr td p {
                margin: 0 !important;
            }

    /*volunteerSearch_blk tr td:nth-child(3), .volunteerSearch_blk tr td:nth-child(4) {
                width: 50%;
            }*/
}

@media (max-width: 768px) {
    .login-box, .register-box {
        /*width: 100%;*/
    }

        .login-box:before {
            width: 0;
        }

    .register-box {
        margin: 0;
        display: block;
    }

    .login-box-body,
    .register-box-body {
        width: 70%;
        height: auto;
        margin: auto;
        position: static;
    }

    .md-dialog-content.col-sm-12.timelinecol1 {
        height: 40vw;
        position: relative;
        overflow-y: auto;
    }
}

@media (max-width: 767px) {
    .login-box-body,
    .register-box-body {
        width: 320px;
        padding: 20px;
    }

    .slider {
        height: 53vw;
    }

    .arrow {
        top: 23vw;
        width: 5vw;
        height: 6vw;
        background-size: contain;
        margin: auto;
    }

    .small-box > .inner {
        padding: 10px;
    }
}


@media (max-width: 480px) {

    .volunteerSearch_blk tr td:nth-child(3), .volunteerSearch_blk tr td:nth-child(4) {
        width: 100%;
    }

    .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
        font-size: 14px;
    }

    .main-footer {
        text-align: center;
    }

        .main-footer .pull-right {
            float: none !important;
            text-align: center;
            margin-bottom: 5px;
        }

            .main-footer .pull-right.hidden-xs {
                display: block !important;
            }
}

@media (max-width: 340px) {
    .login-box-body,
    .register-box-body {
        width: 90%;
        padding: 15px;
    }
}