/* Minification failed. Returning unminified contents.
(3796,23): run-time error CSS1046: Expect comma, found '0'
(3796,27): run-time error CSS1046: Expect comma, found '/'
(32799,9): run-time error CSS1031: Expected selector, found '<'
(32799,9): run-time error CSS1025: Expected comma or open brace, found '<'
(36563,32): run-time error CSS1046: Expect comma, found '97'
(36563,38): run-time error CSS1046: Expect comma, found '/'
(37997,29): run-time error CSS1046: Expect comma, found '0'
(37997,33): run-time error CSS1046: Expect comma, found '/'
(37998,22): run-time error CSS1046: Expect comma, found '0'
(37998,26): run-time error CSS1046: Expect comma, found '/'
(45943,23): run-time error CSS1046: Expect comma, found '0'
(45943,27): run-time error CSS1046: Expect comma, found '/'
(46405,31): run-time error CSS1046: Expect comma, found '255'
(46405,39): run-time error CSS1046: Expect comma, found '/'
(46493,44): run-time error CSS1046: Expect comma, found '0'
(46493,48): run-time error CSS1046: Expect comma, found '/'
(46624,32): run-time error CSS1046: Expect comma, found '97'
(46624,38): run-time error CSS1046: Expect comma, found '/'
(46646,32): run-time error CSS1046: Expect comma, found '97'
(46646,38): run-time error CSS1046: Expect comma, found '/'
(46894,29): run-time error CSS1046: Expect comma, found '255'
(46894,37): run-time error CSS1046: Expect comma, found '/'
(46904,29): run-time error CSS1046: Expect comma, found '0'
(46904,33): run-time error CSS1046: Expect comma, found '/'
(46922,29): run-time error CSS1046: Expect comma, found '0'
(46922,33): run-time error CSS1046: Expect comma, found '/'
(47295,40): run-time error CSS1046: Expect comma, found '97'
(47295,46): run-time error CSS1046: Expect comma, found '/'
(48842,60): run-time error CSS1019: Unexpected token, found '%'
(48842,60): run-time error CSS1042: Expected function, found '%'
(48842,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=0d083242c737f0677428345bb300935e)
 * Config saved to config.json and https://gist.github.com/0d083242c737f0677428345bb300935e
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 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 */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
        text-decoration: none;
    }

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

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 {
        border: 0;
        padding: 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-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

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

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

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

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

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

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

    thead {
        display: table-header-group;
    }

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

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

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

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

    .navbar {
        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('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    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: "\002a";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
    -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-family: 'Roboto', sans-serif, Arial;
    font-size: 14px;
    line-height: 1.42857143;
    color: #111111;
    background-color: #ffffff;
}

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

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

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

    a:focus {
        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 {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

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

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    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: #777777;
    }

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: 2px) {
    .lead {
        font-size: 21px;
    }
}

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

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

.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-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-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 #eeeeee;
}

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;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 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: 1px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

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

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

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

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

    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: #777777;
    }

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

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

        .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: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 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;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    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-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 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-left: 15px;
    padding-right: 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: 2px) {
    .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: 3px) {
    .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: 9999px) {
    .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: #777777;
    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 #dddddd;
    }

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

    .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 #dddddd;
    }

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

.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 #dddddd;
}

    .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 #dddddd;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .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 {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    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"] {
    vertical-align: middle;
    margin: 0;
    margin-right: 3px;
}

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

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

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

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

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

.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 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::-moz-placeholder {
        color: #999999;
        opacity: 1;
    }

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

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

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eeeeee;
        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-left: -20px;
        margin-top: 4px \9;
    }

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

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    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 {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 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, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-feedback label ~ .form-control-feedback {
    top: 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: 2px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .btn:active,
    .btn.active {
        outline: 0;
        background-image: none;
        -webkit-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.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

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

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

.btn-default {
    color: #000000;
    background: rgb(0 0 0 / 5%);
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333333;
    }

    .btn-default:hover {
        color: #333333;
        background: rgba(0, 0, 0, 0.1);
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #fafafa;
    }

        .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: #333333;
            background-color: #d4d4d4;
        }

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

    .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 {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .btn-default .badge {
        color: #ffffff;
        background-color: #333333;
    }

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

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

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

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        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: #ffffff;
            background-color: #204d74;
            border-color: #122b40;
        }

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

    .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 {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

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

.btn-success {
    background: #ffc863;
    border-color: #a88734 #9c7e31 #846a29;
    border-top-color: rgb(168, 135, 52);
    border-right-color: rgb(156, 126, 49);
    border-bottom-color: rgb(132, 106, 41);
    border-left-color: rgb(156, 126, 49);
    color: #111;
}

    .btn-success:focus,
    .btn-success.focus {
        background: #f0c14b;
        border-color: #a88734 #9c7e31 #846a29;
        border-top-color: rgb(168, 135, 52);
        border-right-color: rgb(156, 126, 49);
        border-bottom-color: rgb(132, 106, 41);
        border-left-color: rgb(156, 126, 49);
        color: #111;
    }

    .btn-success:hover {
        background-color: #f0c14b;
        border-color: #a88734 #9c7e31 #846a29;
        border-top-color: rgb(168, 135, 52);
        border-right-color: rgb(156, 126, 49);
        border-bottom-color: rgb(132, 106, 41);
        border-left-color: rgb(156, 126, 49);
        color: #111;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background: #ffc863;
        border-color: #a88734 #9c7e31 #846a29;
        border-top-color: rgb(168, 135, 52);
        border-right-color: rgb(156, 126, 49);
        border-bottom-color: rgb(132, 106, 41);
        border-left-color: rgb(156, 126, 49);
        color: #111;
    }

        .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 {
            background: #ffc863;
            border-color: #a88734 #9c7e31 #846a29;
            border-top-color: rgb(168, 135, 52);
            border-right-color: rgb(156, 126, 49);
            border-bottom-color: rgb(132, 106, 41);
            border-left-color: rgb(156, 126, 49);
            color: #111;
        }

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

    .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 {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

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

.btn-info {
    color: #ffffff;
    background-color: #0066c0;
    border-color: #094275;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #ffffff;
        background-color: #0066c0;
        border-color: #094275;
    }

    .btn-info:hover {
        color: #ffffff;
        background-color: #0066c0;
        border-color: #094275;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #0066c0;
        border-color: #094275;
    }

        .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: #ffffff;
            background-color: #094275;
            border-color: #094275;
        }

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

    .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 {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

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

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

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

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

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        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: #ffffff;
            background-color: #d58512;
            border-color: #985f0d;
        }

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

    .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 {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

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

.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #98312e;
}

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

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

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        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: #ffffff;
            background-color: #ac2925;
            border-color: #761c19;
        }

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

    .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 {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

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

.btn-link {
    color: #337ab7;
    font-weight: normal;
    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: #777777;
                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: none;
    -o-transition: none;
    transition: none;
}

    .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-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.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;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    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);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .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: #333333;
        white-space: nowrap;
    }

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

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #337ab7;
    }

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

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

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

.open > a {
    outline: 0;
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

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

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

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

@media (min-width: 1px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

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

.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-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-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-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

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

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-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-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-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        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-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        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-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

.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: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    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 {
    }

    .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-bottom-left-radius: 0;
    border-top-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 {
        }

    .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 {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

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

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

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

        .nav > li.disabled > a {
            color: #777777;
        }

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

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eeeeee;
        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 #dddddd;
}

    .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: #eeeeee #eeeeee #dddddd;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #555555;
            background-color: #fafafa;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width: 2px) {
    .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 #dddddd;
}

@media (min-width: 2px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        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: #ffffff;
    }
}

.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: #ffffff;
        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 {
            text-align: center;
            margin-bottom: 5px;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 2px) {
    .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 #dddddd;
    }

@media (min-width: 2px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        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: #ffffff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 65px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width: 1px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width: 1px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 1px) {
    .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-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 1px) 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: 1px) {
    .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: 1px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

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

@media (min-width: 1px) {
    .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;
    padding: 0px 5px 5px 5px;
    margin: 0px 5px 0px 5px;
    font-size: 18px;
    line-height: 20px;
    font-size: 10px;
    line-height: normal;
    height: 40px;
    max-height: 70px;
}

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

    .navbar-brand > img {
        display: block;
    }

/*@media (min-width: 1px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}*/

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    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: 1px) {
    .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: 0px) {
    .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: 1px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
            outline: none;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 2px) {
    .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: 0px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 1px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-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: 1px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 1px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777777;
    }

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

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #dddddd;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #dddddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888888;
        }

    .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 {
        background-color: #e7e7e7;
        color: #555555;
    }

@media (max-width: 0px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333333;
            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: #555555;
        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: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

    .navbar-default .navbar-link:hover {
        color: #333333;
    }

.navbar-default .btn-link {
    color: #777777;
}

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #333333;
    }

    .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: #cccccc;
    }

.navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #ffffff;
            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: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

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

    .navbar-inverse .navbar-toggle {
        border-color: #333333;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .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 {
        background-color: #080808;
        color: #ffffff;
    }

@media (max-width: 0px) {
    .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: #ffffff;
            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: #ffffff;
        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: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #ffffff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #ffffff;
    }

    .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: #444444;
    }

.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 {
            content: "/\00a0";
            padding: 0 5px;
            color: #cccccc;
        }

    .breadcrumb > .active {
        color: #777777;
    }

.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;
            line-height: 1.42857143;
            text-decoration: none;
            color: #337ab7;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

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

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 2;
            color: #23527c;
            border-color: #dddddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #ffffff;
        background-color: #337ab7;
        border-color: #337ab7;
        cursor: default;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777777;
        border-color: #dddddd;
        cursor: not-allowed;
    }

.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-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-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-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

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

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

    .pager li {
        display: inline;
    }

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

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

    .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: #777777;
        background-color: #ffffff;
        cursor: not-allowed;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

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

.label:empty {
    display: none;
}

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

.label-default {
    background-color: #777777;
}

    .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: #0066c0;
    }

.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;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    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: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #ffffff;
}

.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: #eeeeee;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 2px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

    .thumbnail > img,
    .thumbnail a > img {
        margin-left: auto;
        margin-right: auto;
    }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #337ab7;
}

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

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

    .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 {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .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 {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    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);
    -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, 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-info {
    background-color: #5bc0de;
}

.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-warning {
    background-color: #f0ad4e;
}

.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-danger {
    background-color: #d9534f;
}

.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);
}

.media {
    margin-top: 15px;
}

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

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

.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 {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-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: #555555;
}

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333333;
    }

    a.list-group-item:hover,
    button.list-group-item:hover,
    a.list-group-item:focus,
    button.list-group-item:focus {
        text-decoration: none;
        color: #555555;
        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 {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}

    .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: #777777;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    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: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-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 #dddddd;
    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-right-radius: 3px;
        border-top-left-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-right-radius: 0;
    border-top-left-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-left: 15px;
        padding-right: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-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-left-radius: 3px;
            border-bottom-right-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 #dddddd;
    }

    .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 {
    border: 0;
    margin-bottom: 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 #dddddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #dddddd;
        }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #dddddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        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: #ffffff;
        }

    .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;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 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, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 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: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

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

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .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: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

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

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

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px 0px;
    border-bottom: 1px solid #e5e5e5;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #fafafa;
}

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

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 30px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

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

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

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

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 2px) {
    /*.modal-dialog {
        width: 600px;
        margin: 30px auto;
    }*/

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 3px) {
    .modal-lg {
        width: 1170px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

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

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

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

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

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    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: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

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

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

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

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

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

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

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

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

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    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 {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

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

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

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

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

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

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

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

.carousel {
    position: relative;
}

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

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.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 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.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 {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 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;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover,
    .carousel-control:focus {
        outline: 0;
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
    }

    .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;
        line-height: 1;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #ffffff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 2px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        left: 20%;
        right: 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-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.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-header:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: 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: 1px) {
    .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: 1px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 1px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 1px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 2px) and (max-width: 1px) {
    .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: 2px) and (max-width: 1px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 2px) and (max-width: 1px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 2px) and (max-width: 1px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 3px) and (max-width: 1px) {
    .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: 3px) and (max-width: 1px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 3px) and (max-width: 1px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 3px) and (max-width: 1px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 9999px) {
    .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: 9999px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 9999px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 9999px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 1px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 2px) and (max-width: 1px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 3px) and (max-width: 1px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 9999px) {
    .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;
    }
}

/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.1.10
 */


body, html {
    height: 100%;
    min-height: max-content;
    position: relative;
    width: fit-content;
    min-width: 100%;
}


div,span,button,label,p,a {
    outline: none !important;
}



body {
    margin: 0;
    padding: 0;
}

[tabindex='-1']:focus {
    outline: none;
}

.inset {
    padding: 10px;
}

a.md-no-style,
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;
    }

input:-webkit-autofill {
    text-shadow: 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 {
    -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    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%;
    -webkit-transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
    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 {
        -webkit-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), -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);
        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), -webkit-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-ripple.md-ripple-remove {
        -webkit-animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
        animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

@-webkit-keyframes md-remove-ripple {
    0% {
        opacity: .15;
    }

    100% {
        opacity: 0;
    }
}

@keyframes md-remove-ripple {
    0% {
        opacity: .15;
    }

    100% {
        opacity: 0;
    }
}

.md-padding {
    padding: 8px;
}

.md-margin {
    margin: 8px;
}

.md-scroll-mask {
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
}

    .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 0 0 1px rgba(0, 0, 0, 0.3);
    }

.md-no-momentum {
    -webkit-overflow-scrolling: auto;
}

.md-no-flicker {
    -webkit-filter: blur(0px);
}

@media (min-width: 960px) {
    .md-padding {
        padding: 16px;
    }
}

html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
    unicode-bidi: embed;
}

bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override;
}

bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override;
}


/************
 * 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
 ************/


select,
button,
textarea,
input {
    font-size: 100%;
}

/*
*  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
*/
.md-panel-outer-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

._md-panel-hidden {
    display: none;
}

._md-panel-offscreen {
    left: -9999px;
}

._md-panel-fullscreen {
    border-radius: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
}

._md-panel-shown .md-panel {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}

.md-panel {
    opacity: 0;
    position: fixed;
}

    .md-panel._md-panel-shown {
        opacity: 1;
        -webkit-transition: none;
        transition: none;
    }

    .md-panel._md-panel-animate-enter {
        opacity: 1;
        -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
        transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .md-panel._md-panel-animate-leave {
        opacity: 1;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
        transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
    }

    .md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
        opacity: 0;
    }

    .md-panel._md-panel-backdrop {
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .md-panel._md-opaque-enter {
        opacity: .48;
        -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
        transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
    }

    .md-panel._md-opaque-leave {
        -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
        transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
    }

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: 0;
        }

        md-autocomplete[md-floating-label] md-autocomplete-wrap {
            height: auto;
        }

        md-autocomplete[md-floating-label] .md-show-clear-button button {
            display: block;
            position: absolute;
            right: 0;
            top: 20px;
            width: 30px;
            height: 30px;
        }

        md-autocomplete[md-floating-label] .md-show-clear-button input {
            padding-right: 30px;
        }

[dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input {
    padding-right: 0;
    padding-left: 30px;
}

md-autocomplete md-autocomplete-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    height: 40px;
}

    md-autocomplete md-autocomplete-wrap.md-menu-showing {
        z-index: 51;
    }

    md-autocomplete md-autocomplete-wrap md-input-container, md-autocomplete md-autocomplete-wrap input {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%;
        box-sizing: border-box;
        min-width: 0;
    }

    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;
            -webkit-transition: none;
            transition: none;
        }

            md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
                -webkit-transition: none;
                transition: none;
                height: 3px;
            }

            md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
                -webkit-transition: opacity 0.15s linear;
                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 {
                -webkit-transition: opacity 0.15s linear;
                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 .md-show-clear-button 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 .md-show-clear-button 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;
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    md-autocomplete .md-show-clear-button button:focus {
        outline: none;
    }

        md-autocomplete .md-show-clear-button button:focus:after {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

    md-autocomplete .md-show-clear-button 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 .md-show-clear-button button md-icon path {
            stroke-width: 0;
        }

    md-autocomplete .md-show-clear-button button.ng-enter {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.15s ease-out;
        transition: -webkit-transform 0.15s ease-out;
        transition: transform 0.15s ease-out;
        transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
    }

        md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    md-autocomplete .md-show-clear-button button.ng-leave {
        -webkit-transition: -webkit-transform 0.15s ease-out;
        transition: -webkit-transform 0.15s ease-out;
        transition: transform 0.15s ease-out;
        transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
    }

        md-autocomplete .md-show-clear-button 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);
    z-index: 100;
    height: 100%;
}

    .md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight {
        font-weight: bold;
    }

.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;
        -webkit-transition: background 0.15s linear;
        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 {
    -webkit-transition: opacity 450ms;
    transition: opacity 450ms;
    position: fixed;
    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;
        -webkit-transition-duration: 0;
        transition-duration: 0;
    }

    md-backdrop.md-dialog-backdrop {
        z-index: 79;
    }

    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;
            -webkit-transition: opacity 400ms;
            transition: opacity 400ms;
        }

            md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
                opacity: 0;
            }

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);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-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;
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    }

    md-bottom-sheet .md-subheader {
        background-color: transparent;
        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-box;
        display: -webkit-flex;
        display: flex;
        outline: none;
    }

        md-bottom-sheet md-list-item:hover {
            cursor: pointer;
        }

    md-bottom-sheet.md-list md-list-item {
        padding: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 48px;
    }

    md-bottom-sheet.md-grid {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 0;
    }

        md-bottom-sheet.md-grid md-list {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        md-bottom-sheet.md-grid md-list-item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            height: 96px;
            margin-top: 8px;
            margin-bottom: 8px;
            /* Mixin for how many grid items to show per row */
        }

@media (max-width: 960px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-box-flex: 1;
        -webkit-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-box-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }

        md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
            -webkit-box-align: end;
            -webkit-align-items: flex-end;
            align-items: flex-end;
        }
}

@media (min-width: 960px) and (max-width: 1279px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 16.66667%;
        flex: 1 1 16.66667%;
        max-width: 16.66667%;
    }
}

@media (min-width: 1920px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 14.28571%;
        flex: 1 1 14.28571%;
        max-width: 14.28571%;
    }
}

md-bottom-sheet.md-grid md-list-item::before {
    display: none;
}

md-bottom-sheet.md-grid md-list-item .md-list-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: 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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 80px;
}

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;
    }
}

button.md-button::-moz-focus-inner {
    border: 0;
}

.md-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    /** Alignment adjustments */
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    /* Reset default button appearance */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    /** Custom styling for button */
    padding: 0 6px;
    margin: 6px 8px;
    background: transparent;
    color: currentColor;
    white-space: nowrap;
    /* Uppercase text content */
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    overflow: hidden;
    -webkit-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);
    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-dense > .md-button:not(.md-dense-disabled),
.md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
    min-height: 32px;
}

.md-dense > .md-button:not(.md-dense-disabled),
.md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
    line-height: 32px;
}

.md-dense > .md-button:not(.md-dense-disabled),
.md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
    font-size: 13px;
}

.md-button:focus {
    outline: none;
}

.md-button:hover, .md-button:focus {
    text-decoration: none;
}

.md-button.ng-hide, .md-button.ng-leave {
    -webkit-transition: none;
    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-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;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, transform;
    transition-property: background-color, box-shadow, transform, -webkit-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-mini {
        line-height: 40px;
        width: 40px;
        height: 40px;
    }

    .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
        -webkit-transition: none;
        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: inherit;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}

.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
    display: block;
}

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    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 {
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 100%;
}

    .md-button-group > .md-button {
        -webkit-box-flex: 1;
        -webkit-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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-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-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        md-card md-card-header:first-child md-card-avatar {
            margin-right: 12px;
        }

[dir=rtl] md-card md-card-header:first-child md-card-avatar {
    margin-right: auto;
    margin-left: 12px;
}

md-card md-card-header:last-child md-card-avatar {
    margin-left: 12px;
}

[dir=rtl] md-card md-card-header:last-child md-card-avatar {
    margin-left: auto;
    margin-right: 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-icon > svg {
            height: inherit;
            width: inherit;
        }

    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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-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 > md-card-header img,
md-card md-card-title-media img {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
}

md-card md-card-title {
    padding: 24px 16px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -webkit-flex;
        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-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-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;
        }

[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
    margin-left: auto;
    margin-right: 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;
}

[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
    margin-right: auto;
    margin-left: 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;
    }

[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
    margin-left: auto;
    margin-right: 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;
}

[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
    margin-right: auto;
    margin-left: 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-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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-image-no-fill > img {
    width: auto;
    height: auto;
}

.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: 0;
    margin-right: 16px;
}

[dir=rtl] md-checkbox {
    margin-left: 16px;
}

[dir=rtl] md-checkbox {
    margin-right: 0;
}

md-checkbox:last-of-type {
    margin-left: 0;
    margin-right: 0;
}

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-align-top-left > div.md-container {
    top: 12px;
}

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;
}

[dir=rtl] md-checkbox .md-container {
    left: auto;
}

[dir=rtl] md-checkbox .md-container {
    right: 0;
}

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;
    -webkit-transition: all 0.5s;
    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-icon {
    box-sizing: border-box;
    -webkit-transition: 240ms;
    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-color: transparent;
}

    md-checkbox.md-checked .md-icon:after {
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: 4.66667px;
        top: 0.22222px;
        display: table;
        width: 6.66667px;
        height: 13.33333px;
        border-width: 2px;
        border-style: solid;
        border-top: 0;
        border-left: 0;
        content: '';
    }

md-checkbox[disabled] {
    cursor: default;
}

md-checkbox.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: table;
    width: 12px;
    height: 2px;
    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;
}

[dir=rtl] md-checkbox .md-label {
    margin-left: 0;
}

[dir=rtl] md-checkbox .md-label {
    margin-right: 30px;
}

.md-contact-chips .md-chips md-chip {
    padding: 0 25px 0 0;
}

[dir=rtl] .md-contact-chips .md-chips md-chip {
    padding: 0 0 0 25px;
}

.md-contact-chips .md-chips md-chip .md-contact-avatar {
    float: left;
}

[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
    float: right;
}

.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;
}

[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
    margin-left: auto;
    margin-right: 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;
    }

[dir=rtl] .md-contact-suggestion .md-contact-name {
    margin-left: auto;
    margin-right: 8px;
}

.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-size: 16px;
    padding: 0 0 8px 3px;
    vertical-align: middle;
}

    .md-chips:after {
        content: '';
        display: table;
        clear: both;
    }

[dir=rtl] .md-chips {
    padding: 0 3px 8px 0;
}

.md-chips.md-readonly .md-chip-input-container {
    min-height: 32px;
}

.md-chips:not(.md-readonly) {
    cursor: text;
}

.md-chips.md-removable md-chip {
    padding-right: 22px;
}

[dir=rtl] .md-chips.md-removable md-chip {
    padding-right: 0;
    padding-left: 22px;
}

.md-chips.md-removable md-chip .md-chip-content {
    padding-right: 4px;
}

[dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
    padding-right: 0;
    padding-left: 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;
}

[dir=rtl] .md-chips md-chip {
    margin: 8px 0 0 8px;
}

[dir=rtl] .md-chips md-chip {
    float: right;
}

.md-chips md-chip .md-chip-content {
    display: block;
    float: left;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

[dir=rtl] .md-chips md-chip .md-chip-content {
    float: right;
}

.md-chips md-chip .md-chip-content:focus {
    outline: none;
}

.md-chips md-chip._md-chip-content-edit-is-enabled {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */
}

.md-chips md-chip .md-chip-remove-container {
    position: absolute;
    right: 0;
    line-height: 22px;
}

[dir=rtl] .md-chips md-chip .md-chip-remove-container {
    right: auto;
    left: 0;
}

.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;
}

[dir=rtl] .md-chips .md-chip-input-container {
    margin: 8px 0 0 8px;
}

[dir=rtl] .md-chips .md-chip-input-container {
    float: right;
}

.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;
}

[dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
    margin: 8px 0 0 8px;
}

.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-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;
    }

@media print {
    md-content {
        overflow: visible !important;
    }
}

/** 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;
    box-sizing: content-box;
}

    .md-calendar-date:first-child {
        padding-left: 16px;
    }

[dir=rtl] .md-calendar-date:first-child {
    padding-left: 0;
    padding-right: 16px;
}

.md-calendar-date:last-child {
    padding-right: 16px;
}

[dir=rtl] .md-calendar-date:last-child {
    padding-right: 0;
    padding-left: 16px;
}

.md-calendar-date.md-calendar-date-disabled {
    cursor: default;
}

.md-calendar-date-selection-indicator {
    -webkit-transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    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;
}

[dir=rtl] .md-calendar-month-label {
    padding: 0 24px 0 0;
}

.md-calendar-month-label.md-calendar-label-clickable {
    cursor: pointer;
}

.md-calendar-month-label md-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

[dir=rtl] .md-calendar-month-label md-icon {
    -webkit-transform: none;
    transform: none;
}

.md-calendar-month-label span {
    vertical-align: middle;
}

.md-calendar-day-header {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}

    .md-calendar-day-header th {
        height: 40px;
        width: 44px;
        text-align: center;
        padding: 0;
        border: none;
        box-sizing: content-box;
        font-weight: normal;
    }

        .md-calendar-day-header th:first-child {
            padding-left: 16px;
        }

[dir=rtl] .md-calendar-day-header th:first-child {
    padding-left: 0;
    padding-right: 16px;
}

.md-calendar-day-header th:last-child {
    padding-right: 16px;
}

[dir=rtl] .md-calendar-day-header th:last-child {
    padding-right: 0;
    padding-left: 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;
    }

    .md-calendar tbody, .md-calendar td, .md-calendar tr {
        vertical-align: middle;
        box-sizing: content-box;
    }

/** Styles for mdDatepicker. */
md-datepicker {
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.md-inline-form md-datepicker {
    margin-top: 12px;
}

.md-datepicker-button {
    display: inline-block;
    box-sizing: border-box;
    background: none;
    vertical-align: middle;
    position: relative;
}

    .md-datepicker-button:before {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        content: '';
        speak: 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;
    padding: 0 0 5px;
}

    .md-datepicker-input::-ms-clear {
        display: none;
    }

._md-datepicker-floating-label > md-datepicker {
    overflow: visible;
}

    ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
        border: none;
    }

    ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
        float: left;
        margin-top: -12px;
        top: 9.5px;
    }

[dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
    float: right;
}

._md-datepicker-floating-label .md-input {
    float: none;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: 18px;
    left: auto;
    width: calc(100% - 84px);
}

[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: auto;
}

[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    left: 18px;
}

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: 64px;
}

[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: auto;
    margin-right: 64px;
}

._md-datepicker-has-triangle-icon {
    padding-right: 18px;
    margin-right: -18px;
}

[dir=rtl] ._md-datepicker-has-triangle-icon {
    padding-right: 0;
    padding-left: 18px;
}

[dir=rtl] ._md-datepicker-has-triangle-icon {
    margin-right: auto;
    margin-left: -18px;
}

.md-datepicker-input-container {
    position: relative;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    width: auto;
}

.md-icon-button + .md-datepicker-input-container {
    margin-left: 12px;
}

[dir=rtl] .md-icon-button + .md-datepicker-input-container {
    margin-left: auto;
    margin-right: 12px;
}

.md-datepicker-input-container.md-datepicker-focused {
    border-bottom-width: 2px;
}

.md-datepicker-is-showing .md-scroll-mask {
    z-index: 99;
}

.md-datepicker-calendar-pane {
    position: absolute;
    top: 0;
    left: -100%;
    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;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    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);
    transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-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;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
    cursor: text;
}

.md-datepicker-calendar {
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
    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;
    bottom: -2.5px;
    -webkit-transform: translateX(45%);
    transform: translateX(45%);
}

[dir=rtl] .md-datepicker-triangle-button {
    right: auto;
    left: 0;
}

[dir=rtl] .md-datepicker-triangle-button {
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
}

.md-datepicker-triangle-button.md-button.md-icon-button {
    height: 36px;
    width: 36px;
    position: absolute;
    padding: 8px;
}

md-datepicker[disabled] .md-datepicker-input-container {
    border-bottom-color: transparent;
}

md-datepicker[disabled] .md-datepicker-triangle-button {
    display: none;
}

.md-datepicker-open {
    overflow: hidden;
}

    .md-datepicker-open .md-datepicker-input-container,
    .md-datepicker-open input.md-input {
        border-bottom-color: transparent;
    }

    .md-datepicker-open .md-datepicker-triangle-button,
    .md-datepicker-open.md-input-has-value > label,
    .md-datepicker-open.md-input-has-placeholder > label {
        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);
    -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    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: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transition-delay: 0.125s;
    transition-delay: 0.125s;
}

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.md-dialog-is-showing {
    max-height: 100%;
}

.md-dialog-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 80;
    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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    md-dialog.md-transition-in {
        opacity: 1;
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 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;
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        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-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        overflow: auto;
    }

    md-dialog .md-dialog-content {
        padding: 24px;
    }

    md-dialog md-dialog-content {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-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-dialog-content-body {
            width: 100%;
        }

        md-dialog md-dialog-content .md-prompt-input-container {
            width: 100%;
            box-sizing: border-box;
        }

    md-dialog .md-actions, md-dialog md-dialog-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
        box-sizing: border-box;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin-bottom: 0;
        padding-right: 8px;
        padding-left: 16px;
        min-height: 52px;
        overflow: hidden;
    }

[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
    padding-right: 16px;
}

[dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
    padding-left: 8px;
}

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;
}

[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
    margin-left: 0;
}

[dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
    margin-right: 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;
    }

[dir=rtl] md-divider[md-inset] {
    margin-left: auto;
    margin-right: 80px;
}

.layout-row > md-divider,
.layout-xs-row > md-divider, .layout-gt-xs-row > md-divider,
.layout-sm-row > md-divider, .layout-gt-sm-row > md-divider,
.layout-md-row > md-divider, .layout-gt-md-row > md-divider,
.layout-lg-row > md-divider, .layout-gt-lg-row > md-divider,
.layout-xl-row > md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
}

md-fab-speed-dial {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: 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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    md-fab-speed-dial md-fab-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: auto;
    }

        md-fab-speed-dial md-fab-actions .md-fab-action-item {
            -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        }

    md-fab-speed-dial.md-down {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        md-fab-speed-dial.md-down md-fab-trigger {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1;
        }

        md-fab-speed-dial.md-down md-fab-actions {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            order: 2;
        }

    md-fab-speed-dial.md-up {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        md-fab-speed-dial.md-up md-fab-trigger {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            order: 2;
        }

        md-fab-speed-dial.md-up md-fab-actions {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1;
        }

    md-fab-speed-dial.md-left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        md-fab-speed-dial.md-left md-fab-trigger {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            order: 2;
        }

        md-fab-speed-dial.md-left md-fab-actions {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1;
        }

            md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
                -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
                transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            }

    md-fab-speed-dial.md-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        md-fab-speed-dial.md-right md-fab-trigger {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1;
        }

        md-fab-speed-dial.md-right md-fab-actions {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            order: 2;
        }

            md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
                -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
                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;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
    }

    md-fab-speed-dial.md-scale .md-fab-action-item {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        -webkit-transition-duration: 0.14286s;
        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;
            -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            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;
            -webkit-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
        }

    md-fab-toolbar.md-left md-fab-trigger {
        right: 0;
    }

[dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
    right: auto;
    left: 0;
}

md-fab-toolbar.md-left .md-toolbar-tools {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
        margin-right: 0.6rem;
    }

[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
    margin-right: auto;
    margin-left: 0.6rem;
}

md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
    margin-left: -0.8rem;
}

[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
    margin-left: auto;
    margin-right: -0.8rem;
}

md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
    margin-right: 8px;
}

[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
    margin-right: auto;
    margin-left: 8px;
}

md-fab-toolbar.md-right md-fab-trigger {
    left: 0;
}

[dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
    left: auto;
    right: 0;
}

md-fab-toolbar.md-right .md-toolbar-tools {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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);
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        -webkit-transition-duration: 0.15s;
        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-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: 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-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: 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;
    min-height: 24px;
    min-width: 24px;
}

    md-icon svg {
        pointer-events: none;
        display: block;
    }

    md-icon[md-font-icon] {
        line-height: 24px;
        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;
    }

[dir=rtl] md-input-container .md-errors-spacer {
    float: left;
}

md-input-container > md-icon {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto;
}

[dir=rtl] md-input-container > md-icon {
    left: auto;
}

[dir=rtl] md-input-container > md-icon {
    right: 2px;
}

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 textarea[md-no-autogrow] {
        height: auto;
        overflow: auto;
    }

md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto;
}

[dir=rtl] md-input-container label:not(.md-container-ignore) {
    left: auto;
}

[dir=rtl] md-input-container label:not(.md-container-ignore) {
    right: 0;
}

md-input-container label:not(.md-container-ignore).md-required:after {
    content: ' *';
    font-size: 13px;
    vertical-align: top;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-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);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl] md-input-container .md-placeholder {
    padding-left: 0;
}

[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl] md-input-container .md-placeholder {
    padding-right: 3px;
}

[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl] md-input-container .md-placeholder {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-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 {
    -webkit-transition: none;
    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-box-ordinal-group: 3;
    -webkit-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;
}

[dir=rtl] md-input-container .md-input {
    float: right;
}

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-box-flex: 0 !important;
    -webkit-flex: none !important;
    flex: none !important;
}

md-input-container .md-char-counter {
    text-align: right;
    padding-right: 2px;
    padding-left: 0;
}

[dir=rtl] md-input-container .md-char-counter {
    text-align: left;
}

[dir=rtl] md-input-container .md-char-counter {
    padding-right: 0;
}

[dir=rtl] md-input-container .md-char-counter {
    padding-left: 2px;
}

md-input-container .md-input-messages-animation {
    position: relative;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
    overflow: hidden;
    clear: left;
}

[dir=rtl] md-input-container .md-input-messages-animation {
    clear: right;
}

md-input-container .md-input-message-animation, md-input-container .md-char-counter {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    opacity: 1;
    margin-top: 0;
    padding-top: 5px;
}

    md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
        padding-right: 5px;
        padding-left: 0;
    }

[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
    padding-right: 0;
}

[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
    padding-left: 5px;
}

md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0;
    margin-top: -100px;
}

md-input-container .md-input-message-animation.ng-enter-prepare {
    opacity: 0;
    margin-top: -100px;
}

md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active) {
    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);
    -webkit-transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
    transition: width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
}

md-input-container.md-input-has-value label {
    -webkit-transition: none;
    transition: none;
}

md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty,
md-input-container.md-input-resized .md-input {
    padding-bottom: 0;
    border-width: 0 0 2px 0;
}

md-input-container .md-input[disabled],
[disabled] md-input-container .md-input {
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x;
}

md-input-container.md-icon-float {
    -webkit-transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: margin-top 0.4s 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: 8px;
        left: 2px;
        right: auto;
    }

[dir=rtl] md-input-container.md-icon-float > md-icon {
    left: auto;
}

[dir=rtl] md-input-container.md-icon-float > md-icon {
    right: 2px;
}

md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
md-input-container.md-icon-right > label .md-placeholder {
    width: calc(100% - 36px - 18px);
}

md-input-container.md-icon-left {
    padding-left: 36px;
    padding-right: 0;
}

[dir=rtl] md-input-container.md-icon-left {
    padding-left: 0;
}

[dir=rtl] md-input-container.md-icon-left {
    padding-right: 36px;
}

md-input-container.md-icon-left > label {
    left: 36px;
    right: auto;
}

[dir=rtl] md-input-container.md-icon-left > label {
    left: auto;
}

[dir=rtl] md-input-container.md-icon-left > label {
    right: 36px;
}

md-input-container.md-icon-right {
    padding-left: 0;
    padding-right: 36px;
}

[dir=rtl] md-input-container.md-icon-right {
    padding-left: 36px;
}

[dir=rtl] md-input-container.md-icon-right {
    padding-right: 0;
}

md-input-container.md-icon-right > md-icon:last-of-type {
    margin: 0;
    right: 2px;
    left: auto;
}

[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
    right: auto;
}

[dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
    left: 2px;
}

md-input-container.md-icon-left.md-icon-right {
    padding-left: 36px;
    padding-right: 36px;
}

    md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
    md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
        width: calc(100% - (36px * 2));
    }

.md-resize-wrapper {
    position: relative;
}

    .md-resize-wrapper:after {
        content: '';
        display: table;
        clear: both;
    }

.md-resize-handle {
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 10px;
    background: transparent;
    width: 100%;
    cursor: ns-resize;
}

@media screen and (-ms-high-contrast: active) {
    md-input-container.md-default-theme > md-icon {
        fill: #fff;
    }
}

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.md-dense md-list-item,
    md-list.md-dense md-list-item .md-list-item-inner {
        min-height: 48px;
    }

        md-list.md-dense md-list-item::before,
        md-list.md-dense md-list-item .md-list-item-inner::before {
            content: '';
            min-height: 48px;
            visibility: hidden;
            display: inline-block;
        }

        md-list.md-dense md-list-item md-icon:first-child,
        md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child {
            width: 20px;
            height: 20px;
        }

        md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon),
        md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
            margin-right: 36px;
        }

[dir=rtl] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl] md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
    margin-right: auto;
    margin-left: 36px;
}

md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-avatar-icon,
md-list.md-dense md-list-item .md-list-item-inner .md-avatar,
md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
    margin-right: 20px;
}

[dir=rtl] md-list.md-dense md-list-item .md-avatar, [dir=rtl] md-list.md-dense md-list-item .md-avatar-icon, [dir=rtl] md-list.md-dense md-list-item .md-list-item-inner .md-avatar, [dir=rtl] md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
    margin-right: auto;
    margin-left: 20px;
}

md-list.md-dense md-list-item .md-avatar,
md-list.md-dense md-list-item .md-list-item-inner .md-avatar {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    width: 36px;
    height: 36px;
}

md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
    margin-left: 56px;
}

[dir=rtl] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
    margin-left: auto;
    margin-right: 56px;
}

md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,
md-list.md-dense md-list-item.md-2-line .md-list-item-text h4,
md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,
md-list.md-dense md-list-item.md-3-line .md-list-item-text h4,
md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {
    line-height: 1.05;
    font-size: 12px;
}

md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
    font-size: 13px;
}

md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style {
    min-height: 60px;
}

    md-list.md-dense md-list-item.md-2-line::before, md-list.md-dense md-list-item.md-2-line > .md-no-style::before {
        content: '';
        min-height: 60px;
        visibility: hidden;
        display: inline-block;
    }

    md-list.md-dense md-list-item.md-2-line > .md-avatar, md-list.md-dense md-list-item.md-2-line .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-avatar-icon {
        margin-top: 12px;
    }

md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line > .md-no-style {
    min-height: 76px;
}

    md-list.md-dense md-list-item.md-3-line::before, md-list.md-dense md-list-item.md-3-line > .md-no-style::before {
        content: '';
        min-height: 76px;
        visibility: hidden;
        display: inline-block;
    }

    md-list.md-dense md-list-item.md-3-line > md-icon:first-child,
    md-list.md-dense md-list-item.md-3-line > .md-avatar, md-list.md-dense md-list-item.md-3-line > .md-no-style > md-icon:first-child,
    md-list.md-dense md-list-item.md-3-line > .md-no-style > .md-avatar {
        margin-top: 16px;
    }

md-list-item {
    position: relative;
}

    md-list-item.md-proxy-focus.md-focused .md-no-style {
        -webkit-transition: background-color 0.15s linear;
        transition: background-color 0.15s linear;
    }

    md-list-item._md-button-wrap {
        position: relative;
    }

        md-list-item._md-button-wrap > div.md-button:first-child {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            padding: 0 16px;
            margin: 0;
            font-weight: 400;
            text-align: left;
            border: medium none;
        }

[dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
    text-align: right;
}

md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    padding: 0;
}

md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
    width: 100%;
    min-height: inherit;
}

md-list-item.md-no-proxy,
md-list-item .md-no-style {
    position: relative;
    padding: 0px 16px;
    -webkit-box-flex: 1;
    -webkit-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-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-box-align: inherit;
        -webkit-align-items: inherit;
        align-items: inherit;
        border-radius: 0;
        margin: 0;
    }

[dir=rtl] md-list-item.md-no-proxy.md-button, [dir=rtl] md-list-item .md-no-style.md-button {
    text-align: right;
}

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-clickable:hover {
    cursor: pointer;
}

md-list-item md-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

[dir=rtl] md-list-item md-divider {
    left: auto;
    right: 0;
}

md-list-item md-divider[md-inset] {
    left: 72px;
    width: calc(100% - 72px);
    margin: 0 !important;
}

[dir=rtl] md-list-item md-divider[md-inset] {
    left: auto;
    right: 72px;
}

md-list-item,
md-list-item .md-list-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 48px;
    height: auto;
}

    md-list-item::before,
    md-list-item .md-list-item-inner::before {
        content: '';
        min-height: 48px;
        visibility: hidden;
        display: inline-block;
    }

    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-grid-row-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;
    }

[dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl] md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
    margin-right: auto;
    margin-left: 32px;
}

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;
}

[dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon, [dir=rtl] md-list-item .md-list-item-inner .md-avatar, [dir=rtl] md-list-item .md-list-item-inner .md-avatar-icon {
    margin-right: auto;
    margin-left: 16px;
}

md-list-item .md-avatar,
md-list-item .md-list-item-inner .md-avatar {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    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-avatar-icon svg,
    md-list-item .md-list-item-inner .md-avatar-icon svg {
        width: 24px;
        height: 24px;
    }

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;
}

[dir=rtl] md-list-item > md-checkbox, [dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
    margin-left: 29px;
}

[dir=rtl] md-list-item > md-checkbox, [dir=rtl] md-list-item .md-list-item-inner > md-checkbox {
    margin-right: 3px;
}

md-list-item .md-secondary-container,
md-list-item .md-list-item-inner .md-secondary-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: auto;
    margin-right: 0;
    margin-left: auto;
}

[dir=rtl] md-list-item .md-secondary-container, [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
    margin-right: auto;
}

[dir=rtl] md-list-item .md-secondary-container, [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container {
    margin-left: 0;
}

md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type,
md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
    margin-right: 0;
}

[dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
    margin-right: auto;
    margin-left: 0;
}

md-list-item .md-secondary-container md-checkbox,
md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

    md-list-item .md-secondary-container md-checkbox:last-child,
    md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
        width: 24px;
        margin-right: 0;
    }

[dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child, [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
    margin-right: auto;
    margin-left: 0;
}

md-list-item .md-secondary-container md-switch,
md-list-item .md-list-item-inner .md-secondary-container md-switch {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: -6px;
}

[dir=rtl] md-list-item .md-secondary-container md-switch, [dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-switch {
    margin-right: auto;
    margin-left: -6px;
}

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-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    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-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    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-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: auto;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        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;
        }

[dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
    margin-left: auto;
    margin-right: 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::before, md-list-item.md-2-line > .md-no-style::before {
        content: '';
        min-height: 72px;
        visibility: hidden;
        display: inline-block;
    }

    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;
        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-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }

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::before, md-list-item.md-3-line > .md-no-style::before {
        content: '';
        min-height: 88px;
        visibility: hidden;
        display: inline-block;
    }

    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;
    max-height: calc(100vh - 10px);
    overflow: auto;
}

    .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;
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-transition-duration: 200ms;
        transition-duration: 200ms;
    }

        .md-open-menu-container.md-active > md-menu-content > * {
            opacity: 1;
            -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
            -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
            -webkit-transition-delay: 100ms;
            transition-delay: 100ms;
        }

    .md-open-menu-container.md-leave {
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
    }

md-menu-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-height: 48px;
    height: 48px;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */
}

    md-menu-item > * {
        width: 100%;
        margin: auto 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    md-menu-item > a.md-button {
        padding-top: 5px;
    }

    md-menu-item > .md-button {
        text-align: left;
        display: inline-block;
        border-radius: 0;
        margin: auto 0;
        font-size: 15px;
        text-transform: none;
        font-weight: 400;
        height: 100%;
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
    }

        md-menu-item > .md-button::-moz-focus-inner {
            padding: 0;
            border: 0;
        }

[dir=rtl] md-menu-item > .md-button {
    text-align: right;
}

md-menu-item > .md-button md-icon {
    margin: auto 16px auto 0;
}

[dir=rtl] md-menu-item > .md-button md-icon {
    margin: auto 0 auto 16px;
}

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-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-toolbar.md-menu-toolbar h2.md-toolbar-tools {
    line-height: 1rem;
    height: auto;
    padding: 28px;
    padding-bottom: 12px;
}

md-toolbar.md-has-open-menu {
    position: relative;
    z-index: 100;
}

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;
        }

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
    left: auto;
    right: 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;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
    padding: 0 64px 0 32px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
    min-height: 0;
    height: 32px;
}

    md-menu-content.md-menu-bar-menu.md-dense .md-button span {
        float: left;
    }

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span {
    float: right;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
    float: right;
    margin: 0 8px;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
    float: left;
}

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;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
    text-align: right;
}

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;
    }

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
    padding-left: 0;
    padding-right: 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;
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
    -webkit-transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
    transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
}

[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
    right: auto;
    left: 28px;
}

/** Matches "md-tabs md-tabs-wrapper" style. */
.md-nav-bar {
    border-style: solid;
    border-width: 0 0 1px;
    height: 48px;
    position: relative;
}

._md-nav-bar-list {
    outline: none;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.md-nav-item:first-of-type {
    margin-left: 8px;
}

.md-button._md-nav-button {
    line-height: 24px;
    margin: 0 4px;
    padding: 12px 16px;
    -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}

    .md-button._md-nav-button:focus {
        outline: none;
    }

    .md-button._md-nav-button:hover {
        background-color: inherit;
    }

md-nav-ink-bar {
    bottom: 0;
    height: 2px;
    left: auto;
    position: absolute;
    right: auto;
    background-color: black;
}

    md-nav-ink-bar._md-left {
        -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
        transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
    }

    md-nav-ink-bar._md-right {
        -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
        transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
    }

    md-nav-ink-bar.ng-animate {
        -webkit-transition: none;
        transition: none;
    }

md-nav-extra-content {
    min-height: 48px;
    padding-right: 12px;
}

@-webkit-keyframes indeterminate-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes indeterminate-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

md-progress-circular {
    position: relative;
    display: block;
}

    md-progress-circular._md-progress-circular-disabled {
        visibility: hidden;
    }

    md-progress-circular.md-mode-indeterminate svg {
        -webkit-animation: indeterminate-rotate 1568.63ms linear infinite;
        animation: indeterminate-rotate 1568.63ms linear infinite;
    }

    md-progress-circular svg {
        position: absolute;
        overflow: visible;
        top: 0;
        left: 0;
    }

md-progress-linear {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

    md-progress-linear._md-progress-linear-disabled {
        visibility: hidden;
    }

    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 {
            -webkit-transition: -webkit-transform 0.2s linear;
            transition: -webkit-transform 0.2s linear;
            transition: transform 0.2s linear;
            transition: transform 0.2s linear, -webkit-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 {
            -webkit-transition: all 0.2s linear;
            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 ._md-progress-linear-disabled md-progress-linear .md-container {
            -webkit-animation: none;
            animation: none;
        }

            md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
                -webkit-animation-name: none;
                animation-name: none;
            }

            md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
                -webkit-animation-name: none;
                animation-name: none;
            }

        md-progress-linear .md-container.md-mode-buffer {
            background-color: transparent !important;
            -webkit-transition: all 0.2s linear;
            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;
    }

[dir=rtl] md-radio-button .md-container {
    left: auto;
}

[dir=rtl] md-radio-button .md-container {
    right: 0;
}

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;
    -webkit-transition: all 0.5s;
    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%;
    -webkit-transition: border-color ease 0.28s;
    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%;
    -webkit-transition: -webkit-transform ease 0.28s;
    transition: -webkit-transform ease 0.28s;
    transition: transform ease 0.28s;
    transition: transform ease 0.28s, -webkit-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;
}

[dir=rtl] md-radio-button .md-label {
    margin-left: 0;
}

[dir=rtl] md-radio-button .md-label {
    margin-right: 30px;
}

md-radio-group {
    /** Layout adjustments for the radio group. */
}

    md-radio-group.layout-column md-radio-button, md-radio-group.layout-xs-column md-radio-button, md-radio-group.layout-gt-xs-column md-radio-button, md-radio-group.layout-sm-column md-radio-button, md-radio-group.layout-gt-sm-column md-radio-button, md-radio-group.layout-md-column md-radio-button, md-radio-group.layout-gt-md-column md-radio-button, md-radio-group.layout-lg-column md-radio-button, md-radio-group.layout-gt-lg-column md-radio-button, md-radio-group.layout-xl-column md-radio-button {
        margin-bottom: 16px;
    }

    md-radio-group.layout-row md-radio-button, md-radio-group.layout-xs-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-xl-row md-radio-button {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 16px;
    }

[dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
    margin-left: 16px;
}

[dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
    margin-right: 0;
}

md-radio-group.layout-row md-radio-button:last-of-type, md-radio-group.layout-xs-row md-radio-button:last-of-type, md-radio-group.layout-gt-xs-row md-radio-button:last-of-type, md-radio-group.layout-sm-row md-radio-button:last-of-type, md-radio-group.layout-gt-sm-row md-radio-button:last-of-type, md-radio-group.layout-md-row md-radio-button:last-of-type, md-radio-group.layout-gt-md-row md-radio-button:last-of-type, md-radio-group.layout-lg-row md-radio-button:last-of-type, md-radio-group.layout-gt-lg-row md-radio-button:last-of-type, md-radio-group.layout-xl-row md-radio-button:last-of-type {
    margin-left: 0;
    margin-right: 0;
}

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-radio-group[disabled] md-radio-button {
    cursor: default;
}

    md-radio-group[disabled] md-radio-button .md-container {
        cursor: default;
    }

.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-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

[dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
    -webkit-transform: translateY(-22px) translateX(-2px) scale(0.75);
    transform: translateY(-22px) translateX(-2px) scale(0.75);
}

.md-select-menu-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    opacity: 0;
    display: none;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

    .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 {
            -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
        }

            .md-select-menu-container.md-active md-select-menu > * {
                opacity: 1;
                -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
                transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
                -webkit-transition-duration: 150ms;
                transition-duration: 150ms;
                -webkit-transition-delay: 100ms;
                transition-delay: 100ms;
            }

    .md-select-menu-container.md-leave {
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
    }

md-input-container > md-select {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
}

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
    content: ' *';
    font-size: 13px;
    vertical-align: top;
}

md-input-container.md-input-invalid md-select .md-select-value {
    border-bottom-style: solid;
    padding-bottom: 1px;
}

md-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 20px 0 26px 0;
}

    md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
        content: ' *';
        font-size: 13px;
        vertical-align: top;
    }

    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-touched .md-select-value {
        border-bottom-style: solid;
        padding-bottom: 1px;
    }

    md-select:not([disabled]):focus .md-select-value {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        padding-bottom: 0;
    }

    md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
        padding-bottom: 0;
    }

md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
}

.md-select-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 2px 2px 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    box-sizing: content-box;
    min-width: 64px;
    min-height: 26px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

    .md-select-value > span:not(.md-select-icon) {
        max-width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .md-select-value > span:not(.md-select-icon) .md-text {
            display: inline;
        }

    .md-select-value .md-select-icon {
        display: block;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        text-align: end;
        width: 24px;
        margin: 0 4px;
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
        font-size: 1.2rem;
    }

        .md-select-value .md-select-icon:after {
            display: block;
            content: '\25BC';
            position: relative;
            top: 2px;
            speak: none;
            font-size: 13px;
            -webkit-transform: scaleY(0.5) scaleX(1);
            transform: scaleY(0.5) scaleX(1);
        }

    .md-select-value.md-select-placeholder {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        padding-left: 2px;
        z-index: 1;
    }

md-select-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-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-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    md-select-menu:not(.md-overflow) md-content {
        padding-top: 8px;
        padding-bottom: 8px;
    }

[dir=rtl] md-select-menu {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
    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;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-left: 40px;
    padding-right: 16px;
}

[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-left: 16px;
}

[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-right: 40px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .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;
}

[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    left: auto;
}

[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    right: 0;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .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;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: auto;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
    box-sizing: border-box;
    -webkit-transition: 240ms;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
    border-color: transparent;
}

    md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: 4.66667px;
        top: 0.22222px;
        display: table;
        width: 6.66667px;
        height: 13.33333px;
        border-width: 2px;
        border-style: solid;
        border-top: 0;
        border-left: 0;
        content: '';
    }

md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
    cursor: default;
}

md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: table;
    width: 12px;
    height: 2px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: '';
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    margin-left: 10.66667px;
    margin-right: auto;
}

[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    margin-left: auto;
}

[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    margin-right: 10.66667px;
}

md-sidenav {
    box-sizing: border-box;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    z-index: 9999;
    width: 264px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    md-sidenav ul {
        list-style: none;
    }

    md-sidenav.md-closed {
        display: none;
    }

    md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-transition: 0.2s ease-in all;
        transition: 0.2s ease-in all;
    }

        md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
            -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            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-box;
        display: -webkit-flex;
        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 {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    md-sidenav.md-locked-open-remove.md-closed {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    md-sidenav.md-closed.md-locked-open-add {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

        md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active) {
            -webkit-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);
            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 !important;
            min-width: 0 !important;
        }

    md-sidenav.md-closed.md-locked-open-add-active {
        -webkit-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);
        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);
    }

    md-sidenav.md-locked-open-remove-active {
        -webkit-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);
        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 !important;
        min-width: 0 !important;
    }

.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: translate(-100%, 0);
    transform: translate(-100%, 0);
}

    .md-sidenav-right.md-closed {
        -webkit-transform: translate(0%, 0);
        transform: translate(0%, 0);
    }

@media (min-width: 600px) {
    md-sidenav {
        max-width: 450px;
    }
}

@media (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% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@keyframes sliderFocusThumb {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    30% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@-webkit-keyframes sliderDiscreteFocusThumb {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes sliderDiscreteFocusThumb {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes sliderDiscreteFocusRing {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes sliderDiscreteFocusRing {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

md-slider {
    height: 48px;
    min-width: 128px;
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
    padding: 0;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    /**
   * 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 {
        outline: none;
        width: 100%;
        height: 100%;
    }

    md-slider .md-slider-content {
        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 {
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    md-slider .md-track-ticks {
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
    }

        md-slider .md-track-ticks canvas {
            width: 100%;
            height: 100%;
        }

    md-slider .md-thumb-container {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-transition-property: left, right, bottom;
        transition-property: left, right, bottom;
    }

[dir=rtl] md-slider .md-thumb-container {
    left: auto;
    right: 0;
}

md-slider .md-thumb {
    z-index: 1;
    position: absolute;
    left: -10px;
    top: 14px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[dir=rtl] md-slider .md-thumb {
    left: auto;
    right: -10px;
}

md-slider .md-thumb:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border-width: 3px;
    border-style: solid;
    -webkit-transition: inherit;
    transition: inherit;
}

md-slider .md-sign {
    /* Center the children (slider-thumb-text) */
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    left: -14px;
    top: -17px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-transform: scale(0.4) translate3d(0, 67.5px, 0);
    transform: scale(0.4) translate3d(0, 67.5px, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    /* 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);
        -webkit-transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
        transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    }

[dir=rtl] md-slider .md-sign:after {
    left: auto;
    right: 0px;
}

md-slider .md-sign .md-thumb-text {
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
}

md-slider .md-focus-ring {
    position: absolute;
    left: -17px;
    top: 7px;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
}

[dir=rtl] md-slider .md-focus-ring {
    left: auto;
    right: -17px;
}

md-slider .md-disabled-thumb {
    position: absolute;
    left: -14px;
    top: 10px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border-width: 4px;
    border-style: solid;
    display: none;
}

[dir=rtl] md-slider .md-disabled-thumb {
    left: auto;
    right: -14px;
}

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 {
    -webkit-transition: none;
    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]) .md-slider-wrapper .md-thumb:hover {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
        -webkit-animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
        animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1);
    }

    md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
    -webkit-animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
    -webkit-transform: scale(0);
    transform: scale(0);
}

md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .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[md-discrete][disabled][readonly] .md-thumb {
    -webkit-transform: scale(0);
    transform: scale(0);
}

md-slider[md-discrete][disabled][readonly] .md-sign,
md-slider[md-discrete][disabled][readonly] .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-track-ticks {
    opacity: 0;
}

md-slider[disabled]:not([readonly]) .md-sign {
    opacity: 0;
}

md-slider[disabled] .md-thumb {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

md-slider[disabled] .md-disabled-thumb {
    display: block;
}

md-slider[md-vertical] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 128px;
    min-width: 0;
}

    md-slider[md-vertical] .md-slider-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 48px;
        -webkit-align-self: center;
        align-self: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    md-slider[md-vertical] .md-track-container {
        height: 100%;
        width: 2px;
        top: 0;
        left: calc(50% - (2px / 2));
    }

    md-slider[md-vertical] .md-thumb-container {
        top: auto;
        margin-bottom: 23px;
        left: calc(50% - 1px);
        bottom: 0;
    }

        md-slider[md-vertical] .md-thumb-container .md-thumb:after {
            left: 1px;
        }

        md-slider[md-vertical] .md-thumb-container .md-focus-ring {
            left: -16px;
        }

    md-slider[md-vertical] .md-track-fill {
        bottom: 0;
    }

    md-slider[md-vertical][md-discrete] .md-sign {
        left: -40px;
        top: 9.5px;
        -webkit-transform: scale(0.4) translate3d(67.5px, 0, 0);
        transform: scale(0.4) translate3d(67.5px, 0, 0);
        /* The arrow pointing left next the sign */
    }

        md-slider[md-vertical][md-discrete] .md-sign:after {
            top: 9.5px;
            left: 19px;
            border-top: 14px solid transparent;
            border-right: 0;
            border-bottom: 14px solid transparent;
            border-left-width: 16px;
            border-left-style: solid;
            opacity: 0;
            -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
            z-index: 1;
            font-size: 12px;
            font-weight: bold;
        }

    md-slider[md-vertical][md-discrete].md-active .md-sign:after,
    md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
        top: 0;
    }

    md-slider[md-vertical][disabled][readonly] .md-thumb {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    md-slider[md-vertical][disabled][readonly] .md-sign,
    md-slider[md-vertical][disabled][readonly] .md-sign:after {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
    }

md-slider[md-invert]:not([md-vertical]) .md-track-fill {
    left: auto;
    right: 0;
}

[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
    left: 0;
}

[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
    right: auto;
}

md-slider[md-invert][md-vertical] .md-track-fill {
    bottom: auto;
    top: 0;
}

md-slider-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    md-slider-container > *:first-child:not(md-slider),
    md-slider-container > *:last-child:not(md-slider) {
        min-width: 25px;
        max-width: 42px;
        height: 25px;
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-transition-property: color, max-width;
        transition-property: color, max-width;
    }

    md-slider-container > *:first-child:not(md-slider) {
        margin-right: 16px;
    }

[dir=rtl] md-slider-container > *:first-child:not(md-slider) {
    margin-right: auto;
    margin-left: 16px;
}

md-slider-container > *:last-child:not(md-slider) {
    margin-left: 16px;
}

[dir=rtl] md-slider-container > *:last-child:not(md-slider) {
    margin-left: auto;
    margin-right: 16px;
}

md-slider-container[md-vertical] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

    md-slider-container[md-vertical] > *:first-child:not(md-slider),
    md-slider-container[md-vertical] > *:last-child:not(md-slider) {
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }

md-slider-container md-input-container input[type="number"] {
    text-align: center;
    padding-left: 15px;
    height: 50px;
    margin-top: -25px;
}

[dir=rtl] md-slider-container md-input-container input[type="number"] {
    padding-left: 0;
    padding-right: 15px;
}

@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) {
    -webkit-transition: 0.2s ease-out margin;
    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-swipe-left], [md-swipe-right] {
    touch-action: pan-y;
}

[md-swipe-up], [md-swipe-down] {
    touch-action: pan-x;
}

.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-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-left: inherit;
    margin-right: 16px;
}

[dir=rtl] md-switch {
    margin-left: 16px;
}

[dir=rtl] md-switch {
    margin-right: inherit;
}

md-switch:last-of-type {
    margin-left: inherit;
    margin-right: 0;
}

[dir=rtl] md-switch:last-of-type {
    margin-left: 0;
}

[dir=rtl] md-switch:last-of-type {
    margin-right: inherit;
}

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;
}

[dir=rtl] md-switch .md-container {
    margin-right: 0px;
    margin-left: 8px;
}

md-switch.md-inverted .md-container {
    margin-right: initial;
    margin-left: 8px;
}

[dir=rtl] md-switch.md-inverted .md-container {
    margin-right: 8px;
}

[dir=rtl] md-switch.md-inverted .md-container {
    margin-left: initial;
}

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;
        -webkit-transition: all 0.5s;
        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 {
    -webkit-transition: all 0.08s linear;
    transition: all 0.08s linear;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: transform, background-color;
    transition-property: transform, background-color, -webkit-transform;
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
    -webkit-transition-delay: 0.05s;
    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;
    }
}

@-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;
    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;
        -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
        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 {
            -webkit-transition: none;
            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);
        }

[dir="rtl"] md-tabs-wrapper md-prev-button, [dir="rtl"] md-tabs-wrapper md-next-button {
    -webkit-transform: rotateY(180deg) translateY(-50%);
    transform: rotateY(180deg) translateY(-50%);
}

md-tabs-wrapper md-prev-button {
    left: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==");
}

[dir=rtl] md-tabs-wrapper md-prev-button {
    left: auto;
    right: 0;
}

md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K");
}

[dir=rtl] md-tabs-wrapper md-next-button {
    right: auto;
    left: 0;
}

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%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

    md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 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;
    }

[dir=rtl] md-tabs-canvas .md-dummy-wrapper {
    left: auto;
    right: 0;
}

md-tabs-canvas.md-paginated {
    margin: 0 32px;
}

md-tabs-canvas.md-center-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-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: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    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);
    transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    position: absolute;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    md-pagination-wrapper:after {
        content: '';
        display: table;
        clear: both;
    }

[dir=rtl] md-pagination-wrapper {
    left: auto;
    right: 0;
}

md-pagination-wrapper.md-center-tabs {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

md-tabs-content-wrapper {
    display: block;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

md-tab-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    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);
    transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1), -webkit-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 {
        -webkit-transition: none;
        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;
        visibility: hidden;
    }

[dir=rtl] md-tab-content.md-left:not(.md-active) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

md-tab-content.md-left:not(.md-active) * {
    -webkit-transition: visibility 0s linear;
    transition: visibility 0s linear;
    -webkit-transition-delay: 0.5s;
    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;
    visibility: hidden;
}

[dir=rtl] md-tab-content.md-right:not(.md-active) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

md-tab-content.md-right:not(.md-active) * {
    -webkit-transition: visibility 0s linear;
    transition: visibility 0s linear;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    visibility: hidden;
}

md-tab-content > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
    min-width: 0;
}

    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 {
        -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
        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 {
        -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
        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;
    -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    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;
}

[dir=rtl] .md-tab {
    float: right;
}

.md-tab.md-focused, .md-tab:focus {
    box-shadow: none;
    outline: none;
}

.md-tab.md-active {
    cursor: default;
}

.md-tab.md-disabled {
    pointer-events: none;
    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 {
    -webkit-transition: none;
    transition: none;
}

md-toolbar + md-tabs, md-toolbar + md-dialog-content md-tabs {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.md-toast-text {
    padding: 0 6px;
}

md-toast {
    position: absolute;
    z-index: 105;
    box-sizing: border-box;
    cursor: default;
    overflow: hidden;
    padding: 8px;
    opacity: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 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-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        max-height: 168px;
        max-width: 100%;
        min-height: 48px;
        padding: 0 18px;
        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);
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

        md-toast .md-toast-content::before {
            content: '';
            min-height: 48px;
            visibility: hidden;
            display: inline-block;
        }

[dir=rtl] md-toast .md-toast-content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

md-toast .md-toast-content span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    box-sizing: border-box;
    min-width: 0;
}

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 {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    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 {
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    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-button {
    min-width: 0;
    margin-right: 0;
    margin-left: 12px;
}

[dir=rtl] md-toast .md-button {
    margin-right: 12px;
}

[dir=rtl] md-toast .md-button {
    margin-left: 0;
}

@media (max-width: 959px) {
    md-toast {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border-radius: 0;
        bottom: 0;
        padding: 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._md-start {
            left: 0;
        }

    [dir=rtl] md-toast._md-start {
        left: auto;
        right: 0;
    }

    md-toast._md-end {
        right: 0;
    }

    [dir=rtl] md-toast._md-end {
        right: auto;
        left: 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;
}

md-toolbar {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
    font-size: 20px;
    min-height: 64px;
    width: 100%;
}

    md-toolbar._md-toolbar-transitions {
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
        transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
        -webkit-transition-property: background-color, fill, color;
        transition-property: background-color, fill, color;
    }

    md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
        -webkit-transition: box-shadow 0.5s linear;
        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.ng-animate {
        -webkit-transition: none;
        transition: none;
    }

    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;
    }

[dir=rtl] md-toolbar > .md-indent {
    margin-left: auto;
    margin-right: 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-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .md-toolbar-tools md-checkbox {
        margin: inherit;
    }

    .md-toolbar-tools .md-button {
        margin-top: 0;
        margin-bottom: 0;
    }

        .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
            transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
            -webkit-transition-property: background-color, fill, color;
            transition-property: background-color, fill, color;
        }

            .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
                -webkit-transition: none;
                transition: none;
            }

    .md-toolbar-tools > .md-button:first-child {
        margin-left: -8px;
    }

[dir=rtl] .md-toolbar-tools > .md-button:first-child {
    margin-left: auto;
    margin-right: -8px;
}

.md-toolbar-tools > .md-button:last-child {
    margin-right: -8px;
}

[dir=rtl] .md-toolbar-tools > .md-button:last-child {
    margin-right: auto;
    margin-left: -8px;
}

.md-toolbar-tools > md-menu:last-child {
    margin-right: -8px;
}

[dir=rtl] .md-toolbar-tools > md-menu:last-child {
    margin-right: auto;
    margin-left: -8px;
}

.md-toolbar-tools > md-menu:last-child > .md-button {
    margin-right: 0;
}

[dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
    margin-right: auto;
    margin-left: 0;
}

@media screen and (-ms-high-contrast: active) {
    .md-toolbar-tools {
        border-bottom: 1px solid #fff;
    }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
    md-toolbar {
        min-height: 56px;
    }

    .md-toolbar-tools {
        height: 56px;
        max-height: 56px;
    }
}

@media (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 {
    pointer-events: none;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
    padding-right: 16px;
    padding-left: 16px;
}

    .md-tooltip.md-origin-top {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        margin-top: -24px;
    }

    .md-tooltip.md-origin-right {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        margin-left: 24px;
    }

    .md-tooltip.md-origin-bottom {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        margin-top: 24px;
    }

    .md-tooltip.md-origin-left {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        margin-left: -24px;
    }

@media (min-width: 960px) {
    .md-tooltip {
        font-size: 10px;
        height: 22px;
        line-height: 22px;
        padding-right: 8px;
        padding-left: 8px;
    }

        .md-tooltip.md-origin-top {
            margin-top: -14px;
        }

        .md-tooltip.md-origin-right {
            margin-left: 14px;
        }

        .md-tooltip.md-origin-bottom {
            margin-top: 14px;
        }

        .md-tooltip.md-origin-left {
            margin-left: -14px;
        }
}

.md-tooltip.md-show-add {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.md-tooltip.md-show {
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
}

.md-tooltip.md-hide {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.md-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .md-truncate.md-clip {
        text-overflow: clip;
    }

    .md-truncate.flex {
        width: 0;
    }

.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;
        -webkit-overflow-scrolling: touch;
    }

    .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;
    }

[dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
    right: auto;
    left: auto;
}

.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;
    }
}

@media print {
    md-whiteframe, [md-whiteframe] {
        background-color: #ffffff;
    }
}

/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/*
*  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-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
}

.flex-order--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
}

.flex-order--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
}

.flex-order--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
}

.flex-order--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
}

.flex-order--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
}

.flex-order--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
}

.flex-order--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
}

.flex-order--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
}

.flex-order--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
}

.flex-order--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
}

.flex-order--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
}

.flex-order--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
}

.flex-order--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
}

.flex-order--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
}

.flex-order--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
}

.flex-order--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
}

.flex-order--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
}

.flex-order--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
}

.flex-order--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
}

.flex-order--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
}

.flex-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
}

.flex-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
}

.flex-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
}

.flex-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
}

.flex-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
}

.flex-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
}

.flex-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
}

.flex-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
}

.flex-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
}

.flex-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
}

.flex-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
}

.flex-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
}

.flex-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
}

.flex-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
}

.flex-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
}

.flex-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
}

.flex-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
}

.flex-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
}

.flex-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
}

.flex-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
}

.flex-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
}

.offset-0, .flex-offset-0, .layout-margin .flex-offset-0, .layout-margin .offset-0 {
    margin-left: 0;
}

[dir=rtl] .offset-0, [dir=rtl] .flex-offset-0, [dir=rtl] .layout-margin .flex-offset-0, [dir=rtl] .layout-margin .offset-0 {
    margin-left: auto;
    margin-right: 0;
}

.offset-5, .flex-offset-5, .layout-margin .flex-offset-5, .layout-margin .offset-5 {
    margin-left: 5%;
}

[dir=rtl] .offset-5, [dir=rtl] .flex-offset-5, [dir=rtl] .layout-margin .flex-offset-5, [dir=rtl] .layout-margin .offset-5 {
    margin-left: auto;
    margin-right: 5%;
}

.offset-10, .flex-offset-10, .layout-margin .flex-offset-10, .layout-margin .offset-10 {
    margin-left: 10%;
}

[dir=rtl] .offset-10, [dir=rtl] .flex-offset-10, [dir=rtl] .layout-margin .flex-offset-10, [dir=rtl] .layout-margin .offset-10 {
    margin-left: auto;
    margin-right: 10%;
}

.offset-15, .flex-offset-15, .layout-margin .flex-offset-15, .layout-margin .offset-15 {
    margin-left: 15%;
}

[dir=rtl] .offset-15, [dir=rtl] .flex-offset-15, [dir=rtl] .layout-margin .flex-offset-15, [dir=rtl] .layout-margin .offset-15 {
    margin-left: auto;
    margin-right: 15%;
}

.offset-20, .flex-offset-20, .layout-margin .flex-offset-20, .layout-margin .offset-20 {
    margin-left: 20%;
}

[dir=rtl] .offset-20, [dir=rtl] .flex-offset-20, [dir=rtl] .layout-margin .flex-offset-20, [dir=rtl] .layout-margin .offset-20 {
    margin-left: auto;
    margin-right: 20%;
}

.offset-25, .flex-offset-25, .layout-margin .flex-offset-25, .layout-margin .offset-25 {
    margin-left: 25%;
}

[dir=rtl] .offset-25, [dir=rtl] .flex-offset-25, [dir=rtl] .layout-margin .flex-offset-25, [dir=rtl] .layout-margin .offset-25 {
    margin-left: auto;
    margin-right: 25%;
}

.offset-30, .flex-offset-30, .layout-margin .flex-offset-30, .layout-margin .offset-30 {
    margin-left: 30%;
}

[dir=rtl] .offset-30, [dir=rtl] .flex-offset-30, [dir=rtl] .layout-margin .flex-offset-30, [dir=rtl] .layout-margin .offset-30 {
    margin-left: auto;
    margin-right: 30%;
}

.offset-35, .flex-offset-35, .layout-margin .flex-offset-35, .layout-margin .offset-35 {
    margin-left: 35%;
}

[dir=rtl] .offset-35, [dir=rtl] .flex-offset-35, [dir=rtl] .layout-margin .flex-offset-35, [dir=rtl] .layout-margin .offset-35 {
    margin-left: auto;
    margin-right: 35%;
}

.offset-40, .flex-offset-40, .layout-margin .flex-offset-40, .layout-margin .offset-40 {
    margin-left: 40%;
}

[dir=rtl] .offset-40, [dir=rtl] .flex-offset-40, [dir=rtl] .layout-margin .flex-offset-40, [dir=rtl] .layout-margin .offset-40 {
    margin-left: auto;
    margin-right: 40%;
}

.offset-45, .flex-offset-45, .layout-margin .flex-offset-45, .layout-margin .offset-45 {
    margin-left: 45%;
}

[dir=rtl] .offset-45, [dir=rtl] .flex-offset-45, [dir=rtl] .layout-margin .flex-offset-45, [dir=rtl] .layout-margin .offset-45 {
    margin-left: auto;
    margin-right: 45%;
}

.offset-50, .flex-offset-50, .layout-margin .flex-offset-50, .layout-margin .offset-50 {
    margin-left: 50%;
}

[dir=rtl] .offset-50, [dir=rtl] .flex-offset-50, [dir=rtl] .layout-margin .flex-offset-50, [dir=rtl] .layout-margin .offset-50 {
    margin-left: auto;
    margin-right: 50%;
}

.offset-55, .flex-offset-55, .layout-margin .flex-offset-55, .layout-margin .offset-55 {
    margin-left: 55%;
}

[dir=rtl] .offset-55, [dir=rtl] .flex-offset-55, [dir=rtl] .layout-margin .flex-offset-55, [dir=rtl] .layout-margin .offset-55 {
    margin-left: auto;
    margin-right: 55%;
}

.offset-60, .flex-offset-60, .layout-margin .flex-offset-60, .layout-margin .offset-60 {
    margin-left: 60%;
}

[dir=rtl] .offset-60, [dir=rtl] .flex-offset-60, [dir=rtl] .layout-margin .flex-offset-60, [dir=rtl] .layout-margin .offset-60 {
    margin-left: auto;
    margin-right: 60%;
}

.offset-65, .flex-offset-65, .layout-margin .flex-offset-65, .layout-margin .offset-65 {
    margin-left: 65%;
}

[dir=rtl] .offset-65, [dir=rtl] .flex-offset-65, [dir=rtl] .layout-margin .flex-offset-65, [dir=rtl] .layout-margin .offset-65 {
    margin-left: auto;
    margin-right: 65%;
}

.offset-70, .flex-offset-70, .layout-margin .flex-offset-70, .layout-margin .offset-70 {
    margin-left: 70%;
}

[dir=rtl] .offset-70, [dir=rtl] .flex-offset-70, [dir=rtl] .layout-margin .flex-offset-70, [dir=rtl] .layout-margin .offset-70 {
    margin-left: auto;
    margin-right: 70%;
}

.offset-75, .flex-offset-75, .layout-margin .flex-offset-75, .layout-margin .offset-75 {
    margin-left: 75%;
}

[dir=rtl] .offset-75, [dir=rtl] .flex-offset-75, [dir=rtl] .layout-margin .flex-offset-75, [dir=rtl] .layout-margin .offset-75 {
    margin-left: auto;
    margin-right: 75%;
}

.offset-80, .flex-offset-80, .layout-margin .flex-offset-80, .layout-margin .offset-80 {
    margin-left: 80%;
}

[dir=rtl] .offset-80, [dir=rtl] .flex-offset-80, [dir=rtl] .layout-margin .flex-offset-80, [dir=rtl] .layout-margin .offset-80 {
    margin-left: auto;
    margin-right: 80%;
}

.offset-85, .flex-offset-85, .layout-margin .flex-offset-85, .layout-margin .offset-85 {
    margin-left: 85%;
}

[dir=rtl] .offset-85, [dir=rtl] .flex-offset-85, [dir=rtl] .layout-margin .flex-offset-85, [dir=rtl] .layout-margin .offset-85 {
    margin-left: auto;
    margin-right: 85%;
}

.offset-90, .flex-offset-90, .layout-margin .flex-offset-90, .layout-margin .offset-90 {
    margin-left: 90%;
}

[dir=rtl] .offset-90, [dir=rtl] .flex-offset-90, [dir=rtl] .layout-margin .flex-offset-90, [dir=rtl] .layout-margin .offset-90 {
    margin-left: auto;
    margin-right: 90%;
}

.offset-95, .flex-offset-95, .layout-margin .flex-offset-95, .layout-margin .offset-95 {
    margin-left: 95%;
}

[dir=rtl] .offset-95, [dir=rtl] .flex-offset-95, [dir=rtl] .layout-margin .flex-offset-95, [dir=rtl] .layout-margin .offset-95 {
    margin-left: auto;
    margin-right: 95%;
}

.offset-33, .flex-offset-33, .layout-margin .flex-offset-33, .layout-margin .offset-33 {
    margin-left: calc(100% / 3);
}

.offset-66, .flex-offset-66, .layout-margin .flex-offset-66, .layout-margin .offset-66 {
    margin-left: calc(200% / 3);
}

[dir=rtl] .offset-66, [dir=rtl] .flex-offset-66, [dir=rtl] .layout-margin .flex-offset-66, [dir=rtl] .layout-margin .offset-66 {
    margin-left: auto;
    margin-right: calc(200% / 3);
}

.layout-align,
.layout-align-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-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-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-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;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    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-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-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-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: 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-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-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-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
}

.flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
}

.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
}

.flex-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
}

.flex-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.flex-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.flex-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
}

.flex-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
}

.flex-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
}

.layout-column > .flex-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
}

.layout-row > .flex-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
}

.layout-column > .flex-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
}

.flex-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
}

.layout-row > .flex-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
}

.flex-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
}

.layout-row > .flex-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
}

.flex-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
}

.layout-row > .flex-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
}

.flex-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
}

.layout-row > .flex-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
}

.flex-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
}

.layout-row > .flex-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
}

.flex-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
}

.layout-row > .flex-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
}

.flex-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
}

.layout-row > .flex-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
}

.flex-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
}

.layout-row > .flex-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
}

.flex-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
}

.layout-row > .flex-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
}

.flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
}

.layout-row > .flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
}

.flex-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
}

.layout-row > .flex-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
}

.flex-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
}

.layout-row > .flex-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
}

.flex-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
}

.layout-row > .flex-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
}

.flex-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
}

.layout-row > .flex-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
}

.flex-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
}

.layout-row > .flex-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
}

.flex-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
}

.layout-row > .flex-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
}

.flex-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
}

.layout-row > .flex-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
}

.flex-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
}

.layout-row > .flex-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
}

.flex-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
}

.layout-row > .flex-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
}

.flex-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-column > .flex-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.flex-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

.flex-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

.layout-row > .flex-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
}

.layout-row > .flex {
    min-width: unset;
}

.layout-column > .flex-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
}

.layout-column > .flex-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
}

.layout-column > .flex {
    min-height: 0;
}

.layout-column, .layout-row {
    -webkit-box-direction: normal;
}

.layout, .layout-column, .layout-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.layout-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.layout-row {
    -webkit-box-orient: horizontal;
    -webkit-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;
    flex-wrap: wrap;
}

.layout-nowrap {
    -webkit-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-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-xs--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-xs--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-xs--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-xs--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-xs--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-xs--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-xs--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-xs--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-xs--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-xs--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-xs--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-xs--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-xs--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-xs--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-xs--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-xs--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-xs--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-xs--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-xs--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-xs-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-xs-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-xs-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-xs-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-xs-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-xs-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-xs-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-xs-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-xs-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-xs-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-xs-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-xs-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-xs-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-xs-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-xs-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-xs-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-xs-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-xs-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-xs-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-xs-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-xs-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-xs-0, .flex-offset-xs-0, .layout-margin .flex-offset-xs-0, .layout-margin .offset-xs-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0, [dir=rtl] .layout-margin .flex-offset-xs-0, [dir=rtl] .layout-margin .offset-xs-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-xs-5, .flex-offset-xs-5, .layout-margin .flex-offset-xs-5, .layout-margin .offset-xs-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5, [dir=rtl] .layout-margin .flex-offset-xs-5, [dir=rtl] .layout-margin .offset-xs-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-xs-10, .flex-offset-xs-10, .layout-margin .flex-offset-xs-10, .layout-margin .offset-xs-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10, [dir=rtl] .layout-margin .flex-offset-xs-10, [dir=rtl] .layout-margin .offset-xs-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-xs-15, .flex-offset-xs-15, .layout-margin .flex-offset-xs-15, .layout-margin .offset-xs-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15, [dir=rtl] .layout-margin .flex-offset-xs-15, [dir=rtl] .layout-margin .offset-xs-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-xs-20, .flex-offset-xs-20, .layout-margin .flex-offset-xs-20, .layout-margin .offset-xs-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20, [dir=rtl] .layout-margin .flex-offset-xs-20, [dir=rtl] .layout-margin .offset-xs-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-xs-25, .flex-offset-xs-25, .layout-margin .flex-offset-xs-25, .layout-margin .offset-xs-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25, [dir=rtl] .layout-margin .flex-offset-xs-25, [dir=rtl] .layout-margin .offset-xs-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-xs-30, .flex-offset-xs-30, .layout-margin .flex-offset-xs-30, .layout-margin .offset-xs-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30, [dir=rtl] .layout-margin .flex-offset-xs-30, [dir=rtl] .layout-margin .offset-xs-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-xs-35, .flex-offset-xs-35, .layout-margin .flex-offset-xs-35, .layout-margin .offset-xs-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35, [dir=rtl] .layout-margin .flex-offset-xs-35, [dir=rtl] .layout-margin .offset-xs-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-xs-40, .flex-offset-xs-40, .layout-margin .flex-offset-xs-40, .layout-margin .offset-xs-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40, [dir=rtl] .layout-margin .flex-offset-xs-40, [dir=rtl] .layout-margin .offset-xs-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-xs-45, .flex-offset-xs-45, .layout-margin .flex-offset-xs-45, .layout-margin .offset-xs-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45, [dir=rtl] .layout-margin .flex-offset-xs-45, [dir=rtl] .layout-margin .offset-xs-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-xs-50, .flex-offset-xs-50, .layout-margin .flex-offset-xs-50, .layout-margin .offset-xs-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50, [dir=rtl] .layout-margin .flex-offset-xs-50, [dir=rtl] .layout-margin .offset-xs-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-xs-55, .flex-offset-xs-55, .layout-margin .flex-offset-xs-55, .layout-margin .offset-xs-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55, [dir=rtl] .layout-margin .flex-offset-xs-55, [dir=rtl] .layout-margin .offset-xs-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-xs-60, .flex-offset-xs-60, .layout-margin .flex-offset-xs-60, .layout-margin .offset-xs-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60, [dir=rtl] .layout-margin .flex-offset-xs-60, [dir=rtl] .layout-margin .offset-xs-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-xs-65, .flex-offset-xs-65, .layout-margin .flex-offset-xs-65, .layout-margin .offset-xs-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65, [dir=rtl] .layout-margin .flex-offset-xs-65, [dir=rtl] .layout-margin .offset-xs-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-xs-70, .flex-offset-xs-70, .layout-margin .flex-offset-xs-70, .layout-margin .offset-xs-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70, [dir=rtl] .layout-margin .flex-offset-xs-70, [dir=rtl] .layout-margin .offset-xs-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-xs-75, .flex-offset-xs-75, .layout-margin .flex-offset-xs-75, .layout-margin .offset-xs-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75, [dir=rtl] .layout-margin .flex-offset-xs-75, [dir=rtl] .layout-margin .offset-xs-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-xs-80, .flex-offset-xs-80, .layout-margin .flex-offset-xs-80, .layout-margin .offset-xs-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80, [dir=rtl] .layout-margin .flex-offset-xs-80, [dir=rtl] .layout-margin .offset-xs-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-xs-85, .flex-offset-xs-85, .layout-margin .flex-offset-xs-85, .layout-margin .offset-xs-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85, [dir=rtl] .layout-margin .flex-offset-xs-85, [dir=rtl] .layout-margin .offset-xs-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-xs-90, .flex-offset-xs-90, .layout-margin .flex-offset-xs-90, .layout-margin .offset-xs-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90, [dir=rtl] .layout-margin .flex-offset-xs-90, [dir=rtl] .layout-margin .offset-xs-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-xs-95, .flex-offset-xs-95, .layout-margin .flex-offset-xs-95, .layout-margin .offset-xs-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95, [dir=rtl] .layout-margin .flex-offset-xs-95, [dir=rtl] .layout-margin .offset-xs-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-xs-33, .flex-offset-xs-33, .layout-margin .flex-offset-xs-33, .layout-margin .offset-xs-33 {
        margin-left: calc(100% / 3);
    }

    .offset-xs-66, .flex-offset-xs-66, .layout-margin .flex-offset-xs-66, .layout-margin .offset-xs-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66, [dir=rtl] .layout-margin .flex-offset-xs-66, [dir=rtl] .layout-margin .offset-xs-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-xs,
    .layout-align-xs-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-xs {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-xs-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-xs-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xs-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-xs-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-xs-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-xs-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-xs-column > .flex-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xs-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex-xs-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xs-row > .flex {
        min-width: 0;
    }

    .layout-xs-column > .flex-xs-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex-xs-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-xs-column > .flex {
        min-height: 0;
    }

    .layout-xs, .layout-xs-column, .layout-xs-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-xs-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-xs-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 600px) {
    .flex-order-gt-xs--20 {
        -webkit-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-gt-xs--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-gt-xs--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-gt-xs--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-gt-xs--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-gt-xs--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-gt-xs--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-gt-xs--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-gt-xs--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-gt-xs--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-gt-xs--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-gt-xs--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-gt-xs--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-gt-xs--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-gt-xs--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-gt-xs--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-gt-xs--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-gt-xs--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-gt-xs--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-gt-xs--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-gt-xs-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-gt-xs-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-gt-xs-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-gt-xs-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-gt-xs-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-gt-xs-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-gt-xs-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-gt-xs-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-gt-xs-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-gt-xs-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-gt-xs-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-gt-xs-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-gt-xs-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-gt-xs-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-gt-xs-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-gt-xs-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-gt-xs-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-gt-xs-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-gt-xs-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-gt-xs-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-gt-xs-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-gt-xs-0, .flex-offset-gt-xs-0, .layout-margin .flex-offset-gt-xs-0, .layout-margin .offset-gt-xs-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .offset-gt-xs-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-gt-xs-5, .flex-offset-gt-xs-5, .layout-margin .flex-offset-gt-xs-5, .layout-margin .offset-gt-xs-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .offset-gt-xs-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-gt-xs-10, .flex-offset-gt-xs-10, .layout-margin .flex-offset-gt-xs-10, .layout-margin .offset-gt-xs-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .offset-gt-xs-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-gt-xs-15, .flex-offset-gt-xs-15, .layout-margin .flex-offset-gt-xs-15, .layout-margin .offset-gt-xs-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .offset-gt-xs-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-gt-xs-20, .flex-offset-gt-xs-20, .layout-margin .flex-offset-gt-xs-20, .layout-margin .offset-gt-xs-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .offset-gt-xs-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-gt-xs-25, .flex-offset-gt-xs-25, .layout-margin .flex-offset-gt-xs-25, .layout-margin .offset-gt-xs-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .offset-gt-xs-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-gt-xs-30, .flex-offset-gt-xs-30, .layout-margin .flex-offset-gt-xs-30, .layout-margin .offset-gt-xs-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .offset-gt-xs-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-gt-xs-35, .flex-offset-gt-xs-35, .layout-margin .flex-offset-gt-xs-35, .layout-margin .offset-gt-xs-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .offset-gt-xs-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-gt-xs-40, .flex-offset-gt-xs-40, .layout-margin .flex-offset-gt-xs-40, .layout-margin .offset-gt-xs-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .offset-gt-xs-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-gt-xs-45, .flex-offset-gt-xs-45, .layout-margin .flex-offset-gt-xs-45, .layout-margin .offset-gt-xs-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .offset-gt-xs-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-gt-xs-50, .flex-offset-gt-xs-50, .layout-margin .flex-offset-gt-xs-50, .layout-margin .offset-gt-xs-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .offset-gt-xs-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-gt-xs-55, .flex-offset-gt-xs-55, .layout-margin .flex-offset-gt-xs-55, .layout-margin .offset-gt-xs-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .offset-gt-xs-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-gt-xs-60, .flex-offset-gt-xs-60, .layout-margin .flex-offset-gt-xs-60, .layout-margin .offset-gt-xs-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .offset-gt-xs-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-gt-xs-65, .flex-offset-gt-xs-65, .layout-margin .flex-offset-gt-xs-65, .layout-margin .offset-gt-xs-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .offset-gt-xs-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-gt-xs-70, .flex-offset-gt-xs-70, .layout-margin .flex-offset-gt-xs-70, .layout-margin .offset-gt-xs-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .offset-gt-xs-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-gt-xs-75, .flex-offset-gt-xs-75, .layout-margin .flex-offset-gt-xs-75, .layout-margin .offset-gt-xs-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .offset-gt-xs-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-gt-xs-80, .flex-offset-gt-xs-80, .layout-margin .flex-offset-gt-xs-80, .layout-margin .offset-gt-xs-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .offset-gt-xs-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-gt-xs-85, .flex-offset-gt-xs-85, .layout-margin .flex-offset-gt-xs-85, .layout-margin .offset-gt-xs-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .offset-gt-xs-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-gt-xs-90, .flex-offset-gt-xs-90, .layout-margin .flex-offset-gt-xs-90, .layout-margin .offset-gt-xs-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .offset-gt-xs-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-gt-xs-95, .flex-offset-gt-xs-95, .layout-margin .flex-offset-gt-xs-95, .layout-margin .offset-gt-xs-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .offset-gt-xs-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-gt-xs-33, .flex-offset-gt-xs-33, .layout-margin .flex-offset-gt-xs-33, .layout-margin .offset-gt-xs-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-xs-66, .flex-offset-gt-xs-66, .layout-margin .flex-offset-gt-xs-66, .layout-margin .offset-gt-xs-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .offset-gt-xs-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-gt-xs,
    .layout-align-gt-xs-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-gt-xs {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-gt-xs-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-xs-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-gt-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-gt-xs-column > .flex-gt-xs-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-gt-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-xs-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex-gt-xs-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-xs-row > .flex {
        min-width: 0;
    }

    .layout-gt-xs-column > .flex-gt-xs-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex-gt-xs-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-xs-column > .flex {
        min-height: 0;
    }

    .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-gt-xs-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-xs-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-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-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-sm--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-sm--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-sm--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-sm--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-sm--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-sm--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-sm--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-sm--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-sm--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-sm--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-sm--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-sm--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-sm--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-sm--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-sm--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-sm--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-sm--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-sm--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-sm--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-sm-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-sm-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-sm-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-sm-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-sm-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-sm-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-sm-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-sm-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-sm-0, .flex-offset-sm-0, .layout-margin .flex-offset-sm-0, .layout-margin .offset-sm-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0, [dir=rtl] .layout-margin .flex-offset-sm-0, [dir=rtl] .layout-margin .offset-sm-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-sm-5, .flex-offset-sm-5, .layout-margin .flex-offset-sm-5, .layout-margin .offset-sm-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5, [dir=rtl] .layout-margin .flex-offset-sm-5, [dir=rtl] .layout-margin .offset-sm-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-sm-10, .flex-offset-sm-10, .layout-margin .flex-offset-sm-10, .layout-margin .offset-sm-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10, [dir=rtl] .layout-margin .flex-offset-sm-10, [dir=rtl] .layout-margin .offset-sm-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-sm-15, .flex-offset-sm-15, .layout-margin .flex-offset-sm-15, .layout-margin .offset-sm-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15, [dir=rtl] .layout-margin .flex-offset-sm-15, [dir=rtl] .layout-margin .offset-sm-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-sm-20, .flex-offset-sm-20, .layout-margin .flex-offset-sm-20, .layout-margin .offset-sm-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20, [dir=rtl] .layout-margin .flex-offset-sm-20, [dir=rtl] .layout-margin .offset-sm-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-sm-25, .flex-offset-sm-25, .layout-margin .flex-offset-sm-25, .layout-margin .offset-sm-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25, [dir=rtl] .layout-margin .flex-offset-sm-25, [dir=rtl] .layout-margin .offset-sm-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-sm-30, .flex-offset-sm-30, .layout-margin .flex-offset-sm-30, .layout-margin .offset-sm-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30, [dir=rtl] .layout-margin .flex-offset-sm-30, [dir=rtl] .layout-margin .offset-sm-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-sm-35, .flex-offset-sm-35, .layout-margin .flex-offset-sm-35, .layout-margin .offset-sm-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35, [dir=rtl] .layout-margin .flex-offset-sm-35, [dir=rtl] .layout-margin .offset-sm-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-sm-40, .flex-offset-sm-40, .layout-margin .flex-offset-sm-40, .layout-margin .offset-sm-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40, [dir=rtl] .layout-margin .flex-offset-sm-40, [dir=rtl] .layout-margin .offset-sm-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-sm-45, .flex-offset-sm-45, .layout-margin .flex-offset-sm-45, .layout-margin .offset-sm-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45, [dir=rtl] .layout-margin .flex-offset-sm-45, [dir=rtl] .layout-margin .offset-sm-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-sm-50, .flex-offset-sm-50, .layout-margin .flex-offset-sm-50, .layout-margin .offset-sm-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50, [dir=rtl] .layout-margin .flex-offset-sm-50, [dir=rtl] .layout-margin .offset-sm-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-sm-55, .flex-offset-sm-55, .layout-margin .flex-offset-sm-55, .layout-margin .offset-sm-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55, [dir=rtl] .layout-margin .flex-offset-sm-55, [dir=rtl] .layout-margin .offset-sm-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-sm-60, .flex-offset-sm-60, .layout-margin .flex-offset-sm-60, .layout-margin .offset-sm-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60, [dir=rtl] .layout-margin .flex-offset-sm-60, [dir=rtl] .layout-margin .offset-sm-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-sm-65, .flex-offset-sm-65, .layout-margin .flex-offset-sm-65, .layout-margin .offset-sm-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65, [dir=rtl] .layout-margin .flex-offset-sm-65, [dir=rtl] .layout-margin .offset-sm-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-sm-70, .flex-offset-sm-70, .layout-margin .flex-offset-sm-70, .layout-margin .offset-sm-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70, [dir=rtl] .layout-margin .flex-offset-sm-70, [dir=rtl] .layout-margin .offset-sm-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-sm-75, .flex-offset-sm-75, .layout-margin .flex-offset-sm-75, .layout-margin .offset-sm-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75, [dir=rtl] .layout-margin .flex-offset-sm-75, [dir=rtl] .layout-margin .offset-sm-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-sm-80, .flex-offset-sm-80, .layout-margin .flex-offset-sm-80, .layout-margin .offset-sm-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80, [dir=rtl] .layout-margin .flex-offset-sm-80, [dir=rtl] .layout-margin .offset-sm-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-sm-85, .flex-offset-sm-85, .layout-margin .flex-offset-sm-85, .layout-margin .offset-sm-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85, [dir=rtl] .layout-margin .flex-offset-sm-85, [dir=rtl] .layout-margin .offset-sm-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-sm-90, .flex-offset-sm-90, .layout-margin .flex-offset-sm-90, .layout-margin .offset-sm-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90, [dir=rtl] .layout-margin .flex-offset-sm-90, [dir=rtl] .layout-margin .offset-sm-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-sm-95, .flex-offset-sm-95, .layout-margin .flex-offset-sm-95, .layout-margin .offset-sm-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95, [dir=rtl] .layout-margin .flex-offset-sm-95, [dir=rtl] .layout-margin .offset-sm-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-sm-33, .flex-offset-sm-33, .layout-margin .flex-offset-sm-33, .layout-margin .offset-sm-33 {
        margin-left: calc(100% / 3);
    }

    .offset-sm-66, .flex-offset-sm-66, .layout-margin .flex-offset-sm-66, .layout-margin .offset-sm-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66, [dir=rtl] .layout-margin .flex-offset-sm-66, [dir=rtl] .layout-margin .offset-sm-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-sm,
    .layout-align-sm-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-sm {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-sm-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-sm-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-sm-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-sm-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-sm-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-sm-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-sm-column > .flex-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-sm-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex-sm-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-sm-row > .flex {
        min-width: 0;
    }

    .layout-sm-column > .flex-sm-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex-sm-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-sm-column > .flex {
        min-height: 0;
    }

    .layout-sm, .layout-sm-column, .layout-sm-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-sm-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-sm-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 960px) {
    .flex-order-gt-sm--20 {
        -webkit-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-gt-sm--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-gt-sm--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-gt-sm--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-gt-sm--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-gt-sm--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-gt-sm--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-gt-sm--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-gt-sm--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-gt-sm--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-gt-sm--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-gt-sm--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-gt-sm--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-gt-sm--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-gt-sm--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-gt-sm--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-gt-sm--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-gt-sm--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-gt-sm--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-gt-sm--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-gt-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-gt-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-gt-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-gt-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-gt-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-gt-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-gt-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-gt-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-gt-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-gt-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-gt-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-gt-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-gt-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-gt-sm-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-gt-sm-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-gt-sm-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-gt-sm-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-gt-sm-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-gt-sm-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-gt-sm-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-gt-sm-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-gt-sm-0, .flex-offset-gt-sm-0, .layout-margin .flex-offset-gt-sm-0, .layout-margin .offset-gt-sm-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .offset-gt-sm-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-gt-sm-5, .flex-offset-gt-sm-5, .layout-margin .flex-offset-gt-sm-5, .layout-margin .offset-gt-sm-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .offset-gt-sm-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-gt-sm-10, .flex-offset-gt-sm-10, .layout-margin .flex-offset-gt-sm-10, .layout-margin .offset-gt-sm-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .offset-gt-sm-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-gt-sm-15, .flex-offset-gt-sm-15, .layout-margin .flex-offset-gt-sm-15, .layout-margin .offset-gt-sm-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .offset-gt-sm-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-gt-sm-20, .flex-offset-gt-sm-20, .layout-margin .flex-offset-gt-sm-20, .layout-margin .offset-gt-sm-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .offset-gt-sm-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-gt-sm-25, .flex-offset-gt-sm-25, .layout-margin .flex-offset-gt-sm-25, .layout-margin .offset-gt-sm-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .offset-gt-sm-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-gt-sm-30, .flex-offset-gt-sm-30, .layout-margin .flex-offset-gt-sm-30, .layout-margin .offset-gt-sm-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .offset-gt-sm-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-gt-sm-35, .flex-offset-gt-sm-35, .layout-margin .flex-offset-gt-sm-35, .layout-margin .offset-gt-sm-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .offset-gt-sm-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-gt-sm-40, .flex-offset-gt-sm-40, .layout-margin .flex-offset-gt-sm-40, .layout-margin .offset-gt-sm-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .offset-gt-sm-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-gt-sm-45, .flex-offset-gt-sm-45, .layout-margin .flex-offset-gt-sm-45, .layout-margin .offset-gt-sm-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .offset-gt-sm-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-gt-sm-50, .flex-offset-gt-sm-50, .layout-margin .flex-offset-gt-sm-50, .layout-margin .offset-gt-sm-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .offset-gt-sm-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-gt-sm-55, .flex-offset-gt-sm-55, .layout-margin .flex-offset-gt-sm-55, .layout-margin .offset-gt-sm-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .offset-gt-sm-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-gt-sm-60, .flex-offset-gt-sm-60, .layout-margin .flex-offset-gt-sm-60, .layout-margin .offset-gt-sm-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .offset-gt-sm-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-gt-sm-65, .flex-offset-gt-sm-65, .layout-margin .flex-offset-gt-sm-65, .layout-margin .offset-gt-sm-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .offset-gt-sm-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-gt-sm-70, .flex-offset-gt-sm-70, .layout-margin .flex-offset-gt-sm-70, .layout-margin .offset-gt-sm-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .offset-gt-sm-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-gt-sm-75, .flex-offset-gt-sm-75, .layout-margin .flex-offset-gt-sm-75, .layout-margin .offset-gt-sm-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .offset-gt-sm-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-gt-sm-80, .flex-offset-gt-sm-80, .layout-margin .flex-offset-gt-sm-80, .layout-margin .offset-gt-sm-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .offset-gt-sm-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-gt-sm-85, .flex-offset-gt-sm-85, .layout-margin .flex-offset-gt-sm-85, .layout-margin .offset-gt-sm-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .offset-gt-sm-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-gt-sm-90, .flex-offset-gt-sm-90, .layout-margin .flex-offset-gt-sm-90, .layout-margin .offset-gt-sm-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .offset-gt-sm-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-gt-sm-95, .flex-offset-gt-sm-95, .layout-margin .flex-offset-gt-sm-95, .layout-margin .offset-gt-sm-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .offset-gt-sm-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-gt-sm-33, .flex-offset-gt-sm-33, .layout-margin .flex-offset-gt-sm-33, .layout-margin .offset-gt-sm-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-sm-66, .flex-offset-gt-sm-66, .layout-margin .flex-offset-gt-sm-66, .layout-margin .offset-gt-sm-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .offset-gt-sm-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-gt-sm,
    .layout-align-gt-sm-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-gt-sm {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-gt-sm-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-sm-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-gt-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-gt-sm-column > .flex-gt-sm-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-gt-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-sm-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex-gt-sm-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-sm-row > .flex {
        min-width: 0;
    }

    .layout-gt-sm-column > .flex-gt-sm-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex-gt-sm-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-sm-column > .flex {
        min-height: 0;
    }

    .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-gt-sm-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-sm-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-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-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-md--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-md--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-md--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-md--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-md--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-md--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-md--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-md--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-md--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-md--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-md--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-md--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-md--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-md--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-md--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-md--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-md--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-md--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-md--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-md-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-md-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-md-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-md-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-md-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-md-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-md-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-md-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-md-0, .flex-offset-md-0, .layout-margin .flex-offset-md-0, .layout-margin .offset-md-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0, [dir=rtl] .layout-margin .flex-offset-md-0, [dir=rtl] .layout-margin .offset-md-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-md-5, .flex-offset-md-5, .layout-margin .flex-offset-md-5, .layout-margin .offset-md-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5, [dir=rtl] .layout-margin .flex-offset-md-5, [dir=rtl] .layout-margin .offset-md-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-md-10, .flex-offset-md-10, .layout-margin .flex-offset-md-10, .layout-margin .offset-md-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10, [dir=rtl] .layout-margin .flex-offset-md-10, [dir=rtl] .layout-margin .offset-md-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-md-15, .flex-offset-md-15, .layout-margin .flex-offset-md-15, .layout-margin .offset-md-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15, [dir=rtl] .layout-margin .flex-offset-md-15, [dir=rtl] .layout-margin .offset-md-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-md-20, .flex-offset-md-20, .layout-margin .flex-offset-md-20, .layout-margin .offset-md-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20, [dir=rtl] .layout-margin .flex-offset-md-20, [dir=rtl] .layout-margin .offset-md-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-md-25, .flex-offset-md-25, .layout-margin .flex-offset-md-25, .layout-margin .offset-md-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25, [dir=rtl] .layout-margin .flex-offset-md-25, [dir=rtl] .layout-margin .offset-md-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-md-30, .flex-offset-md-30, .layout-margin .flex-offset-md-30, .layout-margin .offset-md-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30, [dir=rtl] .layout-margin .flex-offset-md-30, [dir=rtl] .layout-margin .offset-md-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-md-35, .flex-offset-md-35, .layout-margin .flex-offset-md-35, .layout-margin .offset-md-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35, [dir=rtl] .layout-margin .flex-offset-md-35, [dir=rtl] .layout-margin .offset-md-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-md-40, .flex-offset-md-40, .layout-margin .flex-offset-md-40, .layout-margin .offset-md-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40, [dir=rtl] .layout-margin .flex-offset-md-40, [dir=rtl] .layout-margin .offset-md-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-md-45, .flex-offset-md-45, .layout-margin .flex-offset-md-45, .layout-margin .offset-md-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45, [dir=rtl] .layout-margin .flex-offset-md-45, [dir=rtl] .layout-margin .offset-md-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-md-50, .flex-offset-md-50, .layout-margin .flex-offset-md-50, .layout-margin .offset-md-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50, [dir=rtl] .layout-margin .flex-offset-md-50, [dir=rtl] .layout-margin .offset-md-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-md-55, .flex-offset-md-55, .layout-margin .flex-offset-md-55, .layout-margin .offset-md-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55, [dir=rtl] .layout-margin .flex-offset-md-55, [dir=rtl] .layout-margin .offset-md-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-md-60, .flex-offset-md-60, .layout-margin .flex-offset-md-60, .layout-margin .offset-md-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60, [dir=rtl] .layout-margin .flex-offset-md-60, [dir=rtl] .layout-margin .offset-md-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-md-65, .flex-offset-md-65, .layout-margin .flex-offset-md-65, .layout-margin .offset-md-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65, [dir=rtl] .layout-margin .flex-offset-md-65, [dir=rtl] .layout-margin .offset-md-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-md-70, .flex-offset-md-70, .layout-margin .flex-offset-md-70, .layout-margin .offset-md-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70, [dir=rtl] .layout-margin .flex-offset-md-70, [dir=rtl] .layout-margin .offset-md-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-md-75, .flex-offset-md-75, .layout-margin .flex-offset-md-75, .layout-margin .offset-md-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75, [dir=rtl] .layout-margin .flex-offset-md-75, [dir=rtl] .layout-margin .offset-md-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-md-80, .flex-offset-md-80, .layout-margin .flex-offset-md-80, .layout-margin .offset-md-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80, [dir=rtl] .layout-margin .flex-offset-md-80, [dir=rtl] .layout-margin .offset-md-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-md-85, .flex-offset-md-85, .layout-margin .flex-offset-md-85, .layout-margin .offset-md-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85, [dir=rtl] .layout-margin .flex-offset-md-85, [dir=rtl] .layout-margin .offset-md-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-md-90, .flex-offset-md-90, .layout-margin .flex-offset-md-90, .layout-margin .offset-md-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90, [dir=rtl] .layout-margin .flex-offset-md-90, [dir=rtl] .layout-margin .offset-md-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-md-95, .flex-offset-md-95, .layout-margin .flex-offset-md-95, .layout-margin .offset-md-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95, [dir=rtl] .layout-margin .flex-offset-md-95, [dir=rtl] .layout-margin .offset-md-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-md-33, .flex-offset-md-33, .layout-margin .flex-offset-md-33, .layout-margin .offset-md-33 {
        margin-left: calc(100% / 3);
    }

    .offset-md-66, .flex-offset-md-66, .layout-margin .flex-offset-md-66, .layout-margin .offset-md-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66, [dir=rtl] .layout-margin .flex-offset-md-66, [dir=rtl] .layout-margin .offset-md-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-md,
    .layout-align-md-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-md {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-md-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-md-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-md-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-md-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-md-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-md-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-md-column > .flex-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-md-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex-md-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-md-row > .flex {
        min-width: 0;
    }

    .layout-md-column > .flex-md-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex-md-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-md-column > .flex {
        min-height: 0;
    }

    .layout-md, .layout-md-column, .layout-md-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-md-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-md-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1280px) {
    .flex-order-gt-md--20 {
        -webkit-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-gt-md--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-gt-md--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-gt-md--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-gt-md--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-gt-md--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-gt-md--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-gt-md--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-gt-md--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-gt-md--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-gt-md--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-gt-md--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-gt-md--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-gt-md--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-gt-md--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-gt-md--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-gt-md--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-gt-md--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-gt-md--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-gt-md--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-gt-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-gt-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-gt-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-gt-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-gt-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-gt-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-gt-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-gt-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-gt-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-gt-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-gt-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-gt-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-gt-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-gt-md-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-gt-md-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-gt-md-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-gt-md-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-gt-md-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-gt-md-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-gt-md-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-gt-md-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-gt-md-0, .flex-offset-gt-md-0, .layout-margin .flex-offset-gt-md-0, .layout-margin .offset-gt-md-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0, [dir=rtl] .layout-margin .flex-offset-gt-md-0, [dir=rtl] .layout-margin .offset-gt-md-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-gt-md-5, .flex-offset-gt-md-5, .layout-margin .flex-offset-gt-md-5, .layout-margin .offset-gt-md-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5, [dir=rtl] .layout-margin .flex-offset-gt-md-5, [dir=rtl] .layout-margin .offset-gt-md-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-gt-md-10, .flex-offset-gt-md-10, .layout-margin .flex-offset-gt-md-10, .layout-margin .offset-gt-md-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10, [dir=rtl] .layout-margin .flex-offset-gt-md-10, [dir=rtl] .layout-margin .offset-gt-md-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-gt-md-15, .flex-offset-gt-md-15, .layout-margin .flex-offset-gt-md-15, .layout-margin .offset-gt-md-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15, [dir=rtl] .layout-margin .flex-offset-gt-md-15, [dir=rtl] .layout-margin .offset-gt-md-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-gt-md-20, .flex-offset-gt-md-20, .layout-margin .flex-offset-gt-md-20, .layout-margin .offset-gt-md-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20, [dir=rtl] .layout-margin .flex-offset-gt-md-20, [dir=rtl] .layout-margin .offset-gt-md-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-gt-md-25, .flex-offset-gt-md-25, .layout-margin .flex-offset-gt-md-25, .layout-margin .offset-gt-md-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25, [dir=rtl] .layout-margin .flex-offset-gt-md-25, [dir=rtl] .layout-margin .offset-gt-md-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-gt-md-30, .flex-offset-gt-md-30, .layout-margin .flex-offset-gt-md-30, .layout-margin .offset-gt-md-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30, [dir=rtl] .layout-margin .flex-offset-gt-md-30, [dir=rtl] .layout-margin .offset-gt-md-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-gt-md-35, .flex-offset-gt-md-35, .layout-margin .flex-offset-gt-md-35, .layout-margin .offset-gt-md-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35, [dir=rtl] .layout-margin .flex-offset-gt-md-35, [dir=rtl] .layout-margin .offset-gt-md-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-gt-md-40, .flex-offset-gt-md-40, .layout-margin .flex-offset-gt-md-40, .layout-margin .offset-gt-md-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40, [dir=rtl] .layout-margin .flex-offset-gt-md-40, [dir=rtl] .layout-margin .offset-gt-md-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-gt-md-45, .flex-offset-gt-md-45, .layout-margin .flex-offset-gt-md-45, .layout-margin .offset-gt-md-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45, [dir=rtl] .layout-margin .flex-offset-gt-md-45, [dir=rtl] .layout-margin .offset-gt-md-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-gt-md-50, .flex-offset-gt-md-50, .layout-margin .flex-offset-gt-md-50, .layout-margin .offset-gt-md-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50, [dir=rtl] .layout-margin .flex-offset-gt-md-50, [dir=rtl] .layout-margin .offset-gt-md-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-gt-md-55, .flex-offset-gt-md-55, .layout-margin .flex-offset-gt-md-55, .layout-margin .offset-gt-md-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55, [dir=rtl] .layout-margin .flex-offset-gt-md-55, [dir=rtl] .layout-margin .offset-gt-md-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-gt-md-60, .flex-offset-gt-md-60, .layout-margin .flex-offset-gt-md-60, .layout-margin .offset-gt-md-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60, [dir=rtl] .layout-margin .flex-offset-gt-md-60, [dir=rtl] .layout-margin .offset-gt-md-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-gt-md-65, .flex-offset-gt-md-65, .layout-margin .flex-offset-gt-md-65, .layout-margin .offset-gt-md-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65, [dir=rtl] .layout-margin .flex-offset-gt-md-65, [dir=rtl] .layout-margin .offset-gt-md-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-gt-md-70, .flex-offset-gt-md-70, .layout-margin .flex-offset-gt-md-70, .layout-margin .offset-gt-md-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70, [dir=rtl] .layout-margin .flex-offset-gt-md-70, [dir=rtl] .layout-margin .offset-gt-md-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-gt-md-75, .flex-offset-gt-md-75, .layout-margin .flex-offset-gt-md-75, .layout-margin .offset-gt-md-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75, [dir=rtl] .layout-margin .flex-offset-gt-md-75, [dir=rtl] .layout-margin .offset-gt-md-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-gt-md-80, .flex-offset-gt-md-80, .layout-margin .flex-offset-gt-md-80, .layout-margin .offset-gt-md-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80, [dir=rtl] .layout-margin .flex-offset-gt-md-80, [dir=rtl] .layout-margin .offset-gt-md-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-gt-md-85, .flex-offset-gt-md-85, .layout-margin .flex-offset-gt-md-85, .layout-margin .offset-gt-md-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85, [dir=rtl] .layout-margin .flex-offset-gt-md-85, [dir=rtl] .layout-margin .offset-gt-md-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-gt-md-90, .flex-offset-gt-md-90, .layout-margin .flex-offset-gt-md-90, .layout-margin .offset-gt-md-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90, [dir=rtl] .layout-margin .flex-offset-gt-md-90, [dir=rtl] .layout-margin .offset-gt-md-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-gt-md-95, .flex-offset-gt-md-95, .layout-margin .flex-offset-gt-md-95, .layout-margin .offset-gt-md-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95, [dir=rtl] .layout-margin .flex-offset-gt-md-95, [dir=rtl] .layout-margin .offset-gt-md-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-gt-md-33, .flex-offset-gt-md-33, .layout-margin .flex-offset-gt-md-33, .layout-margin .offset-gt-md-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-md-66, .flex-offset-gt-md-66, .layout-margin .flex-offset-gt-md-66, .layout-margin .offset-gt-md-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66, [dir=rtl] .layout-margin .flex-offset-gt-md-66, [dir=rtl] .layout-margin .offset-gt-md-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-gt-md,
    .layout-align-gt-md-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-gt-md {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-gt-md-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-md-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-gt-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-gt-md-column > .flex-gt-md-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-gt-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-md-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex-gt-md-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-md-row > .flex {
        min-width: 0;
    }

    .layout-gt-md-column > .flex-gt-md-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex-gt-md-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-md-column > .flex {
        min-height: 0;
    }

    .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-gt-md-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-md-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-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-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-lg--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-lg--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-lg--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-lg--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-lg--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-lg--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-lg--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-lg--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-lg--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-lg--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-lg--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-lg--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-lg--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-lg--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-lg--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-lg--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-lg--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-lg--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-lg--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-lg-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-lg-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-lg-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-lg-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-lg-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-lg-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-lg-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-lg-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-lg-0, .flex-offset-lg-0, .layout-margin .flex-offset-lg-0, .layout-margin .offset-lg-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0, [dir=rtl] .layout-margin .flex-offset-lg-0, [dir=rtl] .layout-margin .offset-lg-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-lg-5, .flex-offset-lg-5, .layout-margin .flex-offset-lg-5, .layout-margin .offset-lg-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5, [dir=rtl] .layout-margin .flex-offset-lg-5, [dir=rtl] .layout-margin .offset-lg-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-lg-10, .flex-offset-lg-10, .layout-margin .flex-offset-lg-10, .layout-margin .offset-lg-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10, [dir=rtl] .layout-margin .flex-offset-lg-10, [dir=rtl] .layout-margin .offset-lg-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-lg-15, .flex-offset-lg-15, .layout-margin .flex-offset-lg-15, .layout-margin .offset-lg-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15, [dir=rtl] .layout-margin .flex-offset-lg-15, [dir=rtl] .layout-margin .offset-lg-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-lg-20, .flex-offset-lg-20, .layout-margin .flex-offset-lg-20, .layout-margin .offset-lg-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20, [dir=rtl] .layout-margin .flex-offset-lg-20, [dir=rtl] .layout-margin .offset-lg-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-lg-25, .flex-offset-lg-25, .layout-margin .flex-offset-lg-25, .layout-margin .offset-lg-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25, [dir=rtl] .layout-margin .flex-offset-lg-25, [dir=rtl] .layout-margin .offset-lg-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-lg-30, .flex-offset-lg-30, .layout-margin .flex-offset-lg-30, .layout-margin .offset-lg-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30, [dir=rtl] .layout-margin .flex-offset-lg-30, [dir=rtl] .layout-margin .offset-lg-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-lg-35, .flex-offset-lg-35, .layout-margin .flex-offset-lg-35, .layout-margin .offset-lg-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35, [dir=rtl] .layout-margin .flex-offset-lg-35, [dir=rtl] .layout-margin .offset-lg-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-lg-40, .flex-offset-lg-40, .layout-margin .flex-offset-lg-40, .layout-margin .offset-lg-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40, [dir=rtl] .layout-margin .flex-offset-lg-40, [dir=rtl] .layout-margin .offset-lg-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-lg-45, .flex-offset-lg-45, .layout-margin .flex-offset-lg-45, .layout-margin .offset-lg-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45, [dir=rtl] .layout-margin .flex-offset-lg-45, [dir=rtl] .layout-margin .offset-lg-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-lg-50, .flex-offset-lg-50, .layout-margin .flex-offset-lg-50, .layout-margin .offset-lg-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50, [dir=rtl] .layout-margin .flex-offset-lg-50, [dir=rtl] .layout-margin .offset-lg-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-lg-55, .flex-offset-lg-55, .layout-margin .flex-offset-lg-55, .layout-margin .offset-lg-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55, [dir=rtl] .layout-margin .flex-offset-lg-55, [dir=rtl] .layout-margin .offset-lg-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-lg-60, .flex-offset-lg-60, .layout-margin .flex-offset-lg-60, .layout-margin .offset-lg-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60, [dir=rtl] .layout-margin .flex-offset-lg-60, [dir=rtl] .layout-margin .offset-lg-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-lg-65, .flex-offset-lg-65, .layout-margin .flex-offset-lg-65, .layout-margin .offset-lg-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65, [dir=rtl] .layout-margin .flex-offset-lg-65, [dir=rtl] .layout-margin .offset-lg-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-lg-70, .flex-offset-lg-70, .layout-margin .flex-offset-lg-70, .layout-margin .offset-lg-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70, [dir=rtl] .layout-margin .flex-offset-lg-70, [dir=rtl] .layout-margin .offset-lg-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-lg-75, .flex-offset-lg-75, .layout-margin .flex-offset-lg-75, .layout-margin .offset-lg-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75, [dir=rtl] .layout-margin .flex-offset-lg-75, [dir=rtl] .layout-margin .offset-lg-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-lg-80, .flex-offset-lg-80, .layout-margin .flex-offset-lg-80, .layout-margin .offset-lg-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80, [dir=rtl] .layout-margin .flex-offset-lg-80, [dir=rtl] .layout-margin .offset-lg-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-lg-85, .flex-offset-lg-85, .layout-margin .flex-offset-lg-85, .layout-margin .offset-lg-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85, [dir=rtl] .layout-margin .flex-offset-lg-85, [dir=rtl] .layout-margin .offset-lg-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-lg-90, .flex-offset-lg-90, .layout-margin .flex-offset-lg-90, .layout-margin .offset-lg-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90, [dir=rtl] .layout-margin .flex-offset-lg-90, [dir=rtl] .layout-margin .offset-lg-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-lg-95, .flex-offset-lg-95, .layout-margin .flex-offset-lg-95, .layout-margin .offset-lg-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95, [dir=rtl] .layout-margin .flex-offset-lg-95, [dir=rtl] .layout-margin .offset-lg-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-lg-33, .flex-offset-lg-33, .layout-margin .flex-offset-lg-33, .layout-margin .offset-lg-33 {
        margin-left: calc(100% / 3);
    }

    .offset-lg-66, .flex-offset-lg-66, .layout-margin .flex-offset-lg-66, .layout-margin .offset-lg-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66, [dir=rtl] .layout-margin .flex-offset-lg-66, [dir=rtl] .layout-margin .offset-lg-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-lg,
    .layout-align-lg-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-lg {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-lg-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-lg-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-lg-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-lg-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-lg-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-lg-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-lg-column > .flex-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-lg-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex-lg-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-lg-row > .flex {
        min-width: 0;
    }

    .layout-lg-column > .flex-lg-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex-lg-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-lg-column > .flex {
        min-height: 0;
    }

    .layout-lg, .layout-lg-column, .layout-lg-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-lg-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-lg-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 1920px) {
    .flex-order-gt-lg--20 {
        -webkit-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-gt-lg--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-gt-lg--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-gt-lg--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-gt-lg--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-gt-lg--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-gt-lg--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-gt-lg--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-gt-lg--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-gt-lg--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-gt-lg--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-gt-lg--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-gt-lg--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-gt-lg--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-gt-lg--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-gt-lg--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-gt-lg--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-gt-lg--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-gt-lg--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-gt-lg--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-gt-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-gt-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-gt-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-gt-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-gt-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-gt-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-gt-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-gt-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-gt-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-gt-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-gt-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-gt-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-gt-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-gt-lg-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-gt-lg-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-gt-lg-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-gt-lg-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-gt-lg-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-gt-lg-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-gt-lg-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-gt-lg-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-gt-lg-0, .flex-offset-gt-lg-0, .layout-margin .flex-offset-gt-lg-0, .layout-margin .offset-gt-lg-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .offset-gt-lg-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-gt-lg-5, .flex-offset-gt-lg-5, .layout-margin .flex-offset-gt-lg-5, .layout-margin .offset-gt-lg-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .offset-gt-lg-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-gt-lg-10, .flex-offset-gt-lg-10, .layout-margin .flex-offset-gt-lg-10, .layout-margin .offset-gt-lg-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .offset-gt-lg-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-gt-lg-15, .flex-offset-gt-lg-15, .layout-margin .flex-offset-gt-lg-15, .layout-margin .offset-gt-lg-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .offset-gt-lg-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-gt-lg-20, .flex-offset-gt-lg-20, .layout-margin .flex-offset-gt-lg-20, .layout-margin .offset-gt-lg-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .offset-gt-lg-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-gt-lg-25, .flex-offset-gt-lg-25, .layout-margin .flex-offset-gt-lg-25, .layout-margin .offset-gt-lg-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .offset-gt-lg-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-gt-lg-30, .flex-offset-gt-lg-30, .layout-margin .flex-offset-gt-lg-30, .layout-margin .offset-gt-lg-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .offset-gt-lg-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-gt-lg-35, .flex-offset-gt-lg-35, .layout-margin .flex-offset-gt-lg-35, .layout-margin .offset-gt-lg-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .offset-gt-lg-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-gt-lg-40, .flex-offset-gt-lg-40, .layout-margin .flex-offset-gt-lg-40, .layout-margin .offset-gt-lg-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .offset-gt-lg-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-gt-lg-45, .flex-offset-gt-lg-45, .layout-margin .flex-offset-gt-lg-45, .layout-margin .offset-gt-lg-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .offset-gt-lg-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-gt-lg-50, .flex-offset-gt-lg-50, .layout-margin .flex-offset-gt-lg-50, .layout-margin .offset-gt-lg-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .offset-gt-lg-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-gt-lg-55, .flex-offset-gt-lg-55, .layout-margin .flex-offset-gt-lg-55, .layout-margin .offset-gt-lg-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .offset-gt-lg-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-gt-lg-60, .flex-offset-gt-lg-60, .layout-margin .flex-offset-gt-lg-60, .layout-margin .offset-gt-lg-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .offset-gt-lg-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-gt-lg-65, .flex-offset-gt-lg-65, .layout-margin .flex-offset-gt-lg-65, .layout-margin .offset-gt-lg-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .offset-gt-lg-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-gt-lg-70, .flex-offset-gt-lg-70, .layout-margin .flex-offset-gt-lg-70, .layout-margin .offset-gt-lg-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .offset-gt-lg-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-gt-lg-75, .flex-offset-gt-lg-75, .layout-margin .flex-offset-gt-lg-75, .layout-margin .offset-gt-lg-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .offset-gt-lg-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-gt-lg-80, .flex-offset-gt-lg-80, .layout-margin .flex-offset-gt-lg-80, .layout-margin .offset-gt-lg-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .offset-gt-lg-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-gt-lg-85, .flex-offset-gt-lg-85, .layout-margin .flex-offset-gt-lg-85, .layout-margin .offset-gt-lg-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .offset-gt-lg-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-gt-lg-90, .flex-offset-gt-lg-90, .layout-margin .flex-offset-gt-lg-90, .layout-margin .offset-gt-lg-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .offset-gt-lg-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-gt-lg-95, .flex-offset-gt-lg-95, .layout-margin .flex-offset-gt-lg-95, .layout-margin .offset-gt-lg-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .offset-gt-lg-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-gt-lg-33, .flex-offset-gt-lg-33, .layout-margin .flex-offset-gt-lg-33, .layout-margin .offset-gt-lg-33 {
        margin-left: calc(100% / 3);
    }

    .offset-gt-lg-66, .flex-offset-gt-lg-66, .layout-margin .flex-offset-gt-lg-66, .layout-margin .offset-gt-lg-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .offset-gt-lg-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-gt-lg,
    .layout-align-gt-lg-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-gt-lg {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-gt-lg-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-gt-lg-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-gt-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-gt-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-gt-lg-column > .flex-gt-lg-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-gt-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-gt-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-gt-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-gt-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-gt-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-gt-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-gt-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-gt-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-gt-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-gt-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-gt-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-gt-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-gt-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-gt-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-gt-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-gt-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-gt-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-gt-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-gt-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-gt-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-gt-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-gt-lg-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex-gt-lg-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-gt-lg-row > .flex {
        min-width: 0;
    }

    .layout-gt-lg-column > .flex-gt-lg-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex-gt-lg-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-gt-lg-column > .flex {
        min-height: 0;
    }

    .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-gt-lg-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-gt-lg-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .flex-order-xl--20 {
        -webkit-box-ordinal-group: -19;
        -webkit-order: -20;
        order: -20;
    }

    .flex-order-xl--19 {
        -webkit-box-ordinal-group: -18;
        -webkit-order: -19;
        order: -19;
    }

    .flex-order-xl--18 {
        -webkit-box-ordinal-group: -17;
        -webkit-order: -18;
        order: -18;
    }

    .flex-order-xl--17 {
        -webkit-box-ordinal-group: -16;
        -webkit-order: -17;
        order: -17;
    }

    .flex-order-xl--16 {
        -webkit-box-ordinal-group: -15;
        -webkit-order: -16;
        order: -16;
    }

    .flex-order-xl--15 {
        -webkit-box-ordinal-group: -14;
        -webkit-order: -15;
        order: -15;
    }

    .flex-order-xl--14 {
        -webkit-box-ordinal-group: -13;
        -webkit-order: -14;
        order: -14;
    }

    .flex-order-xl--13 {
        -webkit-box-ordinal-group: -12;
        -webkit-order: -13;
        order: -13;
    }

    .flex-order-xl--12 {
        -webkit-box-ordinal-group: -11;
        -webkit-order: -12;
        order: -12;
    }

    .flex-order-xl--11 {
        -webkit-box-ordinal-group: -10;
        -webkit-order: -11;
        order: -11;
    }

    .flex-order-xl--10 {
        -webkit-box-ordinal-group: -9;
        -webkit-order: -10;
        order: -10;
    }

    .flex-order-xl--9 {
        -webkit-box-ordinal-group: -8;
        -webkit-order: -9;
        order: -9;
    }

    .flex-order-xl--8 {
        -webkit-box-ordinal-group: -7;
        -webkit-order: -8;
        order: -8;
    }

    .flex-order-xl--7 {
        -webkit-box-ordinal-group: -6;
        -webkit-order: -7;
        order: -7;
    }

    .flex-order-xl--6 {
        -webkit-box-ordinal-group: -5;
        -webkit-order: -6;
        order: -6;
    }

    .flex-order-xl--5 {
        -webkit-box-ordinal-group: -4;
        -webkit-order: -5;
        order: -5;
    }

    .flex-order-xl--4 {
        -webkit-box-ordinal-group: -3;
        -webkit-order: -4;
        order: -4;
    }

    .flex-order-xl--3 {
        -webkit-box-ordinal-group: -2;
        -webkit-order: -3;
        order: -3;
    }

    .flex-order-xl--2 {
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        order: -2;
    }

    .flex-order-xl--1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1;
    }

    .flex-order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0;
    }

    .flex-order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .flex-order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .flex-order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3;
    }

    .flex-order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4;
    }

    .flex-order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5;
    }

    .flex-order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6;
    }

    .flex-order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }

    .flex-order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8;
    }

    .flex-order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9;
    }

    .flex-order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10;
    }

    .flex-order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11;
    }

    .flex-order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12;
    }

    .flex-order-xl-13 {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13;
    }

    .flex-order-xl-14 {
        -webkit-box-ordinal-group: 15;
        -webkit-order: 14;
        order: 14;
    }

    .flex-order-xl-15 {
        -webkit-box-ordinal-group: 16;
        -webkit-order: 15;
        order: 15;
    }

    .flex-order-xl-16 {
        -webkit-box-ordinal-group: 17;
        -webkit-order: 16;
        order: 16;
    }

    .flex-order-xl-17 {
        -webkit-box-ordinal-group: 18;
        -webkit-order: 17;
        order: 17;
    }

    .flex-order-xl-18 {
        -webkit-box-ordinal-group: 19;
        -webkit-order: 18;
        order: 18;
    }

    .flex-order-xl-19 {
        -webkit-box-ordinal-group: 20;
        -webkit-order: 19;
        order: 19;
    }

    .flex-order-xl-20 {
        -webkit-box-ordinal-group: 21;
        -webkit-order: 20;
        order: 20;
    }

    .offset-xl-0, .flex-offset-xl-0, .layout-margin .flex-offset-xl-0, .layout-margin .offset-xl-0 {
        margin-left: 0;
    }

    [dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0, [dir=rtl] .layout-margin .flex-offset-xl-0, [dir=rtl] .layout-margin .offset-xl-0 {
        margin-left: auto;
        margin-right: 0;
    }

    .offset-xl-5, .flex-offset-xl-5, .layout-margin .flex-offset-xl-5, .layout-margin .offset-xl-5 {
        margin-left: 5%;
    }

    [dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5, [dir=rtl] .layout-margin .flex-offset-xl-5, [dir=rtl] .layout-margin .offset-xl-5 {
        margin-left: auto;
        margin-right: 5%;
    }

    .offset-xl-10, .flex-offset-xl-10, .layout-margin .flex-offset-xl-10, .layout-margin .offset-xl-10 {
        margin-left: 10%;
    }

    [dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10, [dir=rtl] .layout-margin .flex-offset-xl-10, [dir=rtl] .layout-margin .offset-xl-10 {
        margin-left: auto;
        margin-right: 10%;
    }

    .offset-xl-15, .flex-offset-xl-15, .layout-margin .flex-offset-xl-15, .layout-margin .offset-xl-15 {
        margin-left: 15%;
    }

    [dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15, [dir=rtl] .layout-margin .flex-offset-xl-15, [dir=rtl] .layout-margin .offset-xl-15 {
        margin-left: auto;
        margin-right: 15%;
    }

    .offset-xl-20, .flex-offset-xl-20, .layout-margin .flex-offset-xl-20, .layout-margin .offset-xl-20 {
        margin-left: 20%;
    }

    [dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20, [dir=rtl] .layout-margin .flex-offset-xl-20, [dir=rtl] .layout-margin .offset-xl-20 {
        margin-left: auto;
        margin-right: 20%;
    }

    .offset-xl-25, .flex-offset-xl-25, .layout-margin .flex-offset-xl-25, .layout-margin .offset-xl-25 {
        margin-left: 25%;
    }

    [dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25, [dir=rtl] .layout-margin .flex-offset-xl-25, [dir=rtl] .layout-margin .offset-xl-25 {
        margin-left: auto;
        margin-right: 25%;
    }

    .offset-xl-30, .flex-offset-xl-30, .layout-margin .flex-offset-xl-30, .layout-margin .offset-xl-30 {
        margin-left: 30%;
    }

    [dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30, [dir=rtl] .layout-margin .flex-offset-xl-30, [dir=rtl] .layout-margin .offset-xl-30 {
        margin-left: auto;
        margin-right: 30%;
    }

    .offset-xl-35, .flex-offset-xl-35, .layout-margin .flex-offset-xl-35, .layout-margin .offset-xl-35 {
        margin-left: 35%;
    }

    [dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35, [dir=rtl] .layout-margin .flex-offset-xl-35, [dir=rtl] .layout-margin .offset-xl-35 {
        margin-left: auto;
        margin-right: 35%;
    }

    .offset-xl-40, .flex-offset-xl-40, .layout-margin .flex-offset-xl-40, .layout-margin .offset-xl-40 {
        margin-left: 40%;
    }

    [dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40, [dir=rtl] .layout-margin .flex-offset-xl-40, [dir=rtl] .layout-margin .offset-xl-40 {
        margin-left: auto;
        margin-right: 40%;
    }

    .offset-xl-45, .flex-offset-xl-45, .layout-margin .flex-offset-xl-45, .layout-margin .offset-xl-45 {
        margin-left: 45%;
    }

    [dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45, [dir=rtl] .layout-margin .flex-offset-xl-45, [dir=rtl] .layout-margin .offset-xl-45 {
        margin-left: auto;
        margin-right: 45%;
    }

    .offset-xl-50, .flex-offset-xl-50, .layout-margin .flex-offset-xl-50, .layout-margin .offset-xl-50 {
        margin-left: 50%;
    }

    [dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50, [dir=rtl] .layout-margin .flex-offset-xl-50, [dir=rtl] .layout-margin .offset-xl-50 {
        margin-left: auto;
        margin-right: 50%;
    }

    .offset-xl-55, .flex-offset-xl-55, .layout-margin .flex-offset-xl-55, .layout-margin .offset-xl-55 {
        margin-left: 55%;
    }

    [dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55, [dir=rtl] .layout-margin .flex-offset-xl-55, [dir=rtl] .layout-margin .offset-xl-55 {
        margin-left: auto;
        margin-right: 55%;
    }

    .offset-xl-60, .flex-offset-xl-60, .layout-margin .flex-offset-xl-60, .layout-margin .offset-xl-60 {
        margin-left: 60%;
    }

    [dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60, [dir=rtl] .layout-margin .flex-offset-xl-60, [dir=rtl] .layout-margin .offset-xl-60 {
        margin-left: auto;
        margin-right: 60%;
    }

    .offset-xl-65, .flex-offset-xl-65, .layout-margin .flex-offset-xl-65, .layout-margin .offset-xl-65 {
        margin-left: 65%;
    }

    [dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65, [dir=rtl] .layout-margin .flex-offset-xl-65, [dir=rtl] .layout-margin .offset-xl-65 {
        margin-left: auto;
        margin-right: 65%;
    }

    .offset-xl-70, .flex-offset-xl-70, .layout-margin .flex-offset-xl-70, .layout-margin .offset-xl-70 {
        margin-left: 70%;
    }

    [dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70, [dir=rtl] .layout-margin .flex-offset-xl-70, [dir=rtl] .layout-margin .offset-xl-70 {
        margin-left: auto;
        margin-right: 70%;
    }

    .offset-xl-75, .flex-offset-xl-75, .layout-margin .flex-offset-xl-75, .layout-margin .offset-xl-75 {
        margin-left: 75%;
    }

    [dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75, [dir=rtl] .layout-margin .flex-offset-xl-75, [dir=rtl] .layout-margin .offset-xl-75 {
        margin-left: auto;
        margin-right: 75%;
    }

    .offset-xl-80, .flex-offset-xl-80, .layout-margin .flex-offset-xl-80, .layout-margin .offset-xl-80 {
        margin-left: 80%;
    }

    [dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80, [dir=rtl] .layout-margin .flex-offset-xl-80, [dir=rtl] .layout-margin .offset-xl-80 {
        margin-left: auto;
        margin-right: 80%;
    }

    .offset-xl-85, .flex-offset-xl-85, .layout-margin .flex-offset-xl-85, .layout-margin .offset-xl-85 {
        margin-left: 85%;
    }

    [dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85, [dir=rtl] .layout-margin .flex-offset-xl-85, [dir=rtl] .layout-margin .offset-xl-85 {
        margin-left: auto;
        margin-right: 85%;
    }

    .offset-xl-90, .flex-offset-xl-90, .layout-margin .flex-offset-xl-90, .layout-margin .offset-xl-90 {
        margin-left: 90%;
    }

    [dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90, [dir=rtl] .layout-margin .flex-offset-xl-90, [dir=rtl] .layout-margin .offset-xl-90 {
        margin-left: auto;
        margin-right: 90%;
    }

    .offset-xl-95, .flex-offset-xl-95, .layout-margin .flex-offset-xl-95, .layout-margin .offset-xl-95 {
        margin-left: 95%;
    }

    [dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95, [dir=rtl] .layout-margin .flex-offset-xl-95, [dir=rtl] .layout-margin .offset-xl-95 {
        margin-left: auto;
        margin-right: 95%;
    }

    .offset-xl-33, .flex-offset-xl-33, .layout-margin .flex-offset-xl-33, .layout-margin .offset-xl-33 {
        margin-left: calc(100% / 3);
    }

    .offset-xl-66, .flex-offset-xl-66, .layout-margin .flex-offset-xl-66, .layout-margin .offset-xl-66 {
        margin-left: calc(200% / 3);
    }

    [dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66, [dir=rtl] .layout-margin .flex-offset-xl-66, [dir=rtl] .layout-margin .offset-xl-66 {
        margin-left: auto;
        margin-right: calc(200% / 3);
    }

    .layout-align-xl,
    .layout-align-xl-start-stretch {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: 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-box-pack: start;
        -webkit-justify-content: flex-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-box-pack: center;
        -webkit-justify-content: 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-box-pack: end;
        -webkit-justify-content: flex-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;
        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-box-pack: justify;
        -webkit-justify-content: space-between;
        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-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-align-content: flex-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-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: 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-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-align-content: flex-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-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

    .flex-xl {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        box-sizing: border-box;
    }

    .flex-xl-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box;
    }

    .flex-xl-initial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xl-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .flex-xl-none {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .flex-xl-noshrink {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box;
    }

    .flex-xl-nogrow {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
    }

    .flex-xl-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-column > .flex-xl-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 0%;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0;
    }

    .layout-xl-column > .flex-xl-0 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 0%;
        box-sizing: border-box;
        min-height: 0;
    }

    .flex-xl-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-5 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box;
    }

    .flex-xl-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-10 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box;
    }

    .flex-xl-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-15 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box;
    }

    .flex-xl-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-20 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box;
    }

    .flex-xl-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box;
    }

    .flex-xl-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box;
    }

    .flex-xl-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-35 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box;
    }

    .flex-xl-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-40 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box;
    }

    .flex-xl-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-45 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box;
    }

    .flex-xl-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box;
    }

    .flex-xl-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-55 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box;
    }

    .flex-xl-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-60 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box;
    }

    .flex-xl-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-65 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box;
    }

    .flex-xl-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-70 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box;
    }

    .flex-xl-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-75 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box;
    }

    .flex-xl-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-80 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box;
    }

    .flex-xl-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-85 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box;
    }

    .flex-xl-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-90 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box;
    }

    .flex-xl-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-95 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box;
    }

    .flex-xl-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-column > .flex-xl-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-row > .flex-xl-33 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-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 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex-xl-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .layout-xl-row > .flex {
        min-width: 0;
    }

    .layout-xl-column > .flex-xl-33 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex-xl-66 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box;
    }

    .layout-xl-column > .flex {
        min-height: 0;
    }

    .layout-xl, .layout-xl-column, .layout-xl-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .layout-xl-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .layout-xl-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-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;
    }
}


/*Custom CSS*/




.spinner-container {
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical center */
    align-items: center; /* horizontal center */
    width: 45%;
    padding: 16px;
    text-align: center;
}

.spinner-wrapper {
    width: 60px;
    height: 60px;
}

.spinner {
    width: 100%;
    height: 100%;
    object-fit: contain;
    animation: spin 2s linear infinite; /* makes it spin */
}

.spinner-text {
    padding-top: 20px;
    font-size: 14px;
    color: #333;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

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



@media (min-width: 575px) {
    .MobileOnly {
        visibility: visible;
        display: block;
    }
}

@media (max-width: 576px) {

    .MobileOnly {
        visibility: hidden;
        display: none;
    }
}

li {
    outline: none !important;
}

.roboto-<uniquifier > {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

body.md-default-theme, body, html.md-default-theme, html {
    background-color: #fafafa !important;
}

.resp-container {
    /*position: relative;
    overflow: hidden;
    padding-top: 56.25%;*/
}

.container {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}


.bottomLine {
    border-bottom: 1px solid #dddddd !important;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.WithinSearchBox {
    font: inherit;
    background: transparent;
    color: #000000;
    border: none;
    outline: none;
    padding: 0;
    margin: 0px 0px 0px 10px;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
    text-align: inherit;
    width: 124px;
    height: 28px;
    font-size: 13px;
}

.HomepageBanner {
    display: flex;
    padding: 15px;
    margin-right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 15px;
    position: relative;
    table-layout: fixed;
    width: 100%;
    height: 100px;
    background-color: #000;
    border-radius: 5px;
}

.BannerSubtitle {
    font-size: 16px;
    width: 75%;
    line-height: normal;
}

.BannerHeading {
    font-size: 26px;
    width: 75%;
    font-weight: 600;
    line-height: 1.1;
    padding-bottom: 8px;
}

#bodyDashboard {
    padding-bottom: 50px;
}

.DownloadCatalog-LeftMenu {
    background-color: #fafafa;
    padding: 3px 8px;
    border-radius: 15px;
    color: #333333;
    font-size: 11px;
}

    .DownloadCatalog-LeftMenu:hover {
        background-color: #dddddd;
        color: #000000;
        text-decoration: none;
    }

.DownloadCatalog-Normal {
    background-color: #ffffff;
    padding: 0px 16px;
    margin-top: 3px;
    border-radius: 15px;
    color: #000000;
    font-size: 12px;
    border: 1px solid #ddd;
}

    .DownloadCatalog-Normal:hover {
        background-color: #f2f2f2;
        color: #000000;
        text-decoration: none;
    }

.padding10 {
    padding: 10px !important;
}

.DownloadCatalog {
    color: #333333;
    font-size: 12px;
}



.searchSuggestion {
    background-color: #0066c0;
    padding: 4px 12px;
    margin-left: 8px;
    border-radius: 15px;
    color: #ffffff;
}

    .searchSuggestion:hover {
        text-decoration: none;
    }

.searchTag {
    background-color: #666666;
    color: #ffffff;
    margin-top: 10px;
    border-radius: 15px;
    padding: 6px 0px 0px 10px;
}

.Stickytop {
    position: sticky;
    z-index: 1030;
    top: 0;
    color: #ffffff;
    background-color: #000000;
    font-weight: 500;
}


@media(min-width: 1480px) {


    .sidenavHolder {
        display: block !important;
    }
}

@media(min-width: 1200px) {

    .border1480 {
        border-bottom: 0px !important;
    }

    .border1200 {
        border-bottom: 1px solid #dddddd !important;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin-top: -5px !important;
        margin-bottom: -5px !important;
    }
}

@media (max-width: 768px) {

    .navbar-nav {
        float: left;
        margin-top: -5px !important;
        margin-bottom: -5px !important;
    }
}
@media (min-width: 880px) {
    .login-ad {
        display: block;
        visibility: visible;
        width: 50%
    }
    .login {
        width: 50%;
        background-color: #ffffff;
    }
}

@media (max-width: 880px) {
    .login-ad {
        display: none;
        visibility: hidden;
        width: 0%
    }
    .login {
        width: 100%;
        background-color: #ffffff;
    }
}


@media (min-width: 1920px) {
    .login-ad {
        width: 800px;
    }

    .login {
        width: calc(100% - 800px)
    }
}

.border1480 {
    border-bottom: 1px solid #dddddd;
}

.border1200 {
    border-bottom: 0px;
}

#GrayCartPanelHeading1.panel-default > .panel-heading {
    background-color: #333333;
    color: #fff;
}

    #GrayCartPanelHeading1.panel-default > .panel-heading:hover {
        text-decoration-line: underline;
    }

#GrayCartPanelHeading1.panel-open > .panel-heading {
    background-color: #000;
    color: #fff;
}

.StickyMenu {
    position: sticky !important;
    z-index: 1030;
    top: 0;
}

.searchPanel {
    padding: 10px 0 0 0 !important;
}

.p-search-box {
    position: relative;
    display: table;
    border-collapse: separate;
    border: 1px solid #ddd;
}

    .p-search-box:focus {
        border: 1px solid #0066C0;
    }

.customDropDownBtn {
    background-color: #fafafa !important;
    box-sizing: border-box !important;
    border-left: 0px !important;
    border: 2px solid #cccccc;
    border-radius: 0px !important;
    color: #000000 !important;
    text-align: center !important;
    height: 40px;
    width: 40px;
    margin: auto;
    display: flex;
}

.enlargeImage .modal-dialog {
    width: 90%;
    max-width: 100%;
    margin: auto;
    overflow: hidden
}

#ImageModal {
    height: 100vh;
}

.image-gallery {
    height: 80vh;
    display: flex;
}

.image-frame {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: flex;
}


.customScrollable-menu {
    height: auto;
    max-height: 490px;
    overflow-x: hidden;
    scrollbar-arrow-color: bisque;
}

.customScrollable-menuDE {
    height: auto;
    max-height: 150px;
    overflow-x: hidden;
    scrollbar-arrow-color: bisque;
}

.DealsBtn {
    background-color: #dd2c00;
    border-bottom: 4px solid #7d2a2a;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    color: #ffffff;
    font-size: 13px !important;
    padding: 5px 10px 4px 10px;
    margin-right: 5px;
    border-radius: 5px 5px 0px 0px;
}

.menuBtn {
    background-color: transparent;
    color: #666666;
    border-top: 0;
    border: 0;
    margin-right: 16px;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    height: 28px;
    font-weight: 500;
    padding-bottom: 8px;
}

    .menuBtn:focus {
        outline: none !important;
    }

    .menuBtn:hover {
        color: #000000 !important;
        font-weight: 500;
    }

.displayUnderScore {
    margin-bottom: 5px;
    padding-bottom: 26px !important;
    height: 0;
    left: 0;
    bottom: 0px; /*Change this to increase/decrease distance*/
    border-bottom: 4px solid rgb(224, 98, 36) !important;
    color: orange !important;
}

.topRightMenudisplayUnderScore {
    margin-bottom: 5px;
    padding-bottom: 41px !important;
    height: 0;
    left: 0;
    bottom: 0px;
    border-bottom: 4px solid rgb(224, 98, 36);
    display: block;
    color: orange !important;
    padding: 1em;
}

#recordsPerPage {
    min-width: 100px !important;
    text-align: left !important;
    cursor: default;
}

#sortBy {
    min-width: 140px !important;
    text-align: left !important;
    cursor: default;
}

    #recordsPerPage:active, #recordsPerPage:hover, #sortBy:active, #sortBy:hover {
        background-color: transparent !important;
        color: black;
    }

#recordsPerPageDropDown {
    top: auto !important;
    min-width: 100px;
    width: auto !important;
}

#sortByPageDropDown {
    top: auto !important;
    min-width: 140px;
    width: auto !important;
}

    #recordsPerPageDropDown > li > a:hover, #sortByPageDropDown > li > a:hover {
        background-color: #1E90FF !important;
    }

    #recordsPerPageDropDown > li > a, #sortByPageDropDown > li > a {
        font-weight: 200 !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        padding: 0px 5px !important;
        width: auto !important;
        cursor: default;
        color: #000000;
    }

.radioGroupInDD {
    background-color: #fafafa !important;
    border: 1px solid rgba(188, 188, 188, 1) !important;
    border-top: 0px !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    padding-top: 3px !important;
    padding-left: 20px !important;
}

.radioButtonMargin[type="radio"] {
    margin: 2px 0 0;
}

.panelGroupSeperator {
    border-bottom: 1px solid silver;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fontInDD {
    color: #999999 !important;
}

.brandsDiv {
    border-bottom-right-radius: 5px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.categoriesDiv {
    border-right: 1px solid #8c8c8c !important;
    border-bottom-left-radius: 5px !important;
}

.DDTitleRow {
    height: 30px !important;
    padding: 5px 0 !important;
}

.DDListRow {
    margin: 0 0 0 0 !important;
    padding-right: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.DDListCol {
    margin: 0 0 0 0 !important;
    padding-top: 5px;
}

.customAnchor {
    color: #0066C0;
    padding-left: 10px;
    font-weight: 400;
    font-style: normal;
    cursor: pointer;
}

.brandsandProductsImg {
    height: 120px !important;
    width: 120px !important;
    margin: 10px 10px !important;
    max-height: 120px !important;
    min-height: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.brandsandProductsImg-s {
    height: 80px !important;
    width: 80px !important;
    margin: 8px 8px !important;
    max-height: 89px !important;
    min-height: 80px !important;
    min-width: 80px !important;
    max-width: 81px !important;
}

.brandsandProductsAnchor {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #000000;
    line-height: normal;
    cursor: pointer;
}

.dropdownDiv {
    background-color: #fafafa;
    min-height: 130px;
    padding-top: 15px;
    top: 118px;
    position: absolute;
    width: 100%;
}

#CategoriesPanel > .container > .row div > ul li {
    display: block !important;
}

#BrandsandProductsPanel, #salesDropDown, #helpDropDown {
    display: none;
}



    #BrandsandProductsPanel > .container li {
        display: block !important;
    }

#BrandsandProductsPanel {
    background-color: white !important;
}
/*Remove this to make it full width*/
#businessToolsDropDown {
    padding: 12px;
}

#dealsDropDown {
    padding: 16px;
    max-width: 1240px;
    left: -210px;
}

.vds-cart {
    background-color: #06c;
    color: white;
    font-size: 11px;
    white-space: nowrap;
}

.vds-big-cart {
    position: absolute;
    bottom: 3px;
    background-color: #06c;
    color: white;
    font-size: 11px;
    white-space: nowrap;
    width: 64px;
    padding: 2px 0px;
    border-radius: 4px;
    line-height: normal;
}

.vds-big {
    background-color: #06c;
    color: white;
    font-size: 12px;
    white-space: nowrap;
    padding: 2px 5px 1px 5px;
    border-radius: 3px;
    margin-left: 5px;
    line-height: 17px;
}

.vds-note {
    background-color: #06c;
    color: white;
    padding: 5px 10px;
    border: 1px solid #003870;
    border-radius: 5px;
    margin-top: 10px
}

.RebateMenue {
    color: #000;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

    .RebateMenue:hover {
        background-color: #f2f2f2;
    }

#rebatesToolsDropDown {
    min-width: 370px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: -1px;
    padding: 5px;
}

#CatalogsToolsDropDown {
    min-width: 300px;
    white-space: nowrap;
    padding: 12px;
}


#YourCartDropDown {
    width: 205px;
    border-top: 1px solid #cccccc;
    border-radius: 5px !important;
    background-color: #efefef;
    background-color: rgba(255, 255, 255, 1);
}

.borderTopRadius5 {
    -ms-border-top-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    -ms-border-top-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.borderBottomRadius5 {
    -ms-border-bottom-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    -ms-border-bottom-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}



.notificationDetailsHomepage {
    border: 2px solid #ffffff !important;
    width: 600px !important;
    left: -505px !important;
    -ms-border-top-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    -ms-border-top-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    -ms-border-bottom-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    -ms-border-bottom-right-radius: 5px !important;
    background-color: black;
    white-space: nowrap;
    position: absolute;
}

    .notificationDetailsHomepage:after {
        content: "";
        position: absolute;
        left: 554px;
        top: -9px;
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent white transparent;
    }



.FAQIconOpen {
    transform: rotate(90deg);
}

#adminDropDown {
    min-height: 70px;
    padding: 10px 10px 10px 10px;
    min-width: 240px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: -1px;
    white-space: nowrap;
}

.leftControl {
    top: 25% !important;
    height: 200px !important;
    background-color: transparent !important;
    visibility: visible !important;
    background-image: none !important;
    width: 3% !important;
    height: 18% !important;
}

.rightControl {
    top: 25% !important;
    height: 200px !important;
    background-color: transparent !important;
    visibility: visible !important;
    background-image: none !important;
    width: 3% !important;
    height: 18% !important;
}

.carouselControl-Slider {
    color: #666666;
    opacity: 0.5;
    text-shadow: none;
    line-height: unset;
}

    .carouselControl-Slider:hover {
        opacity: 1;
    }

.carouselControl-Slider-w {
    color: #ffffff;
    opacity: 0.5;
    text-shadow: none;
    line-height:unset;
}

    .carouselControl-Slider-w:hover {
        opacity: 1;
    }

.carouselControl {
    font-size: 40px;
    color: lightgray;
    text-shadow: none;
}

    .carouselControl:hover {
        color: #999 !important;
    }



.productDetailsCarousel {
    float: left !important;
    margin-bottom: 0.5em !important;
}

.paddingForCarousel {
    width: 230px !important;
    padding-top: 1px;
    padding-bottom: 5px;
}

.borderRight {
    border-right: 1px solid #ddd;
}


.anchorInDD:hover span {
    text-decoration: underline !important;
    cursor: pointer !important;
    color: #000000 !important;
}

.anchorInDD {
    color: #000000 !important;
}

    .anchorInDD:hover {
        text-decoration: underline !important;
    }



.brandsandProductsAnchor:hover {
    font-weight: 700 !important;
    font-style: normal !important;
    color: rgb(224, 98, 36) !important;
    text-decoration: none !important;
}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent !important;
}

.topRightMenu:hover {
}

.topRightMenu, .topRightMenu1 {
    color: #CCCCCC !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 13px !important;
    text-align: left !important;
}

.topRightMenuRow2 {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 14px !important;
    color: #fafafa;
}

.selectedCategory {
    color: rgb(224, 98, 36);
    text-decoration: none !important;
    font-weight: 600 !important;
}

.selectedCategoryArrow {
    color: black !important;
    font-size: 12px !important;
    font-weight: bold;
}

.fontInSubMenu {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    color: #000000;
    cursor: pointer;
    line-height: normal;
    text-decoration: none;
}

    .fontInSubMenu:hover {
        text-decoration: underline !important;
        font-style: normal !important;
        font-size: 14px !important;
        cursor: pointer !important;
        color: #000000 !important;
        background-color: rgba(255,255,255,0) !important;
    }

#catLevel1 {
    width: 300px;
    padding: 16px 8px;
    color: #000;
}

#catLevel2and3 {
    width: 480px;
    padding: 16px;
}

.catlevel1AfterHover {
    text-decoration: none !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 14px !important;
    cursor: pointer !important;
    color: rgb(224, 98, 36) !important;
}

.changeColor {
    color: #CCCCCC !important;
    font-size: 12px !important;
    padding-top: 3px;
}

.CatLevel1Hover {
    color: black !important;
    font-size: 12px !important;
    font-weight: bold;
    padding-top: 3px;
}

.secondLevelMenuCat2 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    color: #000000;
}

.secondLevelMenuCat3 {
    font-size: 12px;
    color: #999999;
}

.row a:hover > .secondLevelMenuCat2 {
    font-weight: bold;
    color: rgb(224, 98, 36);
    font-style: normal;
    font-size: 14px;
    text-align: left;
}

.navbar .row .container > ul > li {
    display: inline-block;
    position: relative;
    padding: 3px 10px 3px 0;
}

    /* SECOND LEVEL */
    .navbar .row .container > ul > li > ul {
        position: absolute;
        left: 0;
        top: 100%;
        padding: 0 1000em; /* trick from css-tricks comments */
        margin: 0 -1000em; /* trick from css-tricks comments */
        background: #fafafa;
    }

        .navbar .row .container > ul > li > ul > li {
            padding: 3px 0;
        }

#menuNav {
    padding-top: 0px;
    margin: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    #menuNav > li > a {
        padding: 1px 0 6px 0 !important;
        margin-right: 30px !important;
        font-size: 12px !important;
        color: #333333;
        background-color: transparent !important;
    }

        #menuNav > li > a:hover {
            border-bottom: 3px solid #cccccc;
        }

.triangle-right {
    width: 0;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    overflow: hidden;
}

    .triangle-right:after {
        margin-bottom: -5px;
        content: "";
        width: 0;
        height: 0;
        display: inline-block;
        border-top: 10px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 12px solid #ccc;
    }

.dropdownMenuHover {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    padding-top: 15px;
    padding-bottom: 5px;
    height: auto;
    margin-top: -5px;
    list-style: none !important;
}

.dropdownCartMenuHover {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fafafa;
    margin-top: 45px;
    padding-left: 0px;
    list-style: none !important;
}

.dropdownMenuHover .dropdownCartMenuHover li {
    list-style: none !important;
}

.overlay {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: rgba(0,0,0,0.7); /*dim the background*/
}

.overlayHidden {
    position: absolute;
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
}

.topRightMenuButton {
    color: white;
    background-color: transparent;
    /*border: none;*/
    padding-top: 0px;
    margin-top: 0px;
}

    .topRightMenuButton:hover .topRightMenuRow2 {
        color: orange;
    }


#menuNav > li, #menuNav > li > a {
}

.zIndex1000 {
}

.dropdown-menu > li > a {
    clear: both;
    color: #777;
    display: block;
    font-weight: normal;
    line-height: 2.2;
    padding: 0px 10px;
    white-space: nowrap;
}

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

button {
    outline: none !important;
}

.makeWhite {
    background-color: white !important;
}

.makeLightGray {
    background-color: #ffffff;
}

li > a.yo {
    color: #fa9900;
}

li.active > a.yo {
    color: black;
}

li > a.yo {
    border: 1px solid transparent;
    line-height: 1.42857143;
    margin-right: 0;
}

th {
    font-weight: normal;
    text-align: center;
}



.font12_666666 {
    font-size: 12px !important;
    color: #666666 !important;
    font-weight: normal !important;
}

.font12_999999 {
    font-size: 12px !important;
    color: #999999 !important;
}

.font11_999999 {
    font-size: 11px !important;
    color: #999999 !important;
}

.displayerror {
    border: 1px solid #b12704;
    background-color: #ffeeee;
}

.displayblack {
    background-color: white !important;
    color: black;
}

.displaygreen {
    background-color: white !important;
    color: green;
    font-weight: 700 !important;
}

.paddingright5px {
    padding-right: 5px !important;
}

.link_blue {
    color: #0066C0 !important;
}

.invisibleButton {
    border: none !important;
    background-color: transparent !important;
}

#searchInputGroup > .dropdown-menu > li > a {
    padding: 0 !important;
    cursor: default !important;
}

    #searchInputGroup > .dropdown-menu > li > a:hover, #searchInputGroup > .dropdown-menu > li > a:focus {
        padding: 0 !important;
        background-color: transparent !important;
        cursor: default !important;
    }

#searchInputGroup > .dropdown-menu > .active > a > p {
    background-color: #0066C0 !important;
    color: #ffffff !important;
}

#searchInputGroup > .dropdown-menu > li > a:hover > p, #searchInputGroup > .dropdown-menu > li > a > p:hover {
    background-color: #0066C0 !important;
    color: #ffffff !important;
}


#searchInputGroup > .dropdown-menu > li > a:hover > .sL {
    text-decoration: underline !important;
}

#searchInputGroup > .dropdown-menu > .active > a {
    background-color: white !important;
}
/*#searchInputGroup > .dropdown-menu > li > a:hover > label {
    background-color: white !important;
    cursor: default !important;
}*/
.paddingZero {
    padding: 0 !important;
}

.paddingRight5 {
    padding-right: 5px;
}

.paddingLeft5 {
    padding-left: 5px;
}

/* ====== Margin (all sides) ====== */
.margin4 {
    margin: 4px;
}

.margin8 {
    margin: 8px;
}

.margin12 {
    margin: 12px;
}

.margin16 {
    margin: 16px;
}

.margin20 {
    margin: 20px;
}

.margin24 {
    margin: 24px;
}

.margin28 {
    margin: 28px;
}

.margin32 {
    margin: 32px;
}

/* ====== Margin Top & Bottom ====== */
.marginTB4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.marginTB8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.marginTB12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.marginTB16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.marginTB20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.marginTB24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.marginTB28 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.marginTB32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

/* ====== Margin Left & Right ====== */
.marginLR4 {
    margin-left: 4px;
    margin-right: 4px;
}

.marginLR8 {
    margin-left: 8px;
    margin-right: 8px;
}

.marginLR12 {
    margin-left: 12px;
    margin-right: 12px;
}

.marginLR16 {
    margin-left: 16px;
    margin-right: 16px;
}

.marginLR20 {
    margin-left: 20px;
    margin-right: 20px;
}

.marginLR24 {
    margin-left: 24px;
    margin-right: 24px;
}

.marginLR28 {
    margin-left: 28px;
    margin-right: 28px;
}

.marginLR32 {
    margin-left: 32px;
    margin-right: 32px;
}

/* ====== Margin Top Only ====== */
.marginT4 {
    margin-top: 4px;
}

.marginT8 {
    margin-top: 8px;
}

.marginT12 {
    margin-top: 12px;
}

.marginT16 {
    margin-top: 16px;
}

.marginT20 {
    margin-top: 20px;
}

.marginT24 {
    margin-top: 24px;
}

.marginT28 {
    margin-top: 28px;
}

.marginT32 {
    margin-top: 32px !important;
}

/* ====== Margin Bottom Only ====== */
.marginB4 {
    margin-bottom: 4px;
}

.marginB8 {
    margin-bottom: 8px;
}

.marginB12 {
    margin-bottom: 12px;
}

.marginB16 {
    margin-bottom: 16px;
}

.marginB20 {
    margin-bottom: 20px;
}

.marginB24 {
    margin-bottom: 24px;
}

.marginB28 {
    margin-bottom: 28px;
}

.marginB32 {
    margin-bottom: 32px;
}

/* ====== Margin Left Only ====== */
.marginL4 {
    margin-left: 4px;
}

.marginL8 {
    margin-left: 8px;
}

.marginL12 {
    margin-left: 12px;
}

.marginL16 {
    margin-left: 16px;
}

.marginL20 {
    margin-left: 20px;
}

.marginL24 {
    margin-left: 24px;
}

.marginL28 {
    margin-left: 28px;
}

.marginL32 {
    margin-left: 32px;
}

/* ====== Margin Right Only ====== */
.marginR4 {
    margin-right: 4px;
}

.marginR8 {
    margin-right: 8px;
}

.marginR12 {
    margin-right: 12px;
}

.marginR16 {
    margin-right: 16px;
}

.marginR20 {
    margin-right: 20px;
}

.marginR24 {
    margin-right: 24px;
}

.marginR28 {
    margin-right: 28px;
}

.marginR32 {
    margin-right: 32px;
}


/* ======= Padding 4px ======= */
.padding4 {
    padding: 4px;
}

.paddingTB4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.paddingT4 {
    padding-top: 4px;
}

.paddingB4 {
    padding-bottom: 4px;
}

.paddingLR4 {
    padding-left: 4px;
    padding-right: 4px;
}

.paddingL4 {
    padding-left: 4px;
}

.paddingR4 {
    padding-right: 4px;
}

/* ======= Padding 8px ======= */
.padding8 {
    padding: 8px !important;
}

.paddingTB8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.paddingT8 {
    padding-top: 8px !important;
}

.paddingB8 {
    padding-bottom: 8px !important;
}

.paddingLR8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.paddingL8 {
    padding-left: 8px !important;
}

.paddingR8 {
    padding-right: 8px !important;
}

/* ======= Padding 12px ======= */
.padding12 {
    padding: 12px !important;
}

.paddingTB12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.paddingT12 {
    padding-top: 12px !important;
}

.paddingB12 {
    padding-bottom: 12px !important;
}

.paddingLR12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.paddingL12 {
    padding-left: 12px !important;
}

.paddingR12 {
    padding-right: 12px !important;
}

/* ======= Padding 16px ======= */
.padding16 {
    padding: 16px;
}

.paddingTB16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.paddingT16 {
    padding-top: 16px;
}

.paddingB16 {
    padding-bottom: 16px;
}

.paddingLR16 {
    padding-left: 16px;
    padding-right: 16px;
}

.paddingL16 {
    padding-left: 16px;
}

.paddingR16 {
    padding-right: 16px;
}

/* ======= Padding 20px ======= */
.padding20 {
    padding: 20px;
}

.paddingTB20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.paddingT20 {
    padding-top: 20px;
}

.paddingB20 {
    padding-bottom: 20px;
}

.paddingLR20 {
    padding-left: 20px;
    padding-right: 20px;
}

.paddingL20 {
    padding-left: 20px;
}

.paddingR20 {
    padding-right: 20px;
}

/* ======= Padding 24px ======= */
.padding24 {
    padding: 24px;
}

.paddingTB24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.paddingT24 {
    padding-top: 24px;
}

.paddingB24 {
    padding-bottom: 24px;
}

.paddingLR24 {
    padding-left: 24px;
    padding-right: 24px;
}

.paddingL24 {
    padding-left: 24px;
}

.paddingR24 {
    padding-right: 24px;
}

/* ======= Padding 32px ======= */
.padding32 {
    padding: 32px;
}

.paddingTB32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.paddingT32 {
    padding-top: 32px;
}

.paddingB32 {
    padding-bottom: 32px;
}

.paddingLR32 {
    padding-left: 32px;
    padding-right: 32px;
}

.paddingL32 {
    padding-left: 32px;
}

.paddingR32 {
    padding-right: 32px;
}


.paddingLeft20 {
    padding-left: 20px;
}

.paddingLeft20Must {
    padding-left: 20px !important;
}

.paddingLeft15Must {
    padding-left: 15px !important;
}

.paddingTB25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.paddingTB20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.paddingTB5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.paddingTB10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.height115 {
    height: 115px !important;
}

.height105 {
    height: 105px !important;
}

.lineOptionBox {
    width: 100% !important;
    height: 75px !important;
    margin: 0px;
}

.LineHeight100 {
    line-height: 100px !important;
}

.lineHeight30 {
    line-height: 30px;
}

.lineHeight28 {
    line-height: 28px;
}

.lineHeightNormal {
    line-height: normal !important;
}

.lineHeight1point3 {
    line-height: 1.3 !important;
}

.height30 {
    height: 30px;
}

.height28 {
    height: 28px;
}

#orderSearch {
    background-color: #f2f2f2;
    background-color: #fafafa;
    border-radius: 3px 0 0 3px;
    width: auto;
}


.productBtnInfo {
    font-size: 12px;
    line-height: normal;
    color: #0066C0;
    cursor: pointer;
}

    .productBtnInfo:hover {
        font-size: 12px;
        line-height: normal;
        color: #0066C0;
        text-decoration: underline;
        cursor: pointer;
    }

.dataExportHeader {
    border-bottom: 1px solid #ddd;
    padding: 15px 0px 30px 0px;
}

.orderFilters {
    border-bottom: 4px solid #ccc;
    padding: 15px 0;
    border-right: 1px solid #ccc;
}

.displayInline {
    display: inline !important;
}

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



.refundFont {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: normal;
}

.Radio-Normal {
    font-size: 14px !important;
    color: #000000;
    font-weight: 400 !important;
    margin-right: 20px;
    cursor:pointer;
}

.font14black {
    font-size: 14px !important;
    color: #000000;
    font-weight: 400;
}

.font16black {
    font-size: 16px !important;
    color: #000000;
    font-weight: 400;
}

.font16gray {
    font-size: 16px !important;
    color: #666666;
    font-weight: 400;
}

.font18 {
    font-size: 18px !important;
    font-weight: 400;
}

.font18center {
    font-size: 18px !important;
    font-weight: 400;
    color: #333333;
    text-align: center;
}

.font18-bold {
    font-size: 18px !important;
    color: #333333;
    font-weight: 700;
}

.font36 {
    font-size: 36px !important;
}

.fontLight {
    font-weight: 200;
}


.font11AlignTop {
    font-size: 11px !important;
    vertical-align: middle;
}

.fontColor333333 {
    color: #333333 !important;
}

.fontColor666666 {
    color: #666666 !important;
    font-weight: 400;
}

.fontColorRed {
    color: #b12704 !important;
}

.fontColorGreen {
    color: #006621;
}

.fontColorDarkGreen {
    color: rgba(4, 47, 2, 0.95);
}

.fontColorBlue {
    color: #4A9BFE;
}

.fontColorDarkBlue {
    color: #0066C0 !important;
}

.fontColor999999 {
    color: #999999 !important;
}

.cartRow {
    padding: 5px 10px;
}


.sectionLightHeading37 {
    font-style: normal;
    font-size: 28px;
    text-align: left;
    color: #000000;
    line-height: normal;
}

.sectionLightHeadingDate {
    color: #999999;
    font-size: 13px !important;
    font-weight: 400;
    line-height: normal;
}

.MSSemiBoldWhiteFilters {
    color: black;
    font-size: 12px;
    line-height: 22px;
}

.MSSemiBoldOrangeFilters {
    color: #fa9900;
    font-size: 12px;
    line-height: 22px;
}

.FilterSelectable:hover {
    background-color: rgb(100, 100, 100);
    border-radius: 5px;
    color: white;
    padding-right: 4px;
}

.CartInfo:hover {
    border: 1px solid #adadad;
    background-color: #e6e6e6;
}

.MSDarkBold {
    color: #25454c;
    font-size: 12pt;
    font-weight: bold;
}

.MSDarkBoldGreen {
    color: #3fc77f;
    font-size: 12pt;
    font-weight: bold;
}

.MSDarkBoldWhite {
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
}

.MSDarkBoldBig {
    color: #25454c;
    font-size: 14pt;
    font-weight: bold;
}

.MSDarkBoldBigGreen {
    color: #3fc77f;
    font-size: 14pt;
    font-weight: bold;
}

.MSYellow {
    color: #fa9900;
    font-size: 10pt;
    font-weight: bolder;
}

.MSLightYellow {
    color: #fa9900;
    font-size: 10pt;
    font-weight: 700;
}

.pgpOpenSansRegular14Black {
    color: #25454c;
    font-size: 14px;
    height: 22px;
    line-height: 1.6;
}

.pgpOpenSansRegular14BlackHeight19 {
    color: #25454c;
    font-size: 14px;
    height: 19px;
    line-height: 1.6;
}

.pgpOpenSansSemibold12Black {
    color: #4a4a4a;
    font-size: 12px;
    height: 22px;
    line-height: 1.8;
}

.pgpOpenSansSemibold12Orange {
    color: #fa9900;
    font-size: 12px;
    height: 17px;
}

.pgpOpenSansSemibold12Grey {
    color: #69727b;
    font-size: 12px;
    height: 17px;
}

.pgpOpenSansSemibold12Silver {
    color: silver;
    font-size: 12px;
    height: 17px;
}

.pgpOpenSansSemibold12White {
    color: #ffffff;
    font-size: 12px;
    height: 30px;
}


.pgpOpenSansSemibold12LightGrey {
    color: #cccccc;
    font-size: 12px;
    height: 17px;
}

.pgpOpenSansSemibold14NoColor {
    font-size: 14px;
    height: 22px;
    line-height: 1.6;
}

.pgpOpenSansSemibold14Orange {
    color: #fa9900;
    font-size: 14px;
    line-height: 24px;
}

.pgpOpenSansSemibold14rgbGrey {
    color: #999999;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    line-height: 24px;
}

.pgpOpenSansSemibold14LighterGrey {
    color: #777;
    font-size: 14px;
    line-height: 22px;
}

.pgpOpenSansSemibold14DarkGrey {
    color: #f2f2f2;
    color: #fafafa;
    font-size: 14px;
    line-height: 22px;
}

.pgpOpenSansSemibold14DarkerGrey {
    color: #999999;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    line-height: 22px;
}


.pgpOpenSansSemibold1414DarkGrey {
    color: #f2f2f2;
    color: #fafafa;
    font-size: 14px;
    line-height: 14px;
}

.pgpOpenSansSemibold14Orange22px {
    color: #fa9900;
    font-size: 14px;
    line-height: 22px;
}

.pgpOpenSansSemibold14Orange22pxHeight16 {
    color: #fa9900;
    font-size: 14px;
    height: 22px;
    line-height: 1.6;
}

.pgpOpenSansSemibold14Black22pxHeight22 {
    color: #6b737a;
    font-size: 14px;
    height: 22px;
    line-height: 1.6;
}


.pgpOpenSansSemibold14LightGrey {
    color: #bec3c8;
    font-size: 14px;
    letter-spacing: 0.9px;
    line-height: 24px;
}

.pgpOpenSansSemibold1414LightGrey {
    color: #bec3c8;
    font-size: 14px;
    line-height: 14px;
}

.pgpOpenSansSemibold14LightGreyHeight22 {
    color: #bec3c8;
    font-size: 14px;
    height: 22px;
    line-height: 1.4;
}


.pgpOpenSansSemibold14Grey {
    color: #6b737a;
    font-size: 14px;
    line-height: 22px;
}

.pgpOpenSansSemibold14VeryLightGrey {
    color: #cccccc;
    font-size: 14px;
    line-height: 22px;
}


.pgpOpenSansSemibold14Black {
    color: #25454c;
    font-size: 14px;
}

.pgpOpenSansSemibold14Green {
    color: green;
    font-size: 14px;
}

.pgpOpenSansSemibold14Grey14 {
    color: #979797;
    font-size: 14px;
    height: 14px;
    line-height: 1.0;
}



.pgpOpenSansSemibold14BlackLH14 {
    color: #25454c;
    font-size: 14px;
    height: 22px;
}

.pgpOpenSansSemibold14BlackLH22 {
    color: #25454c;
    font-size: 14px;
    line-height: 22px;
}


.pgpOpenSansSemibold14Black18px {
    color: #25454c;
    font-size: 18px;
    line-height: 22px;
}

.pgpOpenSansSemibold14Black19px {
    color: #25454c;
    font-size: 14px;
    height: 19px;
}

.pgpOpenSansSemibold14White20px {
    color: #ffffff;
    font-size: 14px;
    height: 20px;
    line-height: 1.4;
}

.pgpOpenSansSemibold14DustyLavender22 {
    color: #c7c3c8;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
}

.pgpOpenSansSemibold14dustylavender {
    color: #bec3c8;
    font-size: 14px;
    font-weight: bold;
}

.pgpOpenSansSemibold16Silver {
    color: #bec3c8;
    font-size: 16px;
    height: 27px;
}

.pgpOpenSansSemibold16Silver {
    color: #fa9900;
    font-size: 16px;
    height: 22px;
}

.pgpOpenSansSemibold18Black {
    color: #25454c;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
}

.pgpOpenSansSemibold18Black24 {
    color: #25454c;
    font-size: 18px;
    height: 24px;
    line-height: 1.3px;
}

.pgpOpenSansSemibold18Silver {
    color: #bec3c8;
    font-size: 18px;
    height: 24px;
    letter-spacing: 1.1px;
}

.pgpOpenSansSemibold18Orange {
    color: #fa9900;
    font-size: 18px;
    height: 24px;
    line-height: 1.3px;
}

.pgpOpenSansSemibold18Black24Height {
    color: #25454c;
    font-size: 18px;
    height: 24px;
}

.pgpOpenSansSemiBold18White {
    color: #ffffff;
    font-size: 18px;
    height: 39px;
}

.pgpOpenSansSemibold20DarkGrey {
    color: #25454c;
    font-size: 20px;
    height: 22px;
    line-height: 1.1;
}

.pgpOpenSansSemibold34DarkGrey {
    color: #25454c;
    font-size: 26px;
    height: 34px;
    line-height: 1.3;
}

.pgpOpenSansSemibold36DarkGrey {
    color: #25454c;
    font-size: 36px;
    height: 50px;
    line-height: 1.4;
}

.pgpOpenSansSemibold26DarkGrey {
    color: #25454c;
    font-size: 26px;
    height: 34px;
    line-height: 1.3;
}

.pgpOpenSansBold10White {
    color: #ffffff;
    font-size: 10px;
}

.pgpOpenSansBold10Grey {
    color: #bec3c8;
    font-size: 10px;
    height: 22px;
    line-height: 2.2;
}

.pgpOpenSansBold14 {
    font-size: 14px;
    line-height: 1.4;
}

.pgpOpenSansBold18Black {
    color: #25454c;
    font-size: 18px;
    line-height: 27px;
}

.pgpOpenSansBold16LightGrey {
    color: #bec3c8;
    font-size: 16px;
    height: 27px;
    line-height: 27px;
}

.pgpOpenSansBold16Grey {
    color: #25454c;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
}

.pgpOpenSansBold16White {
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
}

.pgpOpenSansBold16Black {
    color: black;
    font-size: 16px;
    line-height: 16px;
}

.pgpOpenSansBold16Silver {
    color: #bec3c8;
    color: silver;
    font-size: 16px;
    height: 27px;
    line-height: 1.7;
    width: 237px;
}

.pgpOpenSansBold20Green {
    color: green;
    font-size: 20px;
    height: 27px;
    line-height: 1.7;
}


.pgpOpenSansBold16Green {
    color: green;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
}

.MSLeftNavColor {
    color: #b6cbcf;
    font-size: 10pt;
    font-weight: bold;
}

.pgpOpenSansLightNonBold13 {
    color: #bec3c8;
    font-size: 12pt;
    font-weight: 500;
}

#menu {
    border-left: 1px black;
    min-height: 92%;
    position: absolute;
    right: 0;
    top: 76px;
}

em {
    font-weight: bold;
}


.navbar-inverse {
    background-color: black;
}



    .navbar-inverse .navbar-nav > li > a {
        color: white;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: black;
    }

    .navbar-inverse .navbar-toggle {
        border-color: black;
    }



p.yellow-link > a {
    color: #fa9900;
}

.btn-small {
    padding: 4px 8px;
}

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

.btn-bluebig {
    background: #0033ff;
    border-color: #00098a;
    color: #ffffff;
    height: 36px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

    .btn-bluebig:hover {
        background: #052fda;
        color: #ffffff;
    }

    .btn-bluebig:focus {
        background: #052fda;
        color: #ffffff;
    }


.btn-customerInvoiceEmails {
    background: #337ab7;
    border-radius: 15px;
    color: white;
}
.btn-outline-secondary {
    background-color: transparent;
    border: 1.5px solid #D1D5DB;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-outline-secondary:hover {
    background-color: #F9FAFB;
    border-color: #9CA3AF;
    color: #111827;
}

.btn-outline-secondary:active {
    background-color: #F3F4F6;
    border-color: #6B7280;
}

.btn-outline-white {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-outline-white:hover {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #333333;
    }

    .btn-outline-white:focus {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #333333;
    }

.btn-outline-secondary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary {
    background: #ffc863;
    border-color: #ffc863;
    color: #000000;
    font-weight: 500;
}

    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background: #f0c14b;
        border-color: #ffc863;
        color: #111;
    }

    .btn-primary:hover {
        background-color: #f0c14b;
        border-color: #ffc863;
        color: #000000;
    }

    .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: #f0c14b;
        border-color: #ffc863;
        color: #111;
    }

    .btn-primary:focus, .btn-primary.focus {
        background: #f0c14b;
        border-color: #ffc863;
        color: #111;
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #25454c;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #25454c;
    padding-top: 5px;
}

/*.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #fa9900;
    border-color: #fa9900;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
        background-color: #fa9900;
        border-color: #fa9900;
    }*/


.marginTB20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.marginTB40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.panel-primary > .panel-heading {
    background-color: #fafafa;
    border-color: silver;
    color: black;
}

.serach-box {
    font-size: 16px;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    border: 2px solid #cccccc;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

    .serach-box:focus {
        border-width: 2px;
        border-color: #0066c0;
        outline: 0 none;
    }

.search-container {
    position: relative;
    width: 100%; /* Adjust as needed */
    max-width: 400px; /* optional */
}

.search-box-2 {
    width: 100%;
    padding: 8px 40px 8px 12px; /* extra space on the right for the button */
    border: 1px solid #ccc;
    border-radius: 25px; /* makes it look cleaner */
    font-size: 14px;
}

    .search-box-2:focus {
        border-width: 1px;
        border-color: #0066c0;
        outline: 0 none;
    }

.help-search-box {
    font-size: 14px;
    width: 100%;
    height: 34px;
    padding-left: 10px;
    border: 1px solid #cccccc;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

    .help-search-box:focus {
        border-width: 1px;
        border-color: #999999;
        outline: 0 none;
    }


.Registration-container {
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    border-radius: 2px;
    width: 300px;
    margin: auto;
    overflow: auto;
    text-align: center;
    padding: 28px;
    height: auto;
}

.Registration-MainContainer {
    background-color: white;
    padding: 15px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    position: relative;
    table-layout: fixed;
    width: 600px;
    margin: auto;
}

.registration-footer {
    text-align: right;
    padding-top: 15px;
}

.panel-primary {
    border-color: silver;
}

.progress-bar {
    background-color: #009966;
}

.progress {
    background-color: #bec3c8;
    height: 6px;
    margin-bottom: 0;
    border-radius: 5px;
}

hr {
    background-color: #dddddd;
    border: 0;
    height: 1px;
}

.silverColor {
    color: silver;
}

.silverColorMust {
    color: silver !important;
}

/*.form-control[name="quantityToAdd"] {
   background-color:#ccc ;
}*/

.pgp-search-banner {
    background-color: white;
}

#pgp_left_border {
    border-left: 1px solid silver;
}

.pgp_left_border {
    border-left: 1px solid white;
}

#pgp_right_border {
    border-right: 1px solid silver;
}



.seperatorLeft {
    border-left: 1px solid silver;
}

#pgp_bottom_border {
    border-bottom-color: silver;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0;
}

.pgp_with_silver_border_white {
    background-color: white;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

.pgp_with_silver_border {
    border-color: silver !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.pgp_with_silver_border_Silver {
    background-color: #fafafa;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
}

.pgp_with_border {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 0;
}

.popover.bottom .arrow:after {
    border-bottom-color: #c9071f;
}

.GreyBUtton {
    background-color: #bec3c8;
}

.OrangeButton {
    border-color: #fa9900;
    color: #fa9900;
    text-decoration-color: #fa9900;
}
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url('/path/to/MaterialSymbolsOutlined-Regular.woff2') format('woff2'), url('/path/to/MaterialSymbolsOutlined-Regular.woff') format('woff');
}
@font-face {
    font-family: 'LaneGlyph';
    src: url("../fonts/LaneGlyph.woff") format('woff');
}

.retailModeON, .retailModeON:after {
    content: url("/Content/Images/userAccountIconOrange.png");
}

.retailModeOFF, .retailModeOFF:after {
    content: url("/Content/Images/userAccountIcon.png");
}

.retailModeONSettings {
    color: #fa9900 !important;
}

.retailModeOFFSettings {
    color: white !important;
}


.newImage {
    display: flex;
    vertical-align: middle;
    text-align: center;
    background-color: white;
    padding: 15px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    margin: auto;
    margin-bottom: 12px;
    position: relative;
    width: 200px;
    height: 200px;
}

#mainImage {
    background-color: white;
    border-radius: 2px;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}


    #mainImage:hover {
        border: 1px solid #d3d3d3;
    }

.thumbnail-image {
    cursor: pointer;
    width: 70px;
    height: 70px;
    background-color: white;
    padding: 5px;
    margin-right: 12px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 14px;
    position: relative;
    table-layout: fixed;
}

    .thumbnail-image:hover {
        color: #333333 !important;
        border: 1px solid #d3d3d3;
    }

.thumbnail-image-product-details {
    cursor: pointer;
    height: 30px;
    margin-right: 12px;
}

.Var {
    cursor: pointer;
    min-width: 236px;
    background-color: white;
    padding: 10px 20px 10px 20px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: flex;
    position: relative;
    table-layout: fixed;
    border: 1px solid #ffffff;
}

    .Var:hover {
        color: #333333 !important;
        border: 1px solid #d3d3d3;
    }

.ImageClass {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    margin-right: 15px;
    padding-bottom: 0;
    padding-left: 5px;
}

.brandBox_PariceChange {
    width: 140px;
    height: 140px;
    display: flex;
}

.BrandImageSection {
    max-width: 140px;
    max-height: 90px;
    margin: 25px auto;
}

.BrandImageSection_PariceChange {
    max-width: 120px;
    max-height: 90px;
    margin: 25px auto;
}

#mainImageQuickView {
    background-color: white;
    padding: 10px;
    margin-right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

    #mainImageQuickView:hover {
        border: 1px solid #d3d3d3;
    }

.imgContainerModel {
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: white;
    padding: 5px;
    margin-right: 12px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    margin-bottom: 14px;
    position: relative;
    table-layout: fixed;
    display: flex;
}

    .imgContainerModel:hover {
        border: 1px solid #d3d3d3;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    }

    .imgContainerModel > img {
        max-width: 40px;
        max-height: 40px;
        margin: auto;
        display: flex;
    }



.imgContainer {
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    padding: 3px;
    margin-bottom: 8px;
    border-radius: 2px;
}

    .imgContainer:hover {
        border: 1px solid #d3d3d3;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    }

    .imgContainer > img {
        width: 34px;
        height: 34px;
    }

.ImageBorderClass {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding-bottom: 0;
    padding-left: 1px;
    padding-right: 1px;
}

.Margin5px {
    margin: 5px;
}

.pgp-cart-container {
    bottom: 0;
    font: 0/0 a;
    left: 0;
    right: 0;
    text-align: left; /* Align left inline elements */
    top: 0;
}

.searchFilter {
    background-color: #f2f2f2;
    background-color: #fafafa;
    border-radius: 5px;
    padding: 0;
}

.maincontainer {
    min-height: 85vh;
}


.helveticaFont {
    font-family: Helvetica !important;
}

.login-container {
    min-height: 600px;
    padding-top: 20px;
    text-align: center;
}

.login-container-box {
    background-color: #fafafa;
    border: 1px solid #cccccc;
    width: 600px;
    margin: auto;
    overflow: auto;
    text-align: center;
    padding: 2%;
}

.gray-light {
    color: #e3e3e3 !important;
}

.btn-blue {
    background-color: #0b57d0;
    color: #ffffff;
}

    .btn-blue:hover,
    .btn-blue:focus,
    .btn-blue.focus {
        background-color: #0e4eb5;
        color: #ffffff;
    }

#dash-menu {
    position: static;
    background-color: unset;
    cursor: unset;
}

.profile-box-dashboard {
    display: flex;
    align-items: center;
    padding-right: 32px;
}

.profile-image {
    border-radius: 50%;
    object-fit: cover;
    width: 90px;
    height: 90px;
    border: 3px solid #cccccc;
    background-image: url(../Content/Images/upload_profile_Image.png);
    background-size: 84px;
    background-repeat: no-repeat;
}

.Image-box {
    display: flex;
    vertical-align: middle;
    text-align: center;
    width: 158px;
    height: 158px;
    background-color: #000000;
    margin: auto;
}

.Logo-Uploaded {
    max-width: 120px;
    max-height: 120px;
    margin: auto;
}

.Image-Uploaded {
    max-width: 158px;
    max-height: 158px;
    margin: auto;
}

.Image-Uploaded-thumbnail {
    border-radius: 3px;
    object-fit: cover;
    width: 45px;
    height: 45px;
    border: 1px solid #cccccc;
    cursor: pointer;
    background-color: #f2f2f2;
}

    .Image-Uploaded-thumbnail:hover {
        border-radius: 3px;
        object-fit: cover;
        width: 45px;
        height: 45px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    }

.band-thumbnail {
    border-radius: 50%;
    overflow: hidden;
    height: 60px;
    width: 60px;
    border: 1px solid #cccccc;
    cursor: pointer;
    margin-right: 10px;
}

    .band-thumbnail:hover {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    }


.brand-profile-image {
    border-radius: 50%;
    object-fit: cover;
    transform: scale(2);
    height: 60px;
    width: 60px;
}

    .brand-profile-image:hover {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    }

.profile-image-S {
    border-radius: 50%;
    object-fit: cover;
    width: 45px;
    height: 45px;
    border: 2px solid #cccccc;
    cursor: pointer;
}

    .profile-image-S:hover {
        border-radius: 50%;
        object-fit: cover;
        width: 45px;
        height: 45px;
        border: 2px solid #cccccc;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    }

.profile-imag:hover {
    border-radius: 50%;
    object-fit: cover;
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
    border: 3px solid #000;
}

.pgp-whiteColor {
    color: white;
}

.arrowUpWhite, .arrowUpWhite:after {
    content: url("/Content/Images/ArrowUpWhite.png");
}

.arrowDownWhite, .arrowDownWhite:after {
    content: url("/Content/Images/ArrowDownWhite.png");
}

.arrowUp, .arrowUp:after {
    content: url("/Content/Images/ArrowUp.png");
}

    .arrowUp:hover, .arrowUp:hover:after {
        content: url("/Content/Images/ArrowUpOrange.png");
    }

.arrowDown, .arrowDown:after {
    content: url("/Content/Images/ArrowDown.png");
}

    .arrowDown:hover, .arrowDown:hover:after {
        content: url("/Content/Images/ArrowDownOrange.png");
    }

@font-face {
    font-family: 'open_sansbold_italic';
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/OpenSansFonts/opensans-bolditalic-webfont.eot");
    src: url("/fonts/OpenSansFonts/opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSansFonts/opensans-bolditalic-webfont.woff2") format("woff2"), url("/fonts/OpenSansFonts/opensans-bolditalic-webfont.woff") format("woff"), url("/fonts/OpenSansFonts/opensans-bolditalic-webfont.ttf") format("truetype"), url("/fonts/OpenSansFonts/opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg");
}


@font-face {
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/OpenSansFonts/opensans-semibold-webfont.eot");
    src: url("/fonts/OpenSansFonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSansFonts/opensans-semibold-webfont.woff2") format("woff2"), url("/fonts/OpenSansFonts/opensans-semibold-webfont.woff") format("woff"), url("/fonts/OpenSansFonts/opensans-semibold-webfont.ttf") format("truetype"), url("/fonts/OpenSansFonts/opensans-semibold-webfont.svg#'Helvetica Neue', Helvetica, Arial, sans-serif") format("svg");
}

@font-face {
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/OpenSansFonts/opensans-bold-webfont.eot');
    src: url('/fonts/OpenSansFonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSansFonts/opensans-bold-webfont.woff2') format('woff2'), url('/fonts/OpenSansFonts/opensans-bold-webfont.woff') format('woff'), url('/fonts/OpenSansFonts/opensans-bold-webfont.ttf') format('truetype'), url('/fonts/OpenSansFonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
}

@font-face {
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/OpenSansFonts/opensans-regular-webfont.eot');
    src: url('/fonts/OpenSansFonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSansFonts/opensans-regular-webfont.woff2') format('woff2'), url('/fonts/OpenSansFonts/opensans-regular-webfont.woff') format('woff'), url('/fonts/OpenSansFonts/opensans-regular-webfont.ttf') format('truetype'), url('/fonts/OpenSansFonts/opensans-regular-webfont.svg#open_sansbold') format('svg');
}

/*PGP ICONS*/

@font-face {
    font-family: 'pgpicons';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/pgpicons.eot?kt0iuu');
    src: url('/fonts/pgpicons.eot?kt0iuu#iefix') format('embedded-opentype'), url('/fonts/pgpicons.ttf?kt0iuu') format('truetype'), url('/fonts/pgpicons.woff?kt0iuu') format('woff'), url('/fonts/pgpicons.svg?kt0iuu#pgpicons') format('svg');
}

[class^="icon-"], [class*=" icon-"] {
    -moz-osx-font-smoothing: grayscale;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'pgpicons' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
}

.icon-comment-added:before {
    content: "\e918";
}

.icon-comment-none:before {
    content: "\e919";
}

.icon-cart-full:before {
    content: "\e900";
}

.icon-address-book:before {
    content: "\e901";
}

.icon-no-air:before {
    content: "\e902";
}

.icon-alternate-product:before {
    content: "\e903";
}

.icon-bookmark:before {
    content: "\e904";
}

.icon-cart-empty:before {
    content: "\e905";
}

.icon-closeout:before {
    content: "\e906";
}

.icon-collapse:before {
    content: "\e907";
}

.icon-user:before {
    content: "\e908";
}

.icon-download:before {
    content: "\e909";
}

.icon-upload:before {
    content: "\e90a";
}

.icon-caution:before {
    content: "\e90b";
}

.icon-iclinecard:before {
    content: "\e90c";
}

.icon-image:before {
    content: "\e90d";
}

.icon-clipboard:before {
    content: "\e90f";
}

.icon-bag:before {
    content: "\e910";
}

.icon-sale:before {
    content: "\e911";
}

.icon-settings:before {
    content: "\e912";
}

.icon-california:before {
    content: "\e913";
}

.icon-truck:before {
    content: "\e914";
}

.icon-calendar:before {
    content: "\e916";
}

.icon-info:before {
    content: "\e917";
}

.icon-nut:before {
    content: "\e91a";
}

.icon-note:before {
    content: "\e91b";
}

.icon-box:before {
    content: "\e91e";
}

.icon-trash:before {
    content: "\e921";
}

.WhiteBackGround {
    background-color: white;
}

.panel-default {
    border: none;
    text-decoration: none;
}

.border-right {
    border-right: 1px solid #cccccc;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-bottom: none;
    border-color: #f2f2f2;
    border-color: #fafafa;
    border-radius: 0;
}

.panel-body {
    border-top: none !important;
}

#shoppingcart.panel-default > .panel-heading {
    background-color: white;
}

#shoppingcart {
    border-color: green;
    border-radius: 5px;
    border-width: 1px;
}

td.bordered {
    border-color: #bec3c8 !important;
    border-right: 1px solid #000;
    line-height: 15px;
    padding: 0 10px;
    width: 125px;
}

td.borderednocolour {
    border-color: white !important;
    border-right: 1px solid #000;
    line-height: 15px;
    padding: 0 10px;
    width: 125px;
}

a:-webkit-any-link {
    text-decoration: none;
}

.GreyBackGround {
    background-color: #f2f2f2;
    background-color: #fafafa;
    color: white;
}

.greyDarkBackGround {
    background-color: #f2f2f2 !important;
    background-color: rgb(242, 242, 242) !important;
}

.blueBackGround {
    background-color: #06c !important;
    background-color: rgba(0, 102, 204, 1) !important;
    color: white !important;
}

.panelstyle {
    color: white;
    font-size: 9pt;
    font-weight: bolder;
}

#searchpanelheading {
    color: #666666;
    /*font-family: open_sansbold;
    font-size: 12px;
    line-height: 20px;*/
}

.panel-group {
    margin-bottom: 0;
}


.pagination {
    margin: 0;
}

span.rolloverMinified {
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    cursor: zoom-in;
    height: 70px;
    opacity: 1;
    opacity: 0;
    position: absolute;
    width: 70px;
}

    span.rolloverMinified:hover {
        -moz-box-shadow: 0 0 4px #000;
        -moz-transition-duration: 1s;
        -o-transition-duration: 1s;
        -webkit-box-shadow: 0 0 4px #000;
        -webkit-transition: -webkit-transform 1s;
        box-shadow: 0 0 4px #000;
        opacity: .7;
    }

span.rollover {
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    cursor: zoom-in;
    height: 205px;
    opacity: 1;
    opacity: 0;
    position: absolute;
    width: 205px;
}

.ickonSilver25 {
    color: #cccccc;
    font-size: 25px;
}

span.rollover:hover {
    -moz-box-shadow: 0 0 4px #000;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-box-shadow: 0 0 4px #000;
    -webkit-transition: -webkit-transform 1s;
    box-shadow: 0 0 4px #000;
    opacity: .7;
}

.noUnderLineOnHover:hover {
    text-decoration: none !important;
}

#searchPage .pagination > .active > a,
#searchPage .pagination > .active > a:hover {
    background-color: rgb(100, 100, 100);
    border-color: inherit;
    color: white;
}

#searchPage .pagination > li > a:hover,
#searchPage .pagination > li > a:focus {
    background-color: rgb(100, 100, 100);
    color: white;
}

#searchPage .pagination > li > a,
#searchPage .pagination > li > span {
    border: 0 solid #ddd;
    color: black;
    float: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    line-height: .75;
    margin-left: 0;
    padding: 6px 6px;
    position: relative;
    text-decoration: none;
}


#searchPage .pagination > .disabled > span,
#searchPage .pagination > .disabled > a {
}



#paginationTpl .pagination > li > a,
#paginationTpl .pagination > li > span {
    border: 0 solid #ddd;
    color: #000000;
    font-weight: 400;
    font-size: 13px;
    margin-left: 0;
    text-decoration: none;
    padding: 2px 0 0 0;
}

/*.pagination > .active > a,
.pagination > .active > a:hover {
    background-color: rgb(100, 100, 100);
    border-color: inherit;
}*/
#paginationTpl .paginationSeperator {
    padding-top: 1px !important;
    color: rgb(204, 204, 204) !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#paginationTpl .pagination > .disabled > span,
#paginationTpl .pagination > .disabled > span:hover,
#paginationTpl .pagination > .disabled > a,
#paginationTpl .pagination > .disabled > a:hover,
#paginationTpl .pagination > .disabled > a:focus {
    color: rgb(204, 204, 204);
    text-decoration: none !important;
}

#paginationTpl .pagination > li > a:hover,
#paginationTpl .pagination > li > a:focus {
    color: #000000;
    text-decoration: underline;
}

.input-validation-error {
    border: 1px solid #b12704;
    background-color: #ffeeee;
}


#left {
    float: left;
}

#right {
    float: right;
}

a {
    color: #0066C0;
    text-decoration: none;
    cursor: pointer;
}

    a:visited {
        text-decoration: none;
    }

    a:focus {
        text-decoration: underline;
    }

    a:hover {
        text-decoration: underline;
    }

#pgpGoTopButton > a {
    color: #bec3c8;
    text-decoration: none;
    z-index: 9999;
}

.selectedItems {
    /*background-color: rgb(100, 100, 100);*/
    /*color: black;
    margin: 0px;*/
    /*padding-left: 10px;
    padding-right: 5px;*/

    font-weight: 700 !important;
    font-style: normal;
}

.radio label, .checkbox label {
    padding-left: 25px;
}




.LoginPageAlign {
    text-align: center;
}



.tableHeight {
    max-height: 1100px;
}

.tableHeightPgpSummary {
    max-height: calc(100vh - 295px);
}

.card-info {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
}

.card-gray-padding25-desktop {
    background-color: #fafafa;
    padding: 40px 25px;
    margin-right: 0;
    border: 1px solid #dddddd;
    border-radius: 2px;
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.card-registration {
    background-color: white;
    padding: 40px 40px 40px 0px;
    margin-right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.card-padding40 {
    background-color: white;
    padding: 40px;
    margin-right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.mapBackground {
    padding-top: 30px;
    background-repeat: no-repeat;
    background-size: 600px;
    background-position-x: center;
    background-position-y: 100px;
    background-image: url(../../Content/Images/Map.svg);
    height: 500px;
}

.card-TaxTable {
    background-color: #f2f2f2;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.card-0padding {
    background-color: white;
    border-top: 5px solid #0066c0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.card-Saleflyer {
    background-color: white;
    padding: 40px;
    border-top: 5px solid #0066c0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.card-padding25 {
    background-color: white;
    padding: 25px;
    margin-right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.card {
    background-color: white;
    padding: 16px;
    margin-right: 0;
    border-radius: 10px;
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #dddddd;
}

.card-backorder-combineall {
    background-color: rgba(0, 102, 204, 1);
    padding: 16px;
    margin-right: 0;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    height: 134px;
    width: 100%;
}

.card-backorder-combineall-heading {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
}

.card-backorder-combineall-radio {
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-size: 16px;
    color: #FFFFFF;
}

.card-backorder {
    background-color: #fafafa;
    padding: 16px;
    margin-right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

    .card-backorder:hover {
        background-color: #f2f2f2;
    }

.nb-card {
    height: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    position: relative;
    table-layout: fixed;
    overflow: hidden;
    box-shadow: 0 0 7px rgb(97 97 97 / 17%);
    border-radius: 16px;
}

.card-brand {
    display: table;
    position: relative;
    table-layout: fixed;
}

.card-brand-image {
    background-size: cover;
    background-position: center;
    background-color: #cccccc;
    height: 200px;
    border-radius: 8px;
}
.card-news-image {
    width: 100%;
    height: 200px;
    display: block;
    background-size: contain;
    background-repeat:no-repeat;
    background-position: center;
    background-color: #ffffff;
    overflow: hidden;
    text-align: center;
}

   
.card-brand-content {
    padding: 16px;
    height: 245px;
}

.card-brand-action {
    display: flex;
    column-gap: 16px;
    padding: 16px;
    align-items: center;
}

.brandBox_dashboard {
    height: 60px;
    margin: auto;
    display: flex;
}

.BrandImage_dashboard {
    max-width: 80px;
    max-height: 60px;
    margin: auto 0;
}

.marginzeropaddingzero {
    margin: 0;
    padding: 0;
}

.marginzeropaddingzeromust {
    margin: 0 !important;
    padding: 0 !important;
}

.hline {
    width: 100%;
    height: 1px;
    background: #fff;
    color: red;
}

.tline {
    border-top: 1px solid #ccc;
    cursor: none;
    margin: 0 !important;
    padding: 0 !important;
    cursor: none !important;
}

.mline {
    margin-left: -10px;
    margin-right: -10px;
}


.tooltip.customClass .tooltip-inner {
    background-color: red;
    box-shadow: 0 6px 12px #000000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: white;
}

.tooltip.prodInfoBtn .tooltip-inner {
    background-color: black;
    color: white;
    box-shadow: 5px 5px 5px #444444;
    border-radius: 0;
    width: 400px;
}

.popover {
    width: 800px;
    font-size: 13px;
}

.tooltip.dataInfoBtn .tooltip-inner {
    background-color: white;
    color: black;
    box-shadow: 5px 5px 5px #444444;
    border-radius: 0;
}

.tooltip.prodCallToOrderInfoBtn .tooltip-inner {
    background-color: black;
    color: white;
    box-shadow: 5px 5px 5px #444444;
    border-radius: 0;
    width: 600px;
}

.tooltip.customClassInfo .tooltip-inner {
    background-color: black;
    box-shadow: 0 6px 12px #000000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: white;
}

.tooltip.customFreightClassInfo .tooltip-inner {
    background-color: black;
    box-shadow: 0 6px 12px #000000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: white;
    text-align: left;
    padding: 10px;
}

.tooltip.customClassSucess .tooltip-inner {
    background-color: green;
    box-shadow: 0 6px 12px #000000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: white;
}

.tooltipBlackArrow .tooltip.top .tooltip-arrow {
    border-top-color: #000000 !important;
}

.tooltipBlackArrow .tooltip-inner {
    max-width: 300px !important;
    text-align: justify !important;
}

.greenBorder {
    border-color: green;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 10px;
}

.itemDisabled {
    border-radius: 15px;
    padding: 0px 10px;
    cursor: pointer;
    color: #e8e1e1 !important;
    background-color: #fafafa !important;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.itemEnabled {
    border-radius: 15px;
    padding: 0px 10px;
    cursor: pointer;
    color: #000 !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.SelectedOption {
    border-radius: 15px;
    margin-bottom: 10px;
    border: 1px solid #003366;
    background-color: #0066C0 !important;
    color: #ffffff !important;
}

.orangeBorder {
    border-radius: 15px;
    margin-bottom: 10px;
    border: 3px solid #0066C0;
}

.brownBorder {
    border-color: #f2f2f2;
    border-color: #fafafa;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 10px;
}

.silverBorder {
    border-color: silver;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}

.LightGreyBackGround {
    border-color: #e8e8e8 !important;
    border-color: rgba(232, 232, 232, 1) !important;
}

.BlueMust {
    color: blue !important;
}

.BlackMust {
    color: black !important;
}

.LightBueColorMust {
    color: #93cfff;
}

.Green {
    color: #006621;
}

.White {
    color: white;
}

.WhiteAlways {
    color: white !important;
}

.Grey {
    color: rgb(100, 100, 100);
}

.DarkGreyAlaways {
    color: black !important;
}

.Orange {
    color: #fa9900;
}

.Red {
    color: Red;
}


.Radius5 {
    border-radius: 5px;
}

.Radius15 {
    border-radius: 15px;
}

.Radius2 {
    border-radius: 3px;
}

.FixedFontSize {
    font-size: 10px !important;
}

.marginLeftRight {
    margin-left: 15px;
    margin-right: 0;
}

.marginLeft5 {
    margin-left: 5px;
}

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

.marginLR20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-auto {
    margin: auto;
}

.marginTB-auto {
    margin: auto 0;
}

.padding30 {
    padding: 30px;
}

.width-fill-available {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.Special-Sale-Description {
    background-color: #ffffff;
    width: 400px;
    padding: 40px;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.168627450980392);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.168627450980392);
    z-index: 1;
}

.Special-Sale-Description-2 {
    padding: 40px;
    width: 40%;
    z-index: 1;
}

.Special-Sale-Description-Slider {
    position: absolute;
    top: 0;
    padding: 40px;
    width: 400px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.salesIcon {
    height: 21px;
    width: 21px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.SaleTitle-2 {
    font-size: 32px;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    padding-top: 20px;
}

.SaleTitle {
    border-top: 1px solid #dddddd;
    padding-top: 16px;
    line-height: normal;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    margin-top: 16px;
}

.yellow-tag {
    color: #ffc445;
}

.red-tag {
    color: #db2e17;
}

.blue-tag {
    color: #1a82ec;
}

.purple-tag {
    color: #890d74;
}

.Special-Sale-Madness {
    margin: 20px 0px;
    background-color: #ffffff;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 6px;
    border-left-width: 0px;
    border-bottom-color: #ffcc33;
    border-style: solid;
    border-radius: 5px;
    padding: 0px;
}

.Special-Sale-Madness-2 {
    margin: 20px 0px;
    background-color: #ffffff;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 6px;
    border-left-width: 0px;
    border-bottom-color: #ffcc33;
    border-style: solid;
    border-radius: 5px;
    padding: 0px;
    background-image: url(https://www.msprodimages.com/MadnessSaleImages/MadnessSaleBanner1.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.Special-Sale-Madness-Slider {
    margin: 20px 0px;
    background-color: #000000;
    padding: 0px;
}

.Special-Sale-Unbelievable {
    margin: 20px 0px;
    background-color: #ffffff;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 6px;
    border-left-width: 0px;
    border-bottom-color: #c31865;
    border-style: solid;
    border-radius: 5px;
    padding: 0px;
}

.Special-Sale-Closeout {
    margin: 20px 0px;
    background-color: #ffffff;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 6px;
    border-left-width: 0px;
    border-bottom-color: #077FEF;
    border-style: solid;
    border-radius: 5px;
    padding: 0px;
}

.Special-Sale-Items {
    width: 840px;
    padding: 20px 20px 20px 0px;
    z-index: 0;
    background-color: #eeeeee;
    -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.168627450980392);
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.168627450980392);
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.Special-Sale-Demo {
    background-color: #ffcc33;
    width: 380px;
    border-width: 0px;
    border-color: rgba(204, 153, 102, 1);
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    padding: 20px 30px 10px 30px;
    margin: auto;
}



.table-sale {
    border: 1px solid #dddddd;
    text-align: left;
    cursor: pointer;
    width: 33.3%;
    padding: 15px 8px;
}

    .table-sale:hover {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    }

.table-DataExport {
    text-align: left;
    padding: 15px;
    cursor: pointer;
    width: 25%;
}

    .table-DataExport:hover {
        background-color: #f2f2f2;
    }

.SaleTag {
    line-height: 22px;
    padding-left: 8px;
}

    .SaleTag:hover {
        text-decoration: underline;
    }

.catalog-thumbnail:hover {
    /*text-decoration: underline;*/
}

.catalog-thumbnail-image {
    background-color: #f2f2f2;
    height: 130px;
    width: 130px;
    border-radius: 65px;
    border: 1px solid #f2f2f2;
}


.hot-rod {
    background-image: url(https://www.msprodimages.com/Catalogs/thumbnail-images/Hot-Rod.png);
}

    .hot-rod:hover {
        background-image: url( https://www.msprodimages.com/Catalogs/thumbnail-images/Hot-Rod_mouseover.png);
    }

.cricle-track {
    background-image: url(https://www.msprodimages.com/Catalogs/thumbnail-images/Circle-Track.png);
}

    .cricle-track:hover {
        background-image: url( https://www.msprodimages.com/Catalogs/thumbnail-images/Circle-Track_mouseover.png);
    }

.drag-racing {
    background-image: url(https://www.msprodimages.com/Catalogs/thumbnail-images/Drag-Racing.png);
}

    .drag-racing:hover {
        background-image: url( https://www.msprodimages.com/Catalogs/thumbnail-images/Drag-Racing_mouseover.png);
    }

.engine-builder {
    background-image: url(https://www.msprodimages.com/Catalogs/thumbnail-images/Engine-Builder.png);
}

    .engine-builder:hover {
        background-image: url( https://www.msprodimages.com/Catalogs/thumbnail-images/Engine-Builder_mouseover.png);
    }

.late-model-muscle {
    background-image: url(https://www.msprodimages.com/Catalogs/thumbnail-images/Late-Model-Muscle.png);
}

    .late-model-muscle:hover {
        background-image: url( https://www.msprodimages.com/Catalogs/thumbnail-images/Late-Model-Muscle_mouseover.png);
    }

.open-wheel {
    background-image: url(https://www.msprodimages.com/Catalogs/thumbnail-images/Open-Wheel.png);
}

    .open-wheel:hover {
        background-image: url( https://www.msprodimages.com/Catalogs/thumbnail-images/Open-Wheel_mouseover.png);
    }

.truck {
    background-image: url(https://www.msprodimages.com/Catalogs/thumbnail-images/Truck.png);
}

    .truck:hover {
        background-image: url( https://www.msprodimages.com/Catalogs/thumbnail-images/Truck_mouseover.png);
    }

.Image-70 {
    background-color: #dddddd;
    width: 70px;
    height: 70px;
}

.Btn-closeout {
    position: absolute;
    bottom: 40px;
    height: 40px;
    border-radius: 1px;
    cursor: pointer;
    padding: 0px 20px;
    background-color: #077FEF;
    color: #ffffff;
}

    .Btn-closeout:hover {
        background-color: #0258A8;
        color: #ffffff;
    }

.Btn-purple {
    position: absolute;
    bottom: 40px;
    height: 40px;
    border-radius: 1px;
    cursor: pointer;
    padding: 0px 20px;
    background-color: #8A0074;
    color: #ffffff;
}

    .Btn-purple:hover {
        background-color: #730261;
        color: #ffffff;
    }

.Btn-yellow {
    height: 40px;
    border-radius: 1px;
    cursor: pointer;
    padding: 0px 20px;
    background-color: #FFCC33;
}

    .Btn-yellow:hover {
        background-color: #DBB428;
    }

.Btn-black {
    color: #ffffff;
    background-color: #000000;
}

    .Btn-black:hover {
        background-color: #000000;
        color: #ffffff;
    }

.Btn-blue-dark {
    color: #ffffff;
    background-color: #002a48;
}

    .Btn-blue-dark:hover {
        background-color: #003f6c;
        color: #ffffff;
    }

.Btn-white {
    border: 1px solid #fff;
    line-height: 37px;
    height: 40px;
    width: fit-content;
    width: -moz-fit-content;
    border-radius: 1px;
    cursor: pointer;
    padding: 0px 10px;
    display: flex;
    color: #ffffff;
}

    .Btn-white:hover {
        background-color: #ffffff;
        color: #002a48;
    }

    .Btn-white:focus {
        text-decoration: none;
    }

.MoreOptionsTag {
    display: flex;
    align-items: center;
}

.rowequalall {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}

.paddingright {
    padding-right: 5px;
}

/*.form-control:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-box-shadow: none !important;
    border-color: #fa9900;
    border-width: 1.5px;
    box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    outline: 0;
}*/

.MSDarkBoldveryBig {
    color: #25454c;
    font-size: 26px;
    font-weight: 700;
}


.greenColor {
    color: Green;
}

.greenColor-light {
    color: #1cad1c;
}

.lightBlackColor {
    color: #000000;
}

.textDecortationRemoval {
    text-decoration: none !important;
}

.greyOnHover {
    background-color: #fafafa;
}

.cat-level2-item {
    text-decoration: none;
    color: #000;
}

.cat-level2:hover .cat-level2-item {
    text-decoration: underline;
}

/* Optional: also underline when focused via keyboard */
.cat-level2:focus .cat-level2-item,
.cat-level2:focus-within .cat-level2-item {
    text-decoration: underline;
}

.cat-level2 {
    cursor: pointer;
    margin-bottom: 8px;
}


.blackOnHover:hover {
    color: #000000 !important;
}

.marginLRZero {
    margin-left: 0;
    margin-right: 0;
}

.marginLRN10 {
    margin-left: -10px;
    margin-right: -10px;
}

.required label:after {
    color: red;
    content: "  *";
    display: inline;
    right: -.6em;
    top: 0;
}

/*Suresh added*/

.MSLightBoldBig {
    color: #bec3c8;
    font-size: 15pt;
    font-weight: bold;
}

.pgp-checkbox {
    height: 16px;
    width: 16px;
}

.pgp-textbox {
    height: 40px;
    width: 275px;
}

.pgp-textboxfullwidth {
    width: 100%;
}

.MSLightBoldHeader {
    color: rgb(120, 120, 120);
    font-size: 12px;
    font-weight: bold;
}



.alligncenter {
    align-items: center;
    display: flex;
    justify-content: center;
}

.sortorder:after {
    color: silver;
    content: '\25b2';
}

.sortorder.forward:after {
    color: silver;
    content: '\25bc';
}

.silverBorder1px {
    background-color: #fafafa;
}

.pgpSmallButton {
    padding: 1px;
    width: 95px;
}

.btn-note {
    width: 199px !important;
    height: 20px !important;
    color: #666666;
    padding: 2px;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-width: 1px !important;
    border-style: solid;
    border-radius: 3px;
}

.pgpPaddingRight10 {
    padding-right: 10px;
}

.pgpPaddingRight15 {
    padding-right: 15px;
}

.pgpPaddingRight20 {
    padding-right: 20px;
}

.paddingRight25 {
    padding-right: 25px;
}

.marginRightN10 {
    margin-right: -10px;
}

.marginRightP10 {
    margin-right: 10px;
}

.pgpPaddingRL5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mediumButton {
    line-height: 0.22857143 !important;
}

.btn-search {
    padding: 0 16px;
    line-height: 32px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    font-size: 16px;
    height: 40px;
}

.btn-search-2 {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    color: #555;
    padding: 0;
}

    .btn-search-2:hover {
        color: #000;
    }

.pgpDrop li:hover {
    background-color: white;
    color: white;
}

.pgpDropOrange li:hover {
    background-color: orange;
    color: white;
}


.MSSemiBolddropdownhover {
    font-size: 10pt;
    font-weight: 600;
}

#pgpButton.btn {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

#single-button.btn {
    color: #ffffff;
    font-size: 18px;
}

#quantityToAdd.form-control {
    color: #000000;
    height: 39px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: left;
}

.toggleViewImg {
    height: 17px;
    width: 21px;
    margin-left: 15px;
    cursor: pointer;
}

#displayPrice {
    font-size: 16px;
    text-align: left;
    color: #000000;
    width: 40%;
}

.cartInfo {
    color: #009966;
    font-size: 12px;
}

/*#single-button.btn {
    color: #ffffff;
     
    font-size: 14px;
     height: 34px;
}

#quantityToAdd.form-control {
    color: #6b737a;
    font-family: "'Helvetica Neue', Helvetica, Arial, sans-serif";
    font-size: 14px;
    height: 34px;
    width: 65px!important;
}*/





/* turn it off completely */

/*select:active, select:hover {
  outline: none
}*/

/* make it red instead (with with same width and style) */

select:active, select:hover {
    outline-color: red !important;
}

.dropdown-menu {
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-size: 14px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    overflow: hidden;
    width: -moz-max-content; /* Firefox */
    width: -webkit-max-content; /* Chrome, Safari */
    width: max-content; /* Standard */
}



#pgpdropdownMenu.form-control {
    border: 0;
    border-radius: 4px;
    box-shadow: inset 0 0 0 #000000;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
}

#pgpdropdownMenu.dropdown button:hover {
    background-color: orange;
}

#pgpdropdownMenuWhiteSmoke.form-control {
    background-color: WhiteSmoke;
    border: 0;
    border-radius: 4px;
    box-shadow: inset 0 0 0 #000000;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
}

#pgpdropdownMenuWhiteSmoke.dropdown button:hover {
    background-color: orange;
}


#inputQuantityRequired.input-sm {
}


.typeahead-demo .custom-popup-wrapper {
    background-color: #fafafa;
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
}

    .typeahead-demo .custom-popup-wrapper > .message {
        border-bottom: 1px solid #ddd;
        color: #868686;
        padding: 10px 20px;
    }

    .typeahead-demo .custom-popup-wrapper > .dropdown-menu {
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        display: block;
        float: none;
        min-width: 160px;
        position: static;
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: orange;
}

.dropdown-menu > li > a {
    clear: both;
    color: #777;
    display: block;
    font-weight: normal;
    line-height: 2.2;
    padding: 0px;
    white-space: nowrap;
}

    .dropdown-menu > li > a > div {
        background-color: white;
        clear: both;
        display: block;
        font-weight: 800;
        line-height: 2.0;
        padding: 3px 0;
        pointer-events: none;
        white-space: nowrap;
    }

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    scrollbar-arrow-color: bisque;
}

    .scrollable-menu::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 10px;
    }

    .scrollable-menu::-webkit-scrollbar-thumb {
        -webkit-box-shadow: 0 0 1px #ffffff;
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .75);
        background-color: #fa9900;
        border-color: aqua;
        border-radius: 8px;
    }

/*testing*/

table {
    border-collapse: collapse;
    width: 100%;
    border-color: #dddddd;
}

th, td {
    padding: 8px;
    text-align: left;
}

tr:nth-child(even) {
    background-color: white;
}

.element.style {
    background-color: white;
    padding: 0;
}

thead.element.style {
    background-color: black !important;
    padding: 0;
}

.semi-transparent-button1 {
    background-color: #fdbd39;
    border: #fdbd39;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 20px;
    /*margin-bottom: 100%;*/
    font-weight: lighter;
    height: 65px;
    letter-spacing: 1.6px;
    margin-right: 15%;
    padding: 5px;
    text-decoration: none;
    width: 350px;
}

.semi-transparent-button2 {
    background-color: #fdbd39;
    border: #fdbd39;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-family: 'OpenSans', sans-serif;
    font-size: 20px;
    /*margin-bottom: 100%;*/
    font-weight: lighter;
    height: 50px;
    margin-right: 15%;
    padding: 5px;
    text-decoration: none;
    width: 100%;
}

.semi-transparent-button1:hover,
.semi-transparent-button1:focus,
.semi-transparent-button1:active, .semi-transparent:focus {
    background: #fff;
    color: #000;
    outline: none;
}

.is-blue1 {
    background: #1e348e; /* fallback color for old browsers */
    background: rgba(255, 153, 0, 1);
}

    .is-blue1:hover,
    .is-blue1:focus,
    .is-blue1:active {
        background: #ff9900;
        background: rgba(255, 153, 0, 1); /* fallback color for old browsers */
    }

.text-danger {
    color: #e91e1e !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: 'OpenSans', sans-serif !important;
}

.text-warning {
    color: rgb(250, 117, 0) !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: 'OpenSans', sans-serif !important;
}

.pgp-textboxLogin {
    height: 50px;
    width: 350px;
}

.forgotpassword {
    color: #c8cf2d;
    text-decoration: none;
}

.MSSemiBoldLogin {
    color: #25454c;
    font-size: 8pt;
    font-weight: 600;
}

.MSSBoldRedLogin {
    color: darkred;
    font-size: 9pt;
    font-weight: 600;
}

.login-formcontrol {
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    background-color: #fff;
    background-image: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    color: #555;
    display: block;
    font-size: 17px;
    height: 50px;
    line-height: 1.42857143;
    padding: 6px 12px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 350px;
}



.login-formcontrolNew {
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    background-color: #fff;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857143;
    padding: 6px 5px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 100%;
}



.tabLogin {
    background-color: #bec3c8;
}

.pgpPadding15px {
    padding: 15px;
}

.marginLeftN15 {
    margin-left: -15px;
}

.marginLeftP15 {
    margin-left: 15px;
}

.marginRightP15 {
    margin-right: 15px;
}

.marginRightP5 {
    margin-right: 5px;
}




.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: #bec3c8 !important;
    border-color: #bec3c8 !important;
}



#blackLink {
    color: black;
}



table.floatThead-table {
    -moz-box-shadow: inset 0 0 10px 10px #f2f2f2;
    -moz-box-shadow: inset 0 0 10px 10px #fafafa;
    -webkit-box-shadow: inset 0 0 15px 3px #f2f2f2;
    -webkit-box-shadow: inset 0 0 15px 3px #fafafa;
    background-color: white;
    border-bottom: 2px;
    border-top: none;
    box-shadow: inset 0 0 10px 2px #f2f2f2;
    box-shadow: inset 0 0 10px 2px #fafafa;
}

table.table.dataTable.floatThead-table {
    margin-top: 0 !important;
}


.pgp-textboxpopup {
    height: 30px;
    width: 360px;
}

.pgpOpenSansbuttonEnable {
    background-color: #fa9900;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #fa9900;
    color: white;
}

    .pgpOpenSansbuttonEnable.disabled, .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: #e6e6e6;
        border-color: #adadad;
        color: #000000;
    }

.MSSemiReadonly {
    color: #bec3c8;
    font-family: OpenSans-Semibold;
    font-size: 12px;
    height: 17px;
    width: 99px;
}




.btn-gray {
    background-color: #fafafa;
}

.pgpOpenSansBoldBlackConfirmLogin {
    color: #574751;
    color: maroon;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
}


#pgpDataExportsDropDownMenu.form-control {
    height: 44px;
}

#pgpDataExportsInputText.form-control {
    height: 44px;
}

#pgpNoteInputText.form-control {
    height: 44px;
}

.pgpTransparentButtonHeading {
    background-color: white;
    border-bottom-style: solid;
    border-color: #fa9900;
    border-width: 2px;
    color: orange;
    height: 44px;
    margin: 5px;
}

.pgpTransparentButtonHeadingSelected {
    background-color: white;
    border-bottom-style: solid;
    border-color: #9d9d9d;
    border-width: 2px;
    color: #9d9d9d;
    height: 44px;
    margin: 5px;
}

.vertical-text {
    margin: 5px;
    transform: rotate(90deg);
    transform-origin: left;
}

.pgpTransparentButtonHeader {
    background-color: #fa9900;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #fa9900;
    color: white;
    height: 44px;
    letter-spacing: 5px;
}

.pgpDisabledButton {
    background-color: #999;
    border-color: #999;
    color: #bec3c8 !important;
    cursor: no-drop;
}

.pgpTransparentButtonHeaderSelected {
    background-color: #999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #999;
    color: white;
    height: 44px;
    letter-spacing: 5px;
}



.pgpTransparentButton {
    background-color: #fa9900;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #fa9900;
    color: white;
    height: 44px;
}

    .pgpTransparentButton.disabled, .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: #e6e6e6;
        border-color: rgb(0 0 0 / 5%);
        color: rgb(0 0 0 / 50%);
    }

.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid orange;
    border-radius: 0 0 0 0;
    font-size: 14px;
    line-height: 22px;
}



#pgp_left_border1 {
    border-left: 1px solid silver;
}



.pgpOpenSansSemibold8WarmGrey {
    color: #9b9b9b;
    font-size: 12px;
}

.pgpOpenSansSemibold14WarmGrey {
    color: #9b9b9b;
    font-size: 14px;
    letter-spacing: 0.9px;
    line-height: 24px;
}

.pgpOpenSansSemibold14WarmGrey24 {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 24px;
}

.pgpOpenSansSemibold14WarmGrey24_14 {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 14px;
}


.hyperlinkColour {
    color: #fa9900;
}


#rotate {
    -moz-transform: rotate(270deg); /* Firefox */
    -ms-transform: rotate(270deg); /* IE 9 */
    -o-transform: rotate(270deg); /* Opera */
    -webkit-transform: rotate(270deg); /* Safari and */
    height: 44px;
    margin-top: 240px;
    width: 260px;
}

#antirotate {
    -moz-transform: rotate(90deg); /* Firefox */
    -ms-transform: rotate(90deg); /* IE 9 */
    -o-transform: rotate(90deg); /* Opera */
    -webkit-transform: rotate(90deg); /* Safari and */
}

    #antirotate.badge {
        background-color: #FFFFFF;
        color: #25454c;
    }



#rotate.button {
    cursor: pointer;
    letter-spacing: 4px;
    min-height: 60px;
    outline: 0;
    padding: 4px 8px;
}

.ExcelTableFieldHeaderRow {
    background-color: #bec3c8;
    color: #25454c;
    font-size: 14px;
    text-align: center;
}

.ExcelTableFieldDataRow {
    background-color: white;
    color: #bec3c8;
    font-size: 14px;
    text-align: center;
}

.ExcelTableFormationCol {
    background-color: #eeeeee;
    color: #f2f2f2;
    color: #fafafa;
    font-size: 14px;
    height: 20px;
    text-align: center;
    width: 15px;
}

.ExcelTableFormationRow {
    background-color: #eeeeee;
    color: #f2f2f2;
    color: #fafafa;
    font-size: 16px;
    height: 20px;
    text-align: center;
    width: 25px;
}

#fixedTableContent {
    -ms-overflow-x: auto; /* IE8 */
    min-width: 920px;
    overflow: hidden;
    overflow-x: auto;
}

#fixedTableContentHeight {
    -ms-overflow-y: auto; /* IE8 */
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
}

#cartNavmenu {
    overflow-x: hidden;
    left: initial !important;
}

.cartClose {
    background-color: #fa9900 !important;
    border-radius: 5px;
    color: white;
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}

.cartOpen {
    border-radius: 0;
    color: white;
    float: right;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}

.showPointer {
    cursor: pointer;
}

.showDefaultCursor {
    cursor: default;
}

.cursorNoDrop {
    cursor: no-drop;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTopP25 {
    margin-top: 25px !important;
}

.marginTopP20 {
    margin-top: 20px !important;
}
/*Style the DIV*/

.parentDiv .box {
    border: 1px solid #ccc;
    float: left;
    margin: 2px;
    padding: 5px;
    text-align: center;
    width: 100px;
}

/*Fade all the DIV when user hovers on any div*/

.parentDiv:hover .childDiv {
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    filter: alpha(opacity=45);
    opacity: 0.45;
    transition: opacity .5s ease-in-out;
    zoom: 1;
}

/*Fade out the particular DIV when user hover on that DIV*/

.parentDiv .childDiv:hover {
    border-color: silver;
    box-shadow: 3px 3px 15px #666;
    /*background: #C76C0C;*/
    color: #fff;
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
    /*Opacity*/
    zoom: 1;
}

.pointer {
    cursor: pointer;
}

.fade {
    opacity: 1;
}

    .fade.ng-enter {
        -webkit-transition: all .6s ease;
        transition: all .6s ease;
    }

    .fade.ng-enter {
        opacity: .00;
    }

    .fade.ng-enter-active {
        opacity: 1;
    }

    .fade.ng-leave {
        display: none;
    }

.imageBox {
    position: relative;
}

    .imageBox .hoverImg {
        display: none;
        left: 0;
        position: absolute;
        top: 0;
    }

    .imageBox:hover .hoverImg {
        display: block;
    }

    .imageBox .hoverImg .pgplogo {
        height: 18px;
        width: 55px;
        background-repeat: no-repeat;
        padding-bottom: 3px;
    }

    .imageBox .imageInn .pgplogo {
        height: 30px;
        background-repeat: no-repeat;
    }

.invisible {
    color: white !important;
}

.allignRight {
    left: auto !important;
    margin-right: 0 !important;
    right: 0 !important;
}

.dropdown-menu > li#highlight > a:hover {
    background-color: #fa9900;
    text-decoration: none !important;
}

.dropdown-menu > li > a#cartAddRow.cartButtonHeadingAnchor:hover {
    text-decoration: none !important;
    cursor: pointer;
    /*-webkit-box-shadow: inset 0 0 0 1px #4b4040;
    -moz-box-shadow: inset 0 0 0 1px #4b4040;
   box-shadow: inset 0 0 0 1px #4b4040;*/
    /*background-color: inherit!important;*/
    color: inherit !important;
    text-decoration: none;
}




.clearBorder {
    padding: 0 !important;
    border: 1px solid silver !important;
    border-color: silver;
    margin: 0 !important;
    width: 50% !important;
    height: 19px;
}



.clearBorder100 {
    padding: 0 !important;
    border: 1px solid silver !important;
    border-color: silver;
    margin: 0 !important;
    width: 100% !important;
    height: 19px;
}

.pgpSmallGreyBtn {
    color: #666666;
    background-color: #fafafa;
    height: 24px;
    padding: 2px;
    border-color: #ccc;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

.greyButton {
    width: 200px;
    height: 30px;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    text-align: center;
    line-height: normal;
    background-color: #fafafa;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 3px;
}

    .greyButton:hover, div.dropdown.open > .greyButton {
        background-color: rgba(228, 228, 228, 1) !important;
        border: 1px solid rgba(204, 204, 204, 1) !important;
        color: #000000 !important;
    }

.pgpSmallGreyBtn:hover {
    color: white !important;
    background-color: #fa9900 !important;
    border-color: #fa9900;
}

.pgpSetGreyButton {
    background-color: #fafafa !important;
    border-color: #ccc !important;
}

    .pgpSetGreyButton:hover {
        background-color: #fafafa !important;
        border-color: #ccc !important;
    }

.lightGreyBtn {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 2px;
    height: 25px;
    color: #000000;
    width: 100%;
}

    .lightGreyBtn:hover {
        background-color: #fafafa;
    }

.greyBtn {
    background-color: #fafafa;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 3px;
    width: 100%;
}

    .greyBtn:hover {
        border: 1px solid rgba(204, 102, 0, 1) !important;
    }

.btn-small-short {
    height: 20px;
    width: 96px;
    border-radius: 3px;
    font-size: 12px;
    padding: 0px;
    background-color: #fafafa;
    box-shadow: none;
    border: 1px solid #cccccc;
}

.pgpSmallGreyBtn11 {
    background-color: #fafafa;
    height: 24px;
    padding: 2px;
    border-color: #ccc;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: none;
}

.SmallBtn-PH {
    font-size: 12px;
    background-color: #f5f5dc;
    height: 24px;
    padding: 2px;
    border: 1px solid #ccc;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: none;
    width: 199px !important;
    height: 20px !important;
    color: #000000;
    box-sizing: border-box;
    border-radius: 3px;
}

    .SmallBtn-PH:hover {
        background-color: #f9f9dc;
    }



.pgpSmallGreyBtn12 {
    background-color: #b3e6e6 !important;
    border: 1px solid #66cccc !important;
    box-shadow: none;
}

    .pgpSmallGreyBtn12:hover {
        background-color: #a3e0e0 !important;
        border: 1px solid #66cccc !important;
    }

.pgpSmallGreyBtn13 {
    background-color: #cce6cc !important;
    border: 1px solid #99cc99 !important;
    box-shadow: none;
}

    .pgpSmallGreyBtn13:hover {
        background-color: #b7dbb7 !important;
        border: 1px solid #99cc99 !important;
    }

.pgpSmallGreyBtn14 {
    border-radius: 2px;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    text-align: center;
    color: #666666;
    background-color: #fafafa;
    height: 20px;
    width: 60px;
    padding: 2px;
    border-color: #ccc;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: none;
}

.pgpSmallGreyBtn15 {
    background-color: #FFFFCC !important;
    border: 1px solid #CCCC99 !important;
    box-shadow: none;
}

    .pgpSmallGreyBtn15:hover {
        background-color: #FFFF99 !important;
        border: 1px solid #CCCC99 !important;
    }

.btn-Add-onSale {
    width: 199px;
    height: 20px;
    color: #000000;
    padding: 2px;
    border-color: #ccc;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-width: 1px !important;
    border-style: solid;
    border-radius: 3px;
    background-color: #ffe6b4 !important;
    border: 1px solid #e6ccb4 !important;
    box-shadow: none;
    font-size: 12px;
}

    .btn-Add-onSale:hover {
        background-color: #ffdb96 !important;
        border: 1px solid #e6ccb4 !important;
    }

.pgpSmallGreyBtn21 {
    background-color: #fda00d !important;
    border: 1px solid #666666 !important;
    box-shadow: none;
}

    .pgpSmallGreyBtn21:hover {
        background-color: #de931b !important;
        border: 1px solid #333333 !important;
    }



.pgpSmallGreyLabel {
    display: block;
    cursor: pointer;
}

.newAddressRow.form-group, .addressListRow .form-group {
    margin-bottom: 0;
}

.li {
    padding: 10px;
}

#pgpButton.div.ul.li.ng-scope {
    padding: 10px;
}

.errorcode {
    color: #b12704;
}

.successcode {
    color: green;
}

.warningcode {
    color: #fa9900;
}

.colouredPanelBottom {
    border-bottom: 4px solid #4fc1bd;
}

.colouredBorder {
    border: 4px solid #4fc1bd;
}

.WhiteBackGround {
    background-color: white;
    color: black;
}

.pgppanelheading {
    color: black;
    font-size: 12px;
    line-height: 20px;
    background-color: white;
}

#listPanelHeading {
    background-color: #fafafa;
    background-color: rgb(249, 249, 249);
}

    #listPanelHeading .panel-heading {
        padding: 15px 10px;
    }

#whitePanelHeading.panel-default > .panel-heading {
    background-color: white;
}



#LightPanelHeading.panel-default > .panel-heading {
    background-color: rgb(228, 228, 228);
}

#listPanelHeading > div > div.panel-body {
    padding: 0 !important;
}


#detailsPanelHeading.panel-default > .panel-heading {
    background-color: white;
    padding: 0 !important;
}

.heading {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 14px !important;
    color: #666666 !important;
}

.paddingTop0 {
    padding-top: 0px;
}

.paddingTop10 {
    padding-top: 10px;
}

.padding5 {
    padding: 5px !important;
}

.paddingTop10Must {
    padding-top: 10px !important;
}

.paddingTop15 {
    padding-top: 15px !important;
}

.paddingTop40 {
    padding-top: 40px;
}

.paddingTop60 {
    padding-top: 60px;
}

.paddingTop80 {
    padding-top: 80px;
}

.pLinkBlue {
    color: #0099FF !important;
    text-decoration: underline !important;
    text-decoration: none !important;
}

.marginRZero {
    margin-right: 0 !important;
}


.tAlignCenter {
    text-align: center !important;
}

.tAlignLeft {
    text-align: left !important;
}

.paddingLeft25 {
    padding-left: 25px !important;
}

.paddingBtm15 {
    padding-bottom: 15px;
}

.paddingBtm5 {
    padding-bottom: 5px;
}

.paddingTB8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.paddingBtm0 {
    padding-bottom: 0px !important;
}

.paddingBtm16 {
    padding-bottom: 16px;
}

.paddingR50 {
    padding-right: 50px;
}

.poInputGroup {
    border-bottom: 1px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
    border-top: 1px solid rgb(204, 204, 204);
    height: 28px;
    padding: 0 10px;
    background-color: #f2f2f2;
    background-color: #fafafa;
}

.termsPrintMainHeading {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 24px !important;
    color: #000000 !important;
    line-height: normal !important;
    text-align: left !important;
}

.termsPrintText {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #000000 !important;
    line-height: normal !important;
    text-align: left !important;
}

.sectionheading {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #000000;
}

.paddingTopBtm8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.sectionLightHeading {
    color: #666666;
    text-align: left;
}

.sectionNormalHeading {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 14px;
    color: #000000 !important;
}

.sectionLightHeading2 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.sectionLightHeading3 {
    font-weight: 400;
    font-style: normal;
    color: #C9C9C9;
    text-align: left;
}

.sectionLightHeading4 {
    font-style: normal;
    font-size: 20px;
}

.sectionBoldHeading5 {
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    color: black;
}

.sectionLightHeading6 {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
}

.sectionLightHeading7 {
    font-weight: 400;
    font-style: normal;
    text-align: left;
    color: #000000;
    font-size: 13px;
}

.sectionLightHeading8 {
    font-style: normal;
    font-size: 20px;
}

.sectionBoldHeading9 {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
}

.sectionGreyHeading9 {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    white-space: nowrap;
}

.sectionGreySmall10 {
    font-style: normal;
    font-size: 11px;
    text-align: center;
    color: #fafafa;
}

.sectionBoldHeading11 {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
}

.height35 {
    height: 35px !important;
}

.height30 {
    height: 30px !important;
}

.borderBLR {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.sectionBoldHeading12 {
    font-style: normal;
    font-size: 18px;
    color: #F2F2F2;
}

.sectionLightHeading13 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #F2F2F2;
}

.sectionBoldHeading14 {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
}

.sectionLightHeading15 {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #999999;
}

.sectionLightHeading16 {
    font-style: normal;
    font-size: 12px;
    color: #006621;
    text-align: left;
}

.sectionLightHeading17 {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #b12704;
    text-align: left;
}

.sectionBoldHeading18 {
    font-weight: 700;
    font-style: normal;
    text-align: left;
    font-size: 13px;
}

.sectionLableHeading19 {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
}

.sectionBoldHeading20 {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    color: rgb(51, 51, 51);
}

.sectionLightHeading21 {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: rgb(153, 153, 153);
}

.sectionLightHeading22 {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: rgb(102, 102, 102) !important;
}

.sectionDarkHeading23 {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #009900;
}

.sectionDarkHeading24 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: left;
}

.sectionDarkHeading25 {
    font-style: normal;
    font-size: 28px;
    color: rgb(102, 102, 102);
}

.sectionDarkHeading26 {
    font-weight: 700;
    font-style: normal;
    text-align: right;
    color: #000000;
    font-size: 13px;
}

.sectionDarkHeading27 {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    text-align: right;
    color: #000000;
}

.sectionLightGeading28 {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
}

.sortable {
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-right: 16px;
}

    .sortable:after {
        content: "⇅";
        font-size: 12px;
        color: #bbb;
        position: absolute;
        right: 4px;
    }

    .sortable.asc:after {
        content: "▲";
        color: #333;
    }

    .sortable.desc:after {
        content: "▼";
        color: #333;
    }

#helpMenu > li {
    background-color: transparent !important;
    width: 100%;
}

    #helpMenu > li.active > a {
        color: #000000 !important;
        background-color: #eeeeee;
        padding-left: 10px;
        border-radius: 0;
        border-left: 5px solid #0066C0
    }

    #helpMenu > li.active .menuRight18 {
        color: #000000 !important;
    }

    #helpMenu > li > a {
        border: 0px;
        padding: 10px 0px;
    }

        #helpMenu > li > a:hover {
            background-color: transparent;
            color: #000000;
            text-decoration: underline;
        }

        #helpMenu > li > a:focus {
            background-color: #eeeeee;
            color: #000000;
        }

    .disabled-tab a {
        pointer-events: none;
        opacity: 0.5;
        cursor: not-allowed;
    }

.sectionLightGeading29, #settingsList a {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
}

.sectionLightGeading29a, #settingsList a {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #666666;
}

.sectionLightHeading30 {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
}

.sectionBoldHeading31 {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    text-align: left;
}

.sectionLightHeading32 {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    text-align: left;
}

.sectionLightHeading33 {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #666666;
}

.sectionLightHeading34 {
    font-weight: 400;
    font-style: normal;
    color: #666666;
    font-size: 13px;
}

.sectionLightHeading35 {
    font-weight: 400;
    font-style: normal;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}

.sectionLightHeading36 {
    font-weight: 400;
    font-style: normal;
    color: #999999;
    font-size: 13px;
    line-height: 18px;
}

.paymentList {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid silver;
    margin: 0;
    display: block;
}

.paymentList2 {
    padding-top: 20px;
    padding-bottom: 0;
    margin: 0;
    display: block;
}

.sectionErrorHeading34 {
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #b12704;
}

.sectionErrorHeading35 {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #000000;
}

.sectionErrorHeading36 {
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    text-align: left;
    color: #000000;
}

.sectionErrorHeading37 {
    font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: #D7D7D7;
}

.sectionHeading39 {
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    color: #000000;
    line-height: normal;
}

.sectionHeading40 {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #999999;
}

.sectionHeading41 {
    font-style: normal;
    font-size: 12px;
    color: #999999;
}

.sectionHeading42 {
    font-style: normal;
    font-size: 11px;
    color: #999999;
}

.sectionHeading43 {
    font-style: normal;
    font-size: 16px;
    text-align: left;
}

.sectionHeading44 {
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
}

.makeBold {
    font-weight: 700 !important;
}

.sectionHeading45 {
    font-style: normal;
    font-size: 12px;
    text-align: left;
}

.sectionHeading46 {
    font-style: normal;
    font-size: 14px;
}

.sectionHeading47 {
    font-style: normal;
    font-size: 11px;
}

.sectionHeading49 {
    font-style: normal;
    font-size: 13px;
    color: rgb(153, 153, 153);
}

.sectionHeading50 {
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    text-align: left;
}

.orderDetailsHeading {
    font-weight: 200 !important;
    font-style: normal !important;
    font-size: 28px !important;
    text-align: left;
    color: #000000 !important;
    line-height: normal !important;
}

.rolesettingsBtn {
    padding: 6px;
    width: 28px;
    height: 28px;
    background: inherit;
    background-color: rgba(249, 249, 249, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 3px;
    margin-top: 8px;
}

    .rolesettingsBtn:hover {
        background-color: rgba(51, 51, 51, 1);
    }

.orderSummaryFontSmallGray {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #666666;
}

.orderSummaryFontSmallDark {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 13px !important;
    color: #000000 !important;
    line-height: normal !important;
}

.orderSummaryFontSmallBold {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 13px !important;
    color: #000000 !important;
    line-height: normal !important;
}

.grayOnHover:hover {
    color: #666666 !important;
}

.paddingRight8 {
    padding-right: 8px !important;
}

.selectBox {
    height: 22px !important;
    width: 220px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 3px !important;
}

.selectBox25 {
    height: 25px !important;
    width: 220px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 3px !important;
}

.selectBoxNoWidth {
    height: 22px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 3px !important;
}

.selectIntervalBox {
    height: 22px !important;
    width: 100px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 3px !important;
}

.inputBox {
    width: 240px !important;
    height: 25px !important;
}

.inputBoxNoWidth {
    height: 25px !important;
}

.lineheightone {
    line-height: 1 !important;
    height: 26px !important;
    padding: 1px 2px !important;
}

.inputSelectBox {
    width: 60px !important;
    height: 22px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

/*#uploadDate >th,td {
    padding: 2px !important;
}*/




.CLOSEOUT {
    background-color: rgb(185,225,254);
    border: 1px solid #91c0e2;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 5px;
}

    .CLOSEOUT:hover {
        background-color: #aeddff;
    }

.NEW {
    background-color: rgb(255,220,103);
    border: 1px solid #CCCC99;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.FEATURED {
    background-color: #fa9900;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.MADNESS {
    background-color: #fa5100;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.SALE {
    background-color: #b12704;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.LASTCHANCESALE {
    background-color: #b12704;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.TEMPORARYSALE {
    background-color: #b12704;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.PROP65 {
    background-color: #f38b06;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.PARTSFORSHOLD {
    background-color: black;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.BLACKLISTEDPRODUCTS {
    background-color: black;
    border: 1px solid #CCCC99;
    color: red !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.EXTENDEDINFO {
    background-color: #eeeeee;
    border: 1px solid #CCCC99;
    color: #666666 !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.SURVEY {
    background-color: #cccc99;
    border: 1px solid #CCCC99;
    color: #996666 !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.DASHBOARDBANNER {
    background-color: black;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.PRODUCTRESOURCES {
    background-color: #695252;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.PRODUCTRESOURCEONLY {
    background-color: #695252;
    border: 1px solid #dddddd99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.SALEFLYERSETUP {
    background-color: #da8578;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.REBATEFORCUSTOMER {
    background-color: rgb(102,102,149);
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.FREQUENTLYBOUGHTTOGETHER {
    background-color: rgb(102, 149, 131);
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.ADDONPRODUCTS {
    background-color: rgb(112, 149, 102);
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.REBATEFORDEALER {
    background-color: rgb(179,104,103);
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.RebateDetails {
    background-color: rgb(241,241,241);
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}


.ANALOGOUSTERMS {
    background-color: #443d3c;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.ANALOGOUSPRODUCTS {
    background-color: #443d3c;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}



.EFC {
    background-color: #337ab7;
    border: 1px solid #102be8;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.NOTE {
    background-color: #FFFFCC !important;
    border: 1px solid #CCCC99;
    color: #666666 !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.BRANDPRICECHANGE {
    background-color: #3c763d;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}

.CUSTOMSALEPAGE {
    background-color: deeppink;
    border: 1px solid #CCCC99;
    color: white !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 11px;
}


.orderSummaryFontHeading {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 11px !important;
    color: #000000 !important;
    line-height: normal !important;
    background-color: #f2f2f2;
    background-color: #fafafa !important;
    padding-bottom: 6px !important;
    padding-top: 5px !important;
    border-bottom: 3px solid #999999;
    border-top: 1px solid #999999;
}

.orderMainHeading {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #000000 !important;
    line-height: normal !important;
}

.paddingTopBtm10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingTopBtm5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.orderSummaryLine {
    margin-top: 6px;
    margin-bottom: 8px;
    background-color: #ccc !important;
}



#sectionDescription > a {
    color: #666666;
    text-decoration: none;
}

    #sectionDescription > a:hover {
        color: #fa9900 !important;
        text-decoration: none !important;
    }

#sectionDescription1 > a {
    color: #000000;
    text-decoration: none;
}

    #sectionDescription1 > a:hover {
        color: #fa9900 !important;
        text-decoration: none !important;
    }

.blueColor {
    color: rgb(22, 155, 213);
}

    .blueColor:hover {
        color: rgb(224, 98, 36);
    }

.lightblack1Color {
    color: #666666;
}

.lightblack2Color {
    color: rgb(102, 102, 102);
}

.lightblack3Color {
    color: rgb(51, 51, 51);
}

.cartButtonHeading {
    font-weight: 400;
    font-style: normal;
    color: #000000;
    font-size: 13px;
}

.sectionMessageHeading {
    font-style: normal;
    font-size: 20px;
    color: #666666;
    text-align: left;
}

.dropdown-menu > li > #cartAddRow.a:hover {
    background-color: white !important;
}

.cartButtonHeadingAnchor {
    padding: 12px 8px;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
}

    .cartButtonHeadingAnchor:hover {
        background-color: #f2f2f2;
    }

.cartButtonHeadingAnchorRow1 {
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
}

.cartButtonHeadingAnchorRow2 {
    padding: 1px 4px;
    background-color: #0066C0;
    font-size: 11px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 4px;
    display: inline-block;
    line-height: normal;
}

a:-webkit-any-link {
    text-decoration: none;
}

.cartAddHeading {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #666666;
    background-color: #f2f2f2;
    background-color: #fafafa;
    margin: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid black;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.vAlignMiddle {
    vertical-align: middle !important;
}

.vAlignTop {
    vertical-align: top !important;
}

.mustredcolor {
    color: #b12704 !important;
}

.mustgreencolor {
    color: #009900 !important;
}

.greycolor {
    color: #666666 !important;
}

.updateButton {
    font-size: 12px;
    text-align: center;
    padding: 0px 12px;
    height: 28px;
}

.resetButton {
    background-color: #eee;
    color: #000000;
    font-size: 12px;
    padding: 0px 12px;
    height: 28px;
}

.dropdownMenu1 {
    display: inline;
    width: 150px;
    height: 20px;
    font-family: ArialMT, Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: rgb(102, 102, 102);
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.dropdownMenu2 {
    display: inline;
    width: 120px !important;
    height: 22px;
    font-family: ArialMT, Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.dropdownMenu3 {
    display: inline;
    width: 50px !important;
    height: 22px;
    font-family: ArialMT, Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.viewByDropDown2 {
    display: inline;
    width: 90px;
    height: 18px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000000;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.viewByDropDown {
    display: inline;
    width: 90px;
    height: 18px;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.marginLeftRightZero {
    margin-left: 0;
    margin-right: 0;
}

.paddingLeftZero {
    padding-left: 0 !important;
}

.paddingLeftRightZero {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.marginLeft10 {
    margin-left: 10px;
}

.paddingRightZero {
    padding-right: 0 !important;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft15 {
    padding-left: 15px;
}

.paddingRightZeroLeft25px {
    padding-right: 0 !important;
    padding-left: 25px;
}

#cartQuantityToAdd.form-control {
    width: 49px;
    height: 20px;
    padding: 2px !important;
    font-size: 13px !important;
    line-height: .5;
    border-radius: 3px;
}

.grey999 {
    color: #999999 !important;
}

.paddingBtm10 {
    padding-bottom: 10px !important;
}

.paddingTop25 {
    padding-top: 25px !important;
}

.paddingTop20 {
    padding-top: 20px !important;
}

.modal-title {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    white-space: nowrap;
}


#addressBookModalHeader.modal-header {
    padding: 15px;
    background-color: #fafafa;
    border-bottom: 4px solid rgb(204, 204, 204);
}

#termsAndConditionPrintPage {
    padding: 0;
}

#termsModalHeader {
    height: 53px;
    padding-left: 23px;
    padding-right: 23px;
    background-color: #f2f2f2;
    background-color: #fafafa;
    border-bottom: 4px solid rgb(204, 204, 204);
}

#termsModalFooter {
    height: 57px;
    padding: 15px 23px;
    text-align: right;
    border-top: 1px solid #cccccc;
    border-top: 1px solid rgba(204, 204, 204, 1);
    background-color: #f2f2f2;
    background-color: #fafafa;
}

#termsModalBody {
    height: 410px;
    padding: 23px;
}

#termsMenuItems {
    height: 100%;
    width: 172px;
}

    #termsMenuItems.nav.nav-tabs > li {
        padding: 0;
        height: 26px;
    }

.termsContent {
    background-color: #f2f2f2;
    background-color: #fafafa;
    height: 280px;
    padding: 10px 10px 10px 10px;
    overflow-y: auto;
}

#termsMenuItems.nav.nav-tabs > li > a {
    padding: 0 0 0 10px;
    height: 26px;
    font-weight: 400;
    font-style: normal;
    color: #666666;
    text-align: left;
    font-size: 13px;
    line-height: 26px;
    cursor: pointer;
    margin: 0;
}

#termsMenuItems.nav.nav-tabs > li.active > a {
    background-color: #f2f2f2;
    background-color: #fafafa;
    color: rgb(0, 0, 0);
    font-weight: bold;
    border: none;
    border-radius: 0;
}

#termsMenuItems.nav.nav-tabs > li > a.active:hover, #termsMenuItems.nav.nav-tabs > li.active:hover > a {
    color: rgb(0, 0, 0);
    font-weight: bold;
    background-color: #f2f2f2;
    background-color: #fafafa;
}

#termsMenuItems.nav.nav-tabs > li > a:hover {
    font-weight: bold;
    color: rgb(224, 98, 36);
    border: none;
    background-color: transparent;
    border-radius: 0;
}

#termsMenuItems.nav.nav-tabs {
    border: none !important;
}
/*#termsMenuItems > div {
    height: 25px;
}*/
.tabs-left > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs {
    float: left;
}


.termsMenu1 {
    font-weight: 400;
    font-style: normal;
    color: #666666;
    text-align: left;
    font-size: 13px;
    line-height: normal;
    cursor: pointer;
}

    .termsMenu1:hover {
        font-weight: bold;
        color: rgb(224, 98, 36);
    }

.termsInfo {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    line-height: normal;
}

.termsContent {
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #000000;
    line-height: normal;
    word-wrap: break-word;
    text-align: left;
}

.dataExportModelFooter {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #bec3c8;
    background-color: #f2f2f2;
    background-color: #fafafa;
}


.cartModelFooter, .customModalFooter {
    padding: 15px 0px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #f2f2f2;
    background-color: #fafafa;
}

.retail-logo {
    width: 160px;
    height: 65px;
    color: #333333;
}

.borderRadius15 {
    border-radius: 15px !important;
}

.borderRadius3 {
    border-radius: 3px !important;
}

.borderRadius5 {
    border-radius: 5px !important;
}

.borderRadius5Btm {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.borderRadiusZero {
    border-radius: 0 !important;
}



.addressModalFooter {
    padding: 15px;
    padding-top: 0;
    border-top: 1px solid #cccccc;
    border-top: 1px solid rgba(204, 204, 204, 1);
    background-color: #f2f2f2;
    background-color: #fafafa;
}

.deleteAddressFooter {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #cccccc;
    border-top: 1px solid rgba(204, 204, 204, 1);
    background-color: #f2f2f2;
    background-color: #fafafa;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.modalFooter {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #cccccc;
    background-color: #fafafa;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.width120 {
    width: 120px;
}

.width175 {
    width: 175px;
}

.width200 {
    width: 200px;
}



.customModalFooter {
    background-color: #f2f2f2;
    background-color: #fafafa;
    padding: 10px !important;
}

.borderLeftLine, .borderLeftLine td {
    border-left: 1px solid #dddddd !important;
}

.borderTopLine, .borderTopLine td {
    border-top: 1px solid #dddddd !important;
}

.fontbold666 {
    font-weight: bold !important;
    color: #666666 !important;
}

.borderBtmLine, .borderBtmLine td {
    border-bottom: 1px solid #f2f2f2 !important;
}

.line-divider-bottom {
    border-bottom: 1px solid #dddddd !important;
}
.line-divider-middle {
    border-bottom: 1px solid #dddddd !important;
    margin-top:16px;
    margin-bottom:16px;
}

.borderBtmLineThick {
    border-bottom: 3px solid #dddddd !important;
}

.borderBtmDarkLineThick {
    border-bottom: 3px solid #999999 !important;
}

.borderRightLine {
    border-right: 1px solid #eeeeee !important;
}

.border1Dark {
    border: 1px solid #cccccc !important;
}

.btnCartOptions {
    background-color: #ffffff;
    width: auto;
    height: 30px;
    border: 1px solid #cccccc;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 3px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #000000;
    text-align: center;
    padding: 0 10px;
}

.marginB16 {
    margin-bottom: 16px;
}

.marginR8 {
    margin-right: 8px;
}

.marginB40 {
    margin-bottom: 40px;
}

.marginB80 {
    margin-bottom: 80px;
}

.marginR10 {
    margin-right: 10px;
}

.marginLeft0 {
    margin-left: 0;
}

.marginLeft0Must {
    margin-left: 0 !important;
}

.equalColHeight {
    display: flex !important;
    flex-wrap: wrap !important;
}

.lineHeight22 {
    line-height: 22px !important;
}

.lineHeight24 {
    line-height: 24px !important;
}

.btnCartCheckOutSmall {
    height: 45px;
    width: 45px;
    background-image: url("/Content/Images/Review.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.sendToPrinter select, .sendToPrinter select:active, #startDateText1, #endDateText1 {
    border-color: #abafb2;
    border-color: rgba(153, 153, 153, 0.8);
}


.btnCartCheckout {
    border: 5px solid white;
    height: 74px;
    width: 74px;
    background-image: url("/Content/Images/CartCheckOutIckon.png");
    background-position: center;
    background-repeat: no-repeat;
}

.btnCartDelete {
    border: 5px solid white;
    height: 74px;
    width: 74px;
    background-image: url("/Content/Images/DeleteCart.png");
    background-position: center;
    background-repeat: no-repeat;
}



/*.btnCartSmall {
    border: 2px solid white;
    height: 45px;
    width: 45px;
    background-image: url("/Content/Images/CartIcon22.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}*/

div.dropdown.open > button .cartSpan, div.bToolsDropdown.open > button, div.admDropdown.open > button, div.categoriesDropDown.open > button {
    color: #000000;
    font-weight: 500;
}


#cartsBtn button:hover {
    background-color: transparent;
}

div.dropdown.open > button #slidingCart, div.dropdown.open > button #slidingCart:after {
    content: url("/Content/Images/cartIconOrange.png");
}



.ProductNote {
    border: 1px solid #CCC;
    background-color: #ffffcc;
    background-color: rgba(255, 255, 204, 1);
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bordertop-Light {
    border-top: 1px solid #f2f2f2;
}

.displayNone {
    display: none;
}

#slideCart {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
    border-width: 0;
    border-radius: 0;
}

.orderHistoryBtn {
    height: 25px;
    width: 88px;
}

.brandListBtn {
    height: 25px;
    width: 95px;
}

.noBorderBtm {
    border-bottom: 0 !important;
}

.btnCartAdd {
    background-color: #f2f2f2;
    background-color: #fafafa;
    border: 5px solid #ddd;
    height: 74px;
    width: 74px;
    background-position: center;
    background-repeat: no-repeat;
}



    .btnCartAdd:hover {
        background-color: #f2f2f2;
        background-color: #fafafa;
    }

.cartArrow1 {
    width: 25px;
    height: 13px;
    background-image: url("/Content/Images/CartArrow1.png");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin-top: 5px;
    margin-left: 3px;
    /*display:none;*/
}

.cartArrow2 {
    width: 59px;
    height: 32px;
    background-image: url("/Content/Images/CartArrow2.png");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin-left: 2px;
    margin-top: -7px;
}

.cartHoverArrow2 {
    position: absolute;
    top: -32px; /* arrow height */
    left: 50%;
    transform: translateX(-25%);
    width: 59px;
    height: 32px;
    background-image: url("/Content/Images/CartArrow2.png");
    background-repeat: no-repeat;
    background-position: center;
}

.cart-po-tooltip {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 60px; /*55px*/
    left: 10%; /*50%*/
    transform: translateX(-50%);
    background: #fff;
    color: #333;
    padding: 8px 8px;
    /*border: 1px solid #333;*/
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
}

.yourCartsHeader {
    font-style: normal;
    font-size: 21px;
    padding-top: 15px;
    margin: 0;
    padding-bottom: 15px;
    min-height: 60px;
}

.yourOrdersHeader {
    font-style: normal;
    font-size: 21px;
    padding-top: 10px;
    margin: 0;
    padding-bottom: 0;
}

.yourCartsHeader1 {
    font-size: 16px;
    border-left: solid 1px #ccc;
}

.yourCartsBarLine2 {
    min-height: 74px;
}



.yourOrdersBarLine2 {
    min-height: 14px;
    margin: 0;
}

.yourCartsBarCartDiv {
    width: 231px;
    padding-left: 0;
    position: relative;
}


.yourCartsBarCartDiv1 {
    padding-left: 0;
    padding-right: 0;
}

.yourCartsBarCartText1 {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.cartsIcon {
    width: auto;
    padding-left: 0;
    padding-right: 10px;
}

.yourCartsBarCartText2 {
    margin-top: 5px;
    font: normal 14px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.yourCartsBarCartText4 {
    font: normal 13px;
    font-weight: 400;
}

.yourCartsBarCartText4 {
    font: normal 13px;
    font-weight: 400;
}

.yourCartsBarCartText5 {
    font: normal 13px;
    font-weight: 400;
}

.yourCartsBarNewCartDiv {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}




.yourOrdersBarContainer {
    margin: auto;
    min-height: 135px;
}

.yourUploadBarContainer {
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    min-height: 10px;
}



.yourCartsBarHeaderPanel {
    background-color: white;
    min-height: 129px;
    overflow: hidden;
    white-space: nowrap;
}

.yourOrderBarHeaderPanel {
    background-color: white !important;
    min-height: 135px;
    overflow: hidden;
    white-space: nowrap;
}

.yourUploadBarHeaderPanel {
    background-color: white !important;
    min-height: 15px;
    overflow: hidden;
    white-space: nowrap;
}

.menuBarIconTag {
    width: 23px;
    height: 23px;
    margin-top: 4px;
}

.menuBarIconOrder {
    width: 23px;
    height: 25px;
    margin-top: 3px;
}

.menuBarIconCart {
    width: 27px;
    height: 26px;
    margin-top: 2px;
}

    .menuBarIconCart:hover {
        color: orange;
    }

.topRightMenuRow3 {
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    color: #CCCCCC;
    overflow: hidden;
    white-space: nowrap;
}

.email_dashboard {
    color: #33bfff;
}

.track_dashboard {
    border: 1px solid #0066c0;
    color: #0066c0;
    border-radius: 20px;
    font-size: 11px !important;
    padding: 0px 7px;
    cursor: pointer;
    margin-left: 8px;
}

    .track_dashboard:hover {
        border: 1px solid #0066c0;
        background-color: #0066c0;
        color: #ffffff;
    }

.font13Must {
    font-size: 13px !important;
}

.font_white {
    color: #ffffff !important;
}

.font_black {
    color: #000000 !important;
}

.password-wrapper {
    position: relative;
    width: 100%;
}

.password-wrapper input {
    padding-right: 40px;
}

input.ng-touched.ng-invalid {
    background-color: #f2dede;
    border: 1px solid #dc3545;
}

.toggle-password {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
}

.toggle-password:hover {
    color: #000;
}

.checkbox-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.checkbox-text {
    margin: 0;
}

.font_gray {
    color: #ababab;
}

.font13Must-white {
    font-size: 13px !important;
    color: #fff;
}

    .font13Must-white:hover {
        font-size: 13px !important;
        color: #fff;
        text-decoration: underline;
    }


.font14Must {
    font-size: 14px !important;
}

.font12Must {
    font-size: 12px !important;
}

.marginTBZero {
    margin-top: 0;
    margin-bottom: 0;
}

.paddingTop5 {
    padding-top: 5px;
}

.fold {
    position: relative;
    padding: 16px;
    padding-bottom: 1px;
    padding-top: 1px;
    background: #c2c2c2;
    /*border: 1px solid silver;*/
}

    .fold:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-style: solid;
        border: 0 solid black;
        border-width: 0 50px 50px 0;
        border-color: #ddd white;
        transition: all ease .50s;
    }

    .fold:hover:before {
        border-width: 0 80px 80px 0;
        border-color: #eee white;
    }

#coveringRow.row, .marginLR0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.quickadd {
    background-color: #ffffff;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-radius: 3px 3px 0 0;
}

#orderSummary .row, #orderDetails .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#addressLetter {
    padding-top: 25px;
}

.height40 {
    height: 40px !important;
}

.height45 {
    height: 45px !important;
}

.addressValidationError {
    border-color: #b12704 !important;
    background-color: #ffdede !important;
    background-color: rgba(255, 222, 222, 1) !important;
}

.filterLetter {
    float: left;
    padding-left: 6px;
    padding-right: 6px;
}

.sortLetter {
    float: left;
    padding-left: 4.5px;
    padding-right: 4.5px;
}

    .sortLetter a, .filterLetter a {
        text-decoration: none;
        cursor: pointer;
        color: #999999;
        text-align: center;
    }

.currentlySelected {
    border-bottom: 4px solid #0099ff !important;
    border-bottom: 4px solid rgba(0, 153, 255, 1) !important;
    padding-bottom: 8px;
    color: black !important;
}

.vAlignCenter {
    vertical-align: middle !important;
}

.margin0 {
    margin: 0 !important;
}

.vAlignCenterParent {
    display: flex !important;
    justify-content: center;
}

.vAlignCenterChild {
    align-self: center;
}

#sortByRow {
    padding: 11px 15px 11px 15px;
    text-align: left;
    border-bottom: 1px solid #cccccc;
    border-bottom: 1px solid rgba(204,204,204,1);
    background-color: #f2f2f2;
    background-color: #fafafa;
}

.sortSection {
    padding: 15px 0;
    text-align: left;
    border-bottom: 3px solid #cccccc;
    border-bottom: 3px solid rgba(204,204,204,1);
}

.addressListRow {
    margin: 0;
    display: block;
}


#addressListModalFooter, #newAddressModalFooter {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.newAddressRow {
    padding: 7px 0;
    text-align: right;
}

.fullWidthaddressInput {
    width: 100%;
}

.addressInputLabel {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
}

#addressList {
    padding-left: 0px;
}

    #addressList input[type="radio"] {
        margin-top: 0;
        vertical-align: top;
    }

.addressInputColumn {
    padding-left: 0;
    padding-right: 0;
}

.paddingRight0 {
    padding-right: 0;
}

.paddingRight10Must {
    padding-right: 10px !important;
}

.paddingRight0Must {
    padding-right: 0 !important;
}

.paddingRight70 {
    padding-right: 70px !important;
}

.paddingRight60 {
    padding-right: 60px !important;
}

.alignLeft {
    text-align: left;
}

.Helvetica200 {
    font-style: normal;
    font-size: 12px;
    color: #999999;
}

.Helvetica200Must {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #999999 !important;
    line-height: normal !important;
}

.sF {
    font-weight: 200 !important;
    word-wrap: break-word !important;
    font-style: normal !important;
    font-size: 13px !important;
    text-align: left !important;
    color: #333333 !important;
    line-height: 20px !important;
    padding: 5px 20px 5px 35px !important;
    margin: 0 !important;
}

/*.newAddressRow input[type="text"],.newAddressRow input[type="number"] {
    border: 1px solid #999999;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.newAddressRow input[type="text"]:focus,.newAddressRow input[type="number"]:focus {
    border: 1px solid #999999;
}*/
.newAddressInputBox {
    border: 1px solid #cccccc;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 2px;
    color: rgb(0, 0, 0);
}



.Up, .Up:after {
    content: url("/Content/Images/up.png");
}

.Down, .Down:after {
    content: url('/Content/Images/S2.png');
    /*transform: rotate(270deg);*/
}

.BigUp {
    content: url("/Content/Images/BigS2.png");
    background-image: url("/Content/Images/BigS2.png");
    background-repeat: no-repeat;
}

    .BigUp:after {
        content: url("/Content/Images/BigS2.png");
        background-repeat: no-repeat;
    }

.BigDown {
    content: url('/Content/Images/Up1.png');
    background-image: url("/Content/Images/Up1.png");
    background-repeat: no-repeat;
    /*transform: rotate(270deg);*/
}

    .BigDown:after {
        content: url('/Content/Images/Up1.png');
        background-repeat: no-repeat;
    }

.BigUp1 {
    content: url("/Content/Images/downcart.png");
    background-image: url("/Content/Images/downcart.png");
    background-repeat: no-repeat;
}

    .BigUp1:after {
        content: url("/Content/Images/downcart.png");
        background-repeat: no-repeat;
    }

.BigDown1 {
    content: url('/Content/Images/upcart.png');
    background-image: url("/Content/Images/upcart.png");
    background-repeat: no-repeat;
}

    .BigDown1:after {
        content: url('/Content/Images/upcart.png');
        background-repeat: no-repeat;
    }

.modalHeight {
    min-height: 500px;
    padding-left: 30px;
    padding-right: 30px;
}

.marginBottomhr {
    margin-bottom: 10px;
}

.marginBtmP25 {
    margin-bottom: 25px;
}

.marginBtmP30 {
    margin-bottom: 30px;
}

.marginBtm60 {
    margin-bottom: 60px;
}

.marginBtm20 {
    margin-bottom: 20px;
}

#tableBordered.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd !important;
}

#tableBordered1.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#tableBordered2.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#cartSettingsModalBody input, #cartModalBody input {
    height: 28px !important;
}

.cartSelectList {
    height: 25px !important;
    border-radius: 2px;
    padding: 2px !important;
}

.paddingR5 {
    padding-right: 5px;
}

.displayFlex {
    display: flex !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: -webkit-box;
    display: -moz-box;
}

.displayFlexWrap {
    flex-flow: wrap;
    display: -webkit-flex !important;
    display: -webkit-box;
    display: -moz-box;
}

.marginLR0Must {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.displayInlineFlex {
    display: inline-flex !important;
}

.marginTop8 {
    margin-top: 8px !important;
}

.alignCenterFlex {
    align-self: center;
}

#dataExportTable {
    margin-bottom: 0;
}

    #dataExportTable th {
        vertical-align: middle;
        cursor: pointer;
        height: 29px !important;
    }

#orderHistoryTable {
    border-bottom: 4px solid #cccccc;
    border-top: 0;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 0;
}

    #orderHistoryTable th {
        color: rgb(102, 102, 102) !important;
        border-right: 1px solid #ddd !important;
        vertical-align: middle;
        cursor: pointer;
        height: 29px !important;
    }




#brandsTable {
    border-bottom: 4px solid #cccccc;
    border-top: 0;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 0;
}

    #brandsTable th {
        color: rgb(102, 102, 102) !important;
        vertical-align: middle;
        cursor: pointer;
        height: 29px !important;
    }



.paddingTB0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.paddingTB15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.paddingLR0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.paddingLR5 {
    padding-left: 5px;
    padding-right: 5px;
}

.paddingLR25 {
    padding-left: 25px;
    padding-right: 25px;
}

.paddingLR25Must {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.padding25Must {
    padding: 25px !important;
}

.padding40Must {
    padding: 40px !important;
}


.padding40 {
    padding: 40px;
}


.padding20 {
    padding: 20px;
}

.paddingRight30 {
    padding-right: 30px;
}

.fontSize20 {
    font-size: 20px !important;
}

.marginLeftN30 {
    margin-left: -30px;
}




.dataExportModalWidth .modal-dialog .modal-content, .dataExportModalWidth .modal-dialog {
    width: 855px !important;
}



.cartModalWidth .modal-dialog .modal-content, .cartModalWidth .modal-dialog {
    width: 770px !important;
}




.subscriptionModalWidth .modal-dialog {
    width: 1160px !important;
}

#tableBordered.table > tbody > tr > td, #tableBordered1.table > tbody > tr > td {
    padding: 5px;
    line-height: 1.42857143;
    border-bottom: 1px solid #ddd !important;
    vertical-align: top;
}

#tableBordered.table > tbody > tr > td, #tableBordered2.table > tbody > tr > td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    line-height: 1.42857143;
    border-bottom: 1px solid #ddd !important;
    vertical-align: top;
}

#LineItemsTable > thead > tr > th, #BackOrderLineItemsTable > thead > tr > th {
    padding-left: 10px !important;
}

#customerListItemsTable {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}

    #customerListItemsTable > thead > tr > th {
        border-bottom: 0;
        background-color: rgba(228, 228, 228, 1);
        padding: 5px 10px !important;
    }

    #customerListItemsTable > tbody > tr > td {
        padding-top: 15px;
        padding-bottom: 15px;
    }

#paymentType th, #shippingType th {
    border-bottom: 0;
    padding: 4px 10px;
}

.settingsTable td {
    padding: 10px !important;
}

.settingsTable {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    border-top: 3px solid #999999 !important;
}

.borderLTRLine {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.partNumber {
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #000000;
    text-align: left !important;
}

.panel {
    box-shadow: 0 0 0 #000000;
    box-shadow: 0 0 0 rgba(0, 0, 0, .05);
}

#addrList {
    max-height: 400px;
    overflow-x: hidden;
}

#listofAddress {
    cursor: pointer;
    border: 1px solid #dddddd;
}


#deleteAddressImg {
    vertical-align: top;
}

#deleteAddress {
    cursor: pointer;
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

    #deleteAddress:hover {
        color: red !important;
        text-decoration: none !important;
    }

#dataExportModelHeader.modal-header {
    min-height: 16.42857143px;
    padding-bottom: 10px;
    border-bottom: 4px solid #4fc1bd;
    background-color: #fafafa;
}



#cartModelHeader.modal-header, #restrictedModalHeader.modal-header, .customModalHeader.modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-height: 16.42857143px;
    border-bottom: 4px solid #4fc1bd;
    background-color: #fafafa;
}



#dataExportModelHeader a:hover, #cartModelHeader a:hover, #mainModal a:hover, #addressBookModalHeader a:hover {
    cursor: pointer !important;
}



.height25 {
    height: 25px !important;
}

.modalHeight2 {
    min-height: 490px;
    max-height: 490px;
}

/*.blueHover div:hover span{
	color: rgba(0, 153, 255, 1);

}*/

.height4px {
    height: 4px !important;
}

#okBtn {
    background-color: #e52119;
    background-color: rgba(229, 33, 25, 1);
    color: white;
    width: 105px;
}

#cancelBtn {
    width: 105px;
    background-color: transparent;
    border: 1px solid #ffffff;
    border: 1px solid rgba(255, 255, 255, 1);
}

#yesBtn {
    background-color: #0066cc;
    background-color: rgba(0, 102, 204, 1);
    color: white;
    width: 105px;
}

#noBtn {
    width: 105px;
    background-color: transparent;
    border: 1px solid #797979;
    border: 1px solid rgba(121, 121, 121, 1);
}


#confirmDeleteHeader, #confirmDeleteBody, #confirmDeleteFooter {
    border-bottom: 0 !important;
    text-align: center !important;
    border-top: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}



.customeSizeForProp65 .modal-dialog .modal-content {
    width: 710px;
    min-height: 200px;
    margin: auto;
}


textarea {
    resize: none;
}

.customSize .modal-dialog .modal-content {
    width: 500px;
    margin: auto;
}

.changePasswordWindow .modal-dialog .modal-content {
    width: 500px;
    border-radius: 0 !important;
    margin: auto;
}

.shippingRateCalculator .modal-dialog .modal-content {
    width: 760px;
    border-radius: 0 !important;
    margin: auto;
}

.roleMgmtWindow .modal-dialog .modal-content {
    width: 600px;
    border-radius: 0 !important;
    margin: auto;
}

.retailPriceRule .modal-dialog .modal-content {
    width: 1000px;
    border-radius: 0 !important;
    margin: auto;
}

.retailPriceRule .modal-dialog {
    display: table;
    margin: auto;
}



.termsAndConditionsModalSize .modal-dialog .modal-content {
    height: 520px;
    width: 600px;
    border-radius: 0;
    margin: auto;
}


/*.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
   z-index: 0!important;
   
}
  .input-group .form-control {
 
    z-index: 0!important;
   
}*/
.textboxBg {
    background-color: #ffffb3 !important;
    background-color: rgba(255, 255, 204, 1) !important;
}

.textboxBgReset {
    background-color: white;
}

.newAddressRow input[type=number]::-webkit-inner-spin-button, .newAddressRow input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize16 {
    font-size: 16px;
}

.InputRadioDiv {
    height: 50px;
    background-color: #f2f2f2;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 0px;
    padding: 10px;
    margin-top: 15px;
}

.InputRadioDiv1 {
    background-color: #fafafa;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 0px;
    padding: 10px;
}

.errorMsg {
    color: #b12704;
    padding-top: 2px;
}

.truckFreightErrorMsg {
    color: #000000;
    padding: 12px 0px 12px 12px;
    background-color: #ffd3c6;
    border-radius: 8px;
    border: 1px solid #dd3e3e;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.4;
}

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

#loginTab .nav-tabs > li.active > a {
    background-color: #f2f2f2 !important;
    background-color: #fafafa !important;
    border-color: #f2f2f2 !important;
    border-color: #fafafa !important;
    font-size: 14px;
    color: black !important;
}

#loginTab .nav-tabs > li > a {
    border: none !important;
    color: black !important;
    background-color: #c9c9c9;
    background-color: rgba(201, 201, 201, 1);
}

    #loginTab .nav-tabs > li > a:hover {
        background-color: #c9c9c9;
        background-color: rgba(201, 201, 201, 1);
        /*color: #fff !important;
    transition: .3s ease-in-out;*/
    }

#loginTab a {
    color: #949494 !important;
    font: normal 14px 'OpenSans',sans-serif;
}

    #loginTab a:hover {
        color: #ff9900 !important;
        color: rgba(255, 153, 0, 1) !important;
        /*text-decoration: underline;*/
    }

/*#divNewDealerStart a:hover {
        text-decoration: none;
        border-bottom: 1px solid;
        border-color: rgba(255, 153, 0, 1);
}*/

#register .popover {
    width: 200px;
    background-color: #eceaea;
    font-size: 12px;
}



    #register .popover.right .arrow:after {
        border-right-color: #eceaea;
    }

.headerPadding {
    padding-top: 10px !important;
    padding-bottom: 2px !important;
    padding-left: 5px !important;
}

.marginTopN5 {
    margin-top: -5px !important;
}

#BlueAnchor a:hover {
    text-decoration: underline !important;
}

.LineHeight {
    line-height: 1 !important;
}

.alignFlexEnd {
    align-self: flex-end;
}

.paddingTop35 {
    padding-top: 35px;
}

.paddingBtm35 {
    padding-bottom: 35px;
}

.paddingBtm40 {
    padding-bottom: 40px;
}

.paddingBtm25 {
    padding-bottom: 25px;
}

.paddingBtm20 {
    padding-bottom: 20px;
}

.validation-summary-valid {
    display: none;
}

.onCheckoutMargin {
    /*margin-top: -35px;*/
    margin-top: 0;
}

.onCheckOutConfirmationMargin {
    margin-top: -45px;
}

.lightGreyBorder {
    border: 1px solid #c2c2c2;
}

.customMenu {
    border: 1px solid #BFBFBF !important;
    background-color: #F0F0F0 !important;
}

.customMenuline2px {
    background-color: #DFDFDF !important;
    height: 2px !important;
}

.listBox {
    width: 30px;
    height: 30px;
    background-color: rgba(249, 249, 249, 1);
    box-sizing: border-box;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 3px;
    background-image: url("/Content/Images/bookmarkGrey.png");
    background-position: center;
    background-repeat: no-repeat;
}

.padding20-mobile {
    padding: 0px;
}

.paddingL0 {
    padding-left: 0px;
}

.paddingR0 {
    padding-right: 0px;
}

.paddingL15 {
    padding-left: 15px !important;
}

.paddingR15 {
    padding-right: 15px !important;
}

.paddingLR10 {
    padding-right: 10px;
    padding-left: 10px;
}

.paddingLR8Must {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.paddingLR15 {
    padding-right: 15px;
    padding-left: 15px;
}

.paddingLR20 {
    padding-right: 20px;
    padding-left: 20px;
}

.paddingLR20Must {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.paddingLR30 {
    padding-right: 30px;
    padding-left: 30px;
}

.pb5 {
    padding-bottom: 5px;
}

.paddingLR510 {
    padding-left: 5px;
    padding-right: 10px;
}

.paddingLeft30 {
    padding-left: 30px !important;
}

.logo {
    height: 25px !important;
    width: 80px !important;
}

#customerListAnchor:hover #listName {
    text-decoration: underline;
}

#customerListAnchor:hover .img {
    /*background-image: url("/Content/Images/bookmarkHover.png");*/
    src: url("/Content/Images/bookmarkHover.png");
}

#customerListAnchor:hover {
    background-color: #fafafa !important;
}

.font16 {
    font-size: 16px;
}

.Light_blue_link {
    color: #33bfff;
    cursor: pointer;
}

    .Light_blue_link:hover {
        text-decoration: underline;
    }

@media print {
    a[href]:after {
        content: none !important;
    }

    @page {
        size: auto portrait;
    }

    body {
        margin: 0px;
    }

    #quoteSection, #quoteToPrint, #orderSection, #orderPDF {
        height: 100% !important;
        width: 100% !important;
    }

    .fontColor666666, .fontColorDarkBlue {
        color: #000000 !important;
    }


    .orderSummaryFontHeading, .orderHeaderBox, #boNote, #lineItemsHeader > tr > th, #BOItemsHeader > tr > th, #lineMemo, .customerNote {
        -webkit-print-color-adjust: exact;
    }

    .orderHistoryHeaderBox {
        background-color: none;
        padding: 10px;
        margin-right: 0;
        box-shadow: none;
        display: table;
        position: relative;
        table-layout: fixed;
        width: 100%;
        border-radius: 3px;
        border: 1px solid #999;
    }

    .hide-print:not(.show-print):not(.show) {
        display: none !important;
    }
}

.signature-box {
    background: #f2f2f2;
    padding: 10px;
    border: 1px dashed blue;
    border-radius: 5px;
}

.signature {
    width: 100%;
    min-height: 50px;
    font-family: 'Homemade Apple', cursive;
    font-size: 24px;
    color: blue;
    padding: 10px 0px;
}

.Box_gray {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    padding: 20px;
    border-radius: 5px;
}

.YellowNoteBox {
    margin-top: 10px;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(255, 255, 204);
    border-radius: 5px;
    padding: 10px;
}

.CartYellowNoteBox {
    margin-bottom: 15px;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(255, 255, 204);
    border-radius: 3px;
    padding: 15px;
}

.outerglow {
    box-shadow: 0 0 5px 1px #dddddd;
    -moz-box-shadow: 0 0 5px 1px #dddddd; /* Old Firefox */
    -webkit-box-shadow: 0 0 5px 1px #dddddd; /* Safari 4-5, Chrome 1-9 */
}


.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
}

.contentCenter {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

.disableDIV {
    pointer-events: none !important;
    /* for "disabled" effect */
    opacity: 0.5 !important;
    background: #CCC !important;
}

.disableAddressForm {
    pointer-events: none !important;
    /* for "disabled" effect */
    opacity: 0.5 !important;
}

.disableAddressForm .newAddressRow:not(.addressPhoneRow) {
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.heightandlineHeight28 {
    height: 28px;
    line-height: 28px;
}

#detailsPanelHeading1 > div > .panel-body {
    border: 1px solid #ccc !important;
    padding: 0;
}

#detailsPanelHeading1 > .panel-heading {
    background-color: white !important;
    padding: 0 !important;
}


.containerCenter {
    display: flex;
}

    .containerCenter > div {
        flex: 1; /*grow*/
    }

.tableRowStyle {
    /*background-color: #fafafa!important;
    background-color: rgba(250, 250, 250, 1)!important;*/
}

.pgpBoldDescription {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #666666;
    text-align: left;
}

.pgpBoldTableHeading {
    font-weight: 700;
    font-style: normal;
    color: #666666;
    text-align: left;
}

.margin10 {
    margin: 10px
}

.OrderTools {
    display: flex;
    margin: 15px 0px;
    padding: 15px 0px;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.orderHistoryHeaderBox {
    background-color: #ffffff;
    padding: 10px;
    margin-right: 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-radius: 3px;
}

.orderHeaderBox {
    background-color: #ffffff;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 0;
}

    .orderHeaderBox:hover {
        background-color: #f2f2f2;
        border: 1px solid #dddddd;
        border-radius: 3px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 0;
    }


.customerImageHeaderBox {
    background-color: #ffffff;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 0;
}

    .customerImageHeaderBox:hover {
        background-color: #f2f2f2;
        border: 1px solid #dddddd;
        border-radius: 3px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 0;
    }


.thRightBorder {
    border-right: 1px solid #ddd;
}

.thRightandBottomBorder {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}

#dataExportRow > td {
    padding: 20px 8px !important;
    min-height: 90px !important;
    vertical-align: middle;
}

#OrderHistoryRow > td {
    padding: 0 10px !important;
    height: 100px !important;
    vertical-align: middle;
}



#BrandListRow > td {
    padding-right: 20px;
    height: 90px !important;
    vertical-align: middle;
}


.textSize1 {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    height: 24px !important;
    border-radius: 0 !important;
}

.textSize2 {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    height: 24px !important;
    border-radius: 3px !important;
}

.borderbottommust {
    border-bottom: 1px solid #ccc !important;
}



.navbar {
    margin-bottom: 0 !important;
}

#orderPDF:last-child {
    page-break-after: auto !important;
}

a.right.carousel-control {
    background-image: none;
}

a.left.carousel-control {
    background-image: none;
}

#lineMemo {
    background-color: #ffff64 !important;
    background-color: rgba(255, 255, 100, 0.38) !important;
    border: 1px solid #b47844 !important;
    border: 1px solid rgba(180, 120, 68, 0.39) !important;
    border-radius: 3px !important;
    line-height: normal !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.poMemo {
    background-color: #d8f4ca !important;
    background-color: rgb(216, 244, 202) !important;
    border: 1px solid #42cb65 !important;
    border: 1px solid rgb(66, 203, 101) !important;
    border-radius: 3px !important;
    line-height: normal !important;
    padding: 2px 5px;
}

#LeftNav {
    width: 264px;
    background-color: #ffffff;
    border-right: 1px solid #cccccc;
    position: fixed;
    height: 100%;
    z-index: 9999;
    top: 0;
    display: none;
}

#LeftNavBackground {
    display: none;
    visibility: hidden;
}


@media (max-width: 1480px) {
    #MainContent {
        padding-left: 0px !important;
    }

    #LeftNavBackground {
        visibility: visible !important;
    }
}

.site-sidenav-container {
    overflow: auto;
    padding-right: 1px;
    position: static;
}

#MainContent {
}


#lineMemoSmall {
    background-color: #ffff64 !important;
    background-color: rgba(255, 255, 100, 0.38) !important;
    border: 1px solid #dddddd !important;
    border-radius: 3px !important;
    line-height: normal !important;
    padding: 3px 8px 5px 8px;
}

.paddingTop7 {
    padding-top: 7px !important;
}

html {
}

#pgpFooter {
    background-color: #f2f2f2;
    border-top: 1px solid #cccccc;
    bottom: 0;
    width: 100%;
    padding:32px;
}

    #pgpFooter a:hover {
        text-decoration: underline !important;
    }

.fSeperator {
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-right: 1px solid #cccccc;
}

#checkOutNavBar {
    background-color: #fafafa;
}

#checkOutNavr {
    background-color: #eee;
    background-color: #fafafa;
}

.brandCheckOut {
    border-right: 1px solid gray;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dashBoardAnchor {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #0066C0;
    line-height: normal;
    cursor: pointer;
}

    .dashBoardAnchor:hover {
        font-weight: 700 !important;
        font-style: normal !important;
        color: rgb(224, 98, 36) !important;
        text-decoration: none !important;
    }

.marginZero {
    margin: 0;
}

#checkOutNavBar > .container > .row {
    display: flex;
    flex-wrap: wrap;
}

    #checkOutNavBar > .container > .row > [class*="col-"] {
        display: flex;
        flex-direction: column;
    }


#yourOrdersContainer, #settingsContainer, .accountSettings, #yourDataExportContainer, #yourOrdersPanel, #yourDataExportPanel, #yourProductPanel {
    height: 135px;
    background-color: white;
}

.yourMatchOptionPanel {
    height: 135px;
    background-color: #cce6cc !important;
}

.yourAltOptionPanel {
    height: 135px;
    background-color: #b3e6e6 !important;
}

.marginToFitLayout {
    margin-top: -135px;
}

#trackList {
    width: auto;
    background-color: #f2f2f2;
    background-color: #fafafa;
    border: 1px solid #bcbcbc;
    border: 1px solid rgba(188, 188, 188, 1);
    padding: 10px 0;
    border-radius: 5px;
}

    #trackList a {
        font-weight: 400;
        text-align: left;
        color: #000000;
        line-height: normal;
        font-size: 14px;
    }

        #trackList a:hover {
            background-color: rgb(74,155,254);
            background-color: rgba(74, 155, 254, 1);
            color: rgb(255, 255, 255);
        }

.widthAuto {
    width: auto;
}




.p {
    margin: 0;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    font-kerning: normal;
}

.height24 {
    height: 24px !important;
}

.height22 {
    height: 22px !important;
}

.fontSize12 {
    font-size: 12px !important;
}


#accountMenu > li {
    background-color: transparent !important;
    width: 100%;
}

    #accountMenu > li.active > a {
        color: #000000 !important;
        background-color: #eeeeee;
        padding-left: 8px;
        border-radius: 0;
        border-left: 5px solid #0066C0;
    }

    #accountMenu > li.active .menuRight18 {
        color: #000000 !important;
    }

    #accountMenu > li > a {
        border: 0px;
        padding: 8px 0px;
        margin-left: 12px;
    }

        #accountMenu > li > a:hover {
            background-color: transparent;
            color: #000000;
            text-decoration: underline;
        }

        #accountMenu > li > a:focus {
            background-color: #eeeeee;
            color: #000000;
        }

#DealerResurceMenu > li {
    background-color: transparent !important;
    width: 100%;
}

    #DealerResurceMenu > li.active > a {
        color: #000000 !important;
        background-color: #eeeeee;
        padding-left: 10px;
        border-radius: 0;
        border-left: 5px solid #0066C0;
    }

    #DealerResurceMenu > li.active .menuRight18 {
        color: #000000 !important;
    }

    #DealerResurceMenu > li > a {
        border: 0px;
        padding: 10px 0px;
    }

        #DealerResurceMenu > li > a:hover {
            background-color: #dddddd;
            color: #000000;
        }

        #DealerResurceMenu > li > a:focus {
            background-color: #eeeeee;
            color: #000000;
        }

#DealsMenu > li {
    background-color: transparent !important;
    width: 100%;
}

    #DealsMenu > li.active > a {
        color: #000000 !important;
        background-color: #eeeeee;
        padding-left: 10px;
        border-radius: 0;
        border-left: 5px solid #0066C0;
    }

    #DealsMenu > li.active .menuRight18 {
        color: #000000 !important;
    }

    #DealsMenu > li > a {
        border: 0px;
        padding: 10px 0px;
    }

        #DealsMenu > li > a:hover {
            background-color: #dddddd;
            color: #000000;
        }

        #DealsMenu > li > a:focus {
            background-color: #eeeeee;
            color: #000000;
        }

.leftNavMenu > li {
    border-bottom: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    background-color: transparent !important;
    padding: 0 !important;
    width: 100%;
    margin: 0 !important;
    clear: none;
}

    .leftNavMenu > li.active > a {
        color: rgb(51, 51, 51) !important;
        font-size: 14px;
        font-weight: bold;
    }

    .leftNavMenu > li.active .menuRight18 {
        color: rgb(51, 51, 51) !important;
    }

    .leftNavMenu > li > a {
        border: 0 !important;
        /*padding: 17px 5px 17px 0 !important;*/
        /*margin-right: -2px !important;*/
    }

        .leftNavMenu > li > a:hover, .leftNavMenu > li > a:focus {
            background-color: transparent;
            color: #666666;
        }

.NavMenuHorizontal > li {
    display: inline-block;
    border-right: 1px solid #ddd !important;
    background-color: #fafafa;
    border-radius: 0 0 0 0 !important;
    text-align: center;
    float: none;
    display: table-cell;
    width: 9%;
    /*margin-right: -2px !important;*/
}

    .NavMenuHorizontal > li.active > a, .NavMenuHorizontal > li.active > a:focus, .NavMenuHorizontal > li.active > a:hover {
        color: #ffffff;
        border: 0 !important;
        background-color: black !important;
        border-radius: 0 0 0 0 !important;
    }

    .NavMenuHorizontal > li > a:hover, .leftNavMenu > li > a:focus {
        background-color: #f2f2f2;
        color: #666666;
        border-radius: 0 0 0 0 !important;
    }


.floatRight {
    float: right;
}

.menuRight18 {
    font-weight: 400;
    font-size: 18px;
    color: #999999;
}

.font68 {
    font-size: 68px;
    font-weight: 400;
    font-style: normal;
}

.font32 {
    font-size: 32px;
    font-weight: 400;
    color: #000000;
    font-style: normal;
}

.font24black {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    font-style: normal;
}

.font24-666 {
    font-size: 24px;
    font-weight: 400;
    color: #666;
    font-style: normal;
}

.font48 {
    font-size: 48px;
}

.font40 {
    font-size: 40px;
}

.font20 {
    font-size: 20px !important;
}

.borderCCCPadding {
    padding-bottom: 10px;
    padding-top: 7px;
}

.borderTopPaddingTB10 {
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

.paddingTop3 {
    padding-top: 3px;
}


.heading-1 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #0066C0;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    cursor: pointer;
    text-align: left;
    line-height: normal;
}

.heading-2 {
    border-width: 0;
    position: relative;
    width: 82px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    float: left;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    white-space: nowrap;
    /*text-align: left;*/
    line-height: normal;
    color: #000000;
}

.heading-3 {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #000000;
}

.heading-4 {
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-size: 12px;
    color: #666666;
}

.onHover666:hover {
    color: #666666 !important;
}

.onHover000000:hover {
    color: #000000 !important;
}

.font11_400_999 {
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-size: 11px;
    color: #999999;
}

.heading-5 {
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #b12704;
}

.heading-6 {
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #006621;
}

.heading-7 {
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #666666;
    line-height: normal;
    white-space: nowrap;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
}

.heading-8 {
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    white-space: nowrap;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-align: left;
    color: rgb(51, 51, 51);
}

.heading-9 {
    font-weight: 400;
    font-size: 14px;
    color: rgb(254, 255, 255);
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    font-style: normal;
    text-align: center;
    line-height: normal;
}

.heading-10 {
    font-weight: 400;
    font-size: 12px;
    color: #006621;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    white-space: nowrap;
    font-style: normal;
    text-align: left;
    line-height: normal;
}

.heading-11 {
    width: 57px;
    height: 22px;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    text-align: left;
    outline-style: none;
    border-color: #cccccc;
}

.heading-12 {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: rgb(0, 0, 0);
}

.heading-1213 {
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    color: rgb(0, 0, 0);
}

.heading-13 {
    font-style: normal;
    font-size: 16px;
    color: #000000;
    text-align: left;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
}

.btn1 {
    width: 202px;
    height: 37px;
    box-sizing: border-box;
    box-shadow: none;
    background: linear-gradient(rgb(255, 153, 0) 0, rgb(255, 153, 0) 0, rgb(255, 204, 102) 3%, rgb(255, 153, 0) 7%, rgb(255, 153, 51) 93%, rgb(255, 153, 51) 100%);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 102, 0);
    border-radius: 3px;
}

.btn2 {
    width: 100px;
    height: 25px;
    box-sizing: border-box;
    box-shadow: none;
    background: linear-gradient(rgb(255, 153, 0) 0, rgb(255, 153, 0) 0, rgb(255, 204, 102) 3%, rgb(255, 153, 0) 7%, rgb(255, 153, 51) 93%, rgb(255, 153, 51) 100%);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 102, 0);
    border-radius: 3px;
}

.btn3 {
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    box-shadow: none;
    background: linear-gradient(rgb(255, 153, 0) 0, rgb(255, 153, 0) 0, rgb(255, 204, 102) 3%, rgb(255, 153, 0) 7%, rgb(255, 153, 51) 93%, rgb(255, 153, 51) 100%);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 102, 0);
    border-radius: 3px;
}

.btn4 {
    width: 100px !important;
    height: 25px !important;
    padding: 3px 12px !important;
    border-radius: 2px !important;
}

.btn-download {
    display: flex;
    margin: auto;
}

margin-auto {
    margin: auto;
}


.btn-NoAlternate {
    width: 199px !important;
    height: 20px !important;
    color: #000000;
    padding: 2px;
    border-color: #ccc;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-width: 1px !important;
    border-style: solid;
    border-radius: 3px;
    font-size: 12px;
    background-color: #fafafa;
}

    .btn-NoAlternate:hover {
        width: 199px !important;
        height: 20px !important;
        color: #000000;
        padding: 2px;
        border-color: #ccc;
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        border-width: 1px !important;
        border-style: solid;
        border-radius: 3px;
        font-size: 12px;
        background-color: #dddddd;
    }

.space-1 {
    height: 14px;
    border-width: 0;
    position: relative;
    padding-right: 18px;
    height: 14px;
    float: left;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    white-space: nowrap;
    text-align: left;
}

.whiteSpaceNoWrap {
    white-space: nowrap !important;
}

.space-2 {
    width: 23px !important;
    height: 18px !important;
}

.space-3 {
    border-width: 0;
    position: relative;
    /*width: 82px;*/
    float: left;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    white-space: nowrap;
    text-align: left;
}

.heading-14 {
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    white-space: nowrap;
    color: #000000;
    text-align: center;
    line-height: normal;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    cursor: pointer;
}

.newBackground {
    border-width: 0;
    width: 34px;
    height: 14px;
    background: inherit;
    background-color: #ffdc67;
    background-color: rgba(255, 220, 103, 1);
    box-shadow: none;
    font-size: 10px;
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
}

.closeoutBackground {
    background-color: rgb(185,225,254);
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
}

.ProductDescription-small {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    white-space: nowrap;
    word-wrap: break-word;
    cursor: pointer;
    text-align: left;
    line-height: normal;
    text-rendering: optimizeLegibility;
}

.ProductDescription-small-center {
    font-size: 12px;
    color: #666666;
    font-weight: 400;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    white-space: nowrap;
    word-wrap: break-word;
    cursor: pointer;
    text-align: center;
    line-height: normal;
    text-rendering: optimizeLegibility;
}

.heading-15 {
    font-weight: 700;
    font-style: normal;
    text-align: left;
    font-size: 13px;
    line-height: normal;
    cursor: pointer;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
}

.heading-16 {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #0066C0;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    cursor: pointer;
    text-align: left;
    line-height: normal;
}

.heading-17 {
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    text-align: left;
    line-height: normal;
}

.heading-18 {
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    text-align: left;
    line-height: normal;
}

.heading-19 {
    font-style: normal;
    font-size: 12px;
    color: #666666;
    text-align: left;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    line-height: normal;
}

.heading-20 {
    font-size: 12px;
    font-weight: 400;
    color: rgb(254, 255, 255);
    text-shadow: 0 0 1px #000000;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.349019607843137);
    text-align: center;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    line-height: normal;
}

.settingsLabel {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    float: right;
    line-height: 30px;
    padding-right: 10px;
}

.settingsRoleLabel {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #000000;
    float: left;
    line-height: 30px;
    padding-right: 10px;
}


.cancelBtn {
    width: 80px;
    color: #666666 !important;
    height: 30px;
    padding: 0;
    border: 1px solid #999999 !important;
    background-color: #f2f2f2 !important;
    background-color: #fafafa !important;
    border-radius: 3px !important;
}

.saveBtn {
    width: 80px;
    height: 30px;
    padding: 0;
    border-radius: 3px !important;
    margin-left: 5px;
}

.initialBox {
    height: 45px;
    width: 45px;
    background-color: #f2f2f2;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    color: #999999;
    font-size: 14px;
}

.font11_200 {
    font-size: 11px;
    color: rgb(102, 102, 102);
}

#closeAccount:hover, #closeAccount:focus {
    color: #4A9BFE;
}

.font9 {
    font-size: 9px !important;
}


.font11must {
    font-size: 11px !important;
}

.StaffFUll {
    content: url("/Content/Images/StaffFull.png");
    width: 10px;
    margin: auto;
}

.StaffLimitted {
    content: url("/Content/Images/PGPStaffLimitted.png");
    width: 10px;
    margin: auto;
}

.Admin {
    content: url("/Content/Images/Admin.png");
    width: 10px;
    margin: auto;
}

.StaffNORoles {
    content: url("/Content/Images/NoRoles.png");
    width: 10px;
    margin: auto;
}

.Deleted {
    content: url("/Content/Images/PGPBlocked.png");
    width: 10px;
    margin: auto;
}


.heading-21 {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #000000;
}

.heading-22 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    color: #999999;
}

.heading-23 {
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    color: #666666;
}

.heading-24 {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-decoration: underline;
    color: #0066C0;
    text-align: left;
}

.heading-25 {
    font-style: normal;
    font-size: 24px;
    color: rgb(0, 0, 0);
}

.heading-26 {
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: rgb(0, 0, 0);
}

.heading-27 {
    font-family: ArialMT, Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: rgb(51, 51, 51);
    text-align: left;
}

.heading-28 {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    color: #666666;
}

.heading-38 {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    color: #999999;
}

.heading-39 {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #000000 !important;
    text-align: left !important;
    line-height: 1.2;
}

.heading-40 {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #555555 !important;
    text-align: left !important;
    line-height: 1.2;
}

.pgpSmallGreyBtn1 {
    border-radius: 2px;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    text-align: center;
    color: #666666;
    background-color: #fafafa;
    height: 20px;
    width: 60px;
    padding: 2px;
    border-color: #ccc;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

.viewTypeImg {
    height: 30px;
    width: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #edeff2;
    border: 1px solid #cccccc;
    border-radius: 3px;
}

.pgpSmallGreyBtn1:hover {
    color: white !important;
    background-color: #fa9900 !important;
    border-color: #fa9900;
}

#rViewType label input, #resultsViewType label input {
    position: absolute;
    visibility: hidden;
}

    #rViewType label input:checked + #default, #resultsViewType label input:checked + #default {
        background-image: url("/Content/Images/LongListIckon.png") !important;
    }

    #rViewType label input:checked + #list, #resultsViewType label input:checked + #list {
        background-image: url("/Content/Images/ShortListIckon.png") !important;
    }

    #rViewType label input:checked + #retro, #resultsViewType label input:checked + #retro {
        background-image: url("/Content/Images/grid2.png") !important;
    }

    #rViewType label input + div, #resultsViewType label input + div {
        cursor: pointer;
    }

.customPanel {
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
}

.navAnchor {
    cursor: pointer;
}


/*#navigation > li + li:before {
    content: "\203A";
    font-size: 22px;
    vertical-align: sub;
    padding-left: 2px;
    padding-right: 10px;
}
#navigation > li > a:hover {
    color: orange !important;
}
#navigation > li > a {
    color: #666666 !important;
}*/
.tableHeaderBg {
    background-color: #F6F6F7 !important;
    background-color: #fafafa !important;
}

.equalCol {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

    .equalCol .col {
        flex: 1;
    }

.greySelection {
    font-style: normal;
    font-size: 11px;
    text-align: left;
    color: #999999 !important;
}

#priceMaskSelect {
    height: 22px;
    width: 100px;
}

.inputSmall {
    height: 22px;
    text-decoration: none;
    color: #000000;
    text-align: left;
    border-radius: 0;
    font-size: 13px;
    font-weight: 400 !important;
    padding: 0 3px;
}

.width65 {
    width: 65px !important;
}

.width60 {
    width: 54px !important;
}

.width80 {
    width: 80px !important;
}

.marginLeft15 {
    margin-left: 15px !important;
}

.width100 {
    width: 100px;
}

.fontColorCCC {
    color: #cccccc !important;
}

.anchorButton {
    background-color: orange !important;
    color: white !important;
    padding: 8px !important;
    border-radius: 3px !important;
}

.anchorDisabledButton {
    background-color: #cccccc !important;
    color: white !important;
    padding: 8px !important;
    border-radius: 3px !important;
    cursor: none !important;
}

.panelBackground {
    background-color: #f2f2f2;
    background-color: #fafafa;
    border-bottom: none;
    border-color: #f2f2f2;
    border-color: #fafafa;
    border-radius: 0;
}

.marginTopN2 {
    margin-top: -2px;
}

.marginTopP10 {
    margin-top: 10px !important;
}

.marginBtmP10 {
    margin-bottom: 10px !important;
}

#partNumberOptions > .dropdown-menu {
    max-width: 200px !important;
    min-width: 200px !important;
    width: 100%;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

    #partNumberOptions > .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        background-color: #066ac0;
    }

.orderHeaderData {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    color: #000000;
    margin: -2px 0 0 0;
}

.sL {
    font-size: 12px !important;
    cursor: pointer !important;
    color: #0066C0 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-align: left !important;
    line-height: normal !important;
    padding: 5px 20px 5px 35px !important;
    margin: 0 !important;
}




.svgheight {
    width: 160px !important;
    height: 30px !important;
}

.datePicker_mobile {
    position: relative;
}

    .datePicker_mobile .dropdown-menu {
        left: auto !important;
        right: -34px !important;
        width: 334px;
        padding: 10px;
    }

        .datePicker_mobile .dropdown-menu th {
            padding: 5px
        }

        .datePicker_mobile .dropdown-menu td {
            padding: 5px
        }

            .datePicker_mobile .dropdown-menu td .btn {
                padding: 5px 7px;
            }


.my-datepicker {
    position: relative;
}

    .my-datepicker .dropdown-menu {
        left: auto !important;
        right: 0 !important;
        width: 420px;
        padding-bottom: 10px;
    }

.my-datepicker_right .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    width: 420px;
    padding-bottom: 10px;
}

.table-container {
    height: 10em;
}

.summaryTable {
    display: flex !important;
    flex-flow: column;
    height: 100%;
    width: 100%;
}

table.summaryTable thead {
    flex: 0 0 auto;
    width: calc(100% - 1.2em);
}

table.summaryTable td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 30px;
    word-wrap: break-word;
}

table.summaryTable tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
}

    table.summaryTable tbody tr {
        width: 100%;
    }

    table.summaryTable thead, table.summaryTable tbody tr {
        display: table;
        table-layout: fixed;
    }

table.summaryTable th, table.summaryTable td {
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.pgpSummaryDropdown {
    border-radius: 3px;
    padding: 5px 5px 5px 5px;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    white-space: nowrap;
    border: 1px solid rgb(204, 204, 204);
    background-color: #f5f5f5;
    height: 25px;
    line-height: 1.42857143;
    display: inline-block;
}

.opacityBlur {
    opacity: 0.5 !important;
}

.datePickerInput {
    height: 24px;
    cursor: pointer;
    padding: 0 5px !important;
    width: 100px !important;
    display: inline-block !important;
}

.overlayButton1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 400px;
}

.sectionHeadingForVendor {
    font-style: normal;
    font-size: 12px;
    text-align: center;
    color: #000000;
    line-height: normal;
}

#part2 {
    background-color: white;
    margin-right: 0;
    padding: 0px 15px 15px 15px;
    border-radius: 2px;
    display: table;
    margin-bottom: 30px;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #cccccc
}

.cart1 {
    background-color: #C3E3FF !important;
    border-color: #C3E3FF !important;
}

    .cart1:hover {
        background-color: #AAD7FD !important;
    }

.cart-modal .cart1, #part2 .cart1, #whitePanelHeading .cart1 {
    border-color: #AAD7FD !important;
}

#cartFilter.cart1 {
    border-left: 4px solid #C3E3FF !important;
    background-color: white !important;
}

.cart2 {
    background-color: #FFDC68 !important;
    border-color: #FFDC68 !important;
}

    .cart2:hover {
        background-color: #FFCC33 !important;
    }

.cart-modal .cart2, #part2 .cart2, #whitePanelHeading .cart2 {
    border-color: #FFDC68 !important;
}

#cartFilter.cart2 {
    border-left: 4px solid #FFDC68 !important;
    background-color: white !important;
}



.cart3 {
    background-color: #D4DEAD !important;
    border-color: #D4DEAD !important;
}

    .cart3:hover {
        background-color: #C2CE8D !important;
    }

.cart-modal .cart3, #part2 .cart3, #whitePanelHeading .cart3 {
    border-color: #D4DEAD !important;
}


#cartFilter.cart3 {
    border-left: 4px solid #D4DEAD !important;
    background-color: white !important;
}

#specialInstructions .tooltip-inner {
    min-width: 500px !important;
    max-width: 500px !important;
}

#specialInstructions .tooltip-arrow {
    border-top-color: #000000 !important;
}

.cart4 {
    background-color: #D8B5D8 !important;
    border-color: #D8B5D8 !important;
}

    .cart4:hover {
        background-color: #C696C6 !important;
    }

.cart-modal .cart4, #part2 .cart4, #whitePanelHeading .cart4 {
    border-color: #D8B5D8 !important;
}

#quickPartEntry .dropdown-menu > .active > a, #quickPartEntry .dropdown-menu > .active > a:hover {
    background-color: #066ac0;
    color: white;
}

#cartFilter.cart4 {
    border-left: 4px solid #D8B5D8 !important;
    background-color: white !important;
}

.cart5 {
    background-color: #F08E8E !important;
    border-color: #F08E8E !important;
}

    .cart5:hover {
        background-color: #EB6E6E !important;
    }

.cart-modal .cart5, #part2 .cart5, #whitePanelHeading .cart5 {
    border-color: #F08E8E !important;
}


#cartFilter.cart5 {
    border-left: 4px solid #F08E8E !important;
    background-color: white !important;
}

#cartFilter.cart6, #cartFilter.cart6:after {
    background-color: #fafafa !important;
    border-color: rgb(204, 204, 204) !important;
    content: url("/Content/Images/cart6.png");
}

    #cartFilter.cart6:hover, #cartFilter.cart6:hover:after {
        background-color: rgba(228, 228, 228, 1) !important;
    }


.addToCartBtn {
    background-color: #F2F2F2 !important;
    /*border-color: rgba(204, 204, 204, 1) !important;*/
    border: 1px solid rgba(204, 204, 204, 1) !important;
}

    .addToCartBtn:hover {
        background-color: #fafafa !important;
    }

button.addToCartBtn:hover {
    background-color: #fafafa !important;
    color: #333333 !important;
}

.caretSmall {
    border-top: 5px dashed !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
}

.settingsDropDown {
    width: 195px !important;
    border-radius: 5px !important;
    left: 0 !important;
    padding: 10px 0 !important;
    background-color: white !important;
    margin-left: 0px !important;
}

    .settingsDropDown:after {
        content: "";
        position: absolute;
        right: 61px;
        top: -8px;
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent white transparent;
    }

    .settingsDropDown > li a {
        padding-left: 10px !important
    }


#settingsList a:hover {
    text-decoration: none;
    cursor: pointer;
}

.imageContainer:hover .enlargeBtn, .imageContainer:hover .quickViewButton {
    display: block;
}

.enlargeBtn, .quickViewButton {
    font-style: normal;
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    background-color: #000000;
    border: 1px solid #d7d7d7;
    padding-left: 10px;
    position: absolute;
    display: none;
    width: 100px;
    height: 30px !important;
    margin-left: 40px;
}

.enlargeBtn {
    top: 98px;
}

    .enlargeBtn:hover, .quickViewButton:hover {
        background-color: #ffffff !important;
        border: 1px solid #666666;
        color: rgb(0, 0, 0) !important;
    }

.quickViewButton {
    top: 60px;
}

.p-slider-title {
    color: #000000;
    display: flex;
    padding: 24px 24px 0px 24px;
}

.p-slider-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    border-radius: 8px;
}

.p-card {
    min-height: 290px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid transparent;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
    padding: 12px;
    text-align: center;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.16), 0 0 0 0px rgba(0, 0, 0, 0.08);
}

    .p-card:hover {
        border: 1px solid #0066c0;
    }

.p-items {
    display: flex;
    column-gap: 8px;
    padding: 24px;
}

.pInCarousel {
}

    .pInCarousel .quickViewButton {
        top: 25px;
        margin-left: 10px;
    }

    .pInCarousel .enlargeBtn {
        top: 60px;
        margin-left: 10px;
    }

    .pInCarousel .imageContainer {
        height: 140px;
    }

.underLineOnHover:hover {
    text-decoration: underline;
}

#siteWarning {
    margin-bottom: 0px !important;
}

.heading18Dark {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: rgb(102, 102, 102);
    text-align: left;
    line-height: normal;
}

.modalWidth670 .modal-dialog .modal-content, .modalWidth670 .modal-dialog {
    width: 670px !important;
}


.modalWidth925 .modal-dialog .modal-content, .modalWidth925 .modal-dialog {
    width: 925px !important;
    border: none !important;
}



.cartQuoteModal .modal-dialog .modal-content, .cartQuoteModal .modal-dialog {
    width: 1250px !important;
    height: 570px !important;
    border: none !important;
}

.alignSelfCenter {
    align-self: center;
}

.heading-101 {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    color: #333333;
    line-height: normal;
}

.greenTick {
    font-family: 'ArialUnicodeMS', 'Arial Unicode MS';
    font-weight: 400;
    font-style: normal;
    color: #008000;
    font-size: 13px;
    text-align: left;
    padding-right: 5px;
}

.greenTickBig {
    font-family: 'ArialUnicodeMS', 'Arial Unicode MS';
    font-weight: 400;
    font-style: normal;
    color: #008000;
    font-size: 18px;
    text-align: left;
    padding-right: 5px;
}

.columnWidth1 {
    width: 180px !important;
}

.dataSubscriptionBox {
    padding: 34px;
    background-color: rgba(242, 242, 242, 0.498039215686275);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 5px;
    height: 240px;
}

.btnLight {
    background-color: #fafafa;
    border: 1px solid rgba(204, 204, 204, 1);
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #adadad;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 4px;
}

.planDiv {
    border-width: 0px;
    height: 64px;
    background: inherit;
    background-color: #fafafa;
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    padding-top: 20px;
}


.blueimportant {
    color: #0066C0 !important;
}

.header1 {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.heightLineHeight26 {
    height: 26px;
    line-height: 26px;
}

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

.lineHeight25px {
    line-height: 25px !important;
}

#header1Menu > li, #header1Menu > li > a {
    height: 26px !important;
    line-height: 26px !important;
    padding-top: 0 !important;
    background-color: transparent;
}

    #header1Menu > li > a:hover {
        text-decoration: underline;
        background-color: transparent !important;
    }

#retailMode:hover {
    color: #fafafa !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

#restrictedBrandList {
    height: 315px;
    overflow: auto;
    border-top: 3px solid #dddddd;
}

.paddingTBR15 {
    padding: 15px
}



.paddingTB3 {
    padding: 3px !important;
}

#teamViewer:hover, #teamViewer:active, #teamViewer:focus, #teamViewer:visited {
    text-decoration: none !important;
    color: #000000 !important;
}

.Helvetica16BlackNormal {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
    color: #000000;
}

.modalbox {
    background-color: rgba(242, 242, 242, 0.498039215686275);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 3px;
    box-shadow: none;
}

.backgroundColor10 {
    background-color: #e2efda;
}

.backgroundColor11 {
    background-color: #fde6d6;
}

.backgroundColor12 {
    background-color: #87ceeb;
}

#bookMark {
    color: #999999;
}

.quickExportBox {
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
    background-color: #fafafa;
    width: 100%;
    height: 96px;
    background-color: white;
    padding: 15px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    position: relative;
    table-layout: fixed;
}

.download-catalog {
    border: 1px solid #333;
    padding: 5px 10px;
    margin-top: 10px;
    color: #000000;
}

    .download-catalog:hover {
        border: 1px solid #333;
        padding: 5px 10px;
        margin-top: 10px;
        color: #ffffff;
        background-color: #333333;
        text-decoration: none;
    }

.greyBox {
    width: 220px;
    height: 50px;
    background-color: #fafafa;
    background-color: rgba(249, 249, 249, 1);
    border: 1px solid #fafafa;
    border: 1px solid rgba(228, 228, 228, 1);
    border-radius: 3px;
    cursor: pointer;
}

    .greyBox:hover {
        background-color: #fafafa;
    }

.bookmarkBox:hover input[type="radio"] + span {
    background-image: url("/Content/Images/bookmarkHover.png") !important;
}

.customKitBox:hover input[type="radio"] + span {
    background-image: url("/Content/Images/CustomKit_selected.png") !important;
}

.watchlistBox:hover input[type="radio"] + span {
    background-image: url("/Content/Images/WatchList_Selected.png") !important;
}

.allignVHCenter {
    display: table;
    margin: 0 auto;
    vertical-align: middle;
}

.greyDarkBox {
    background-color: #f2f2f2 !important;
    background-color: rgb(242, 242, 242) !important;
}

#customerListType input[type="radio"] {
    display: none;
}

    #customerListType input[type="radio"] + span {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid rgba(228, 228, 228, 1);
    }

    #customerListType input[type="radio"] + span {
        background-color: #ffffff;
        background-color: rgba(255, 255, 255, 1);
        background-position: center;
        background-repeat: no-repeat;
    }

    #customerListType input[type="radio"]:checked + span {
        border: 1px solid rgba(204, 204, 204, 1) !important;
    }

#customerListType label {
    line-height: 50px;
    margin: 0 !important;
    width: 100%;
    cursor: pointer;
}

.bookMarkImg {
    background-image: url('/Content/Images/bookmarkGrey.png') !important;
}

.bookMarkImgSelected {
    background-image: url('/Content/Images/bookmarkOrange.png') !important;
}

.bookMarkImg:hover {
    background-image: url('/Content/Images/bookmarkOrange.png') !important;
}

.watchListImg {
    background-image: url('/Content/Images/WatchList.png') !important;
}

.watchListImgSelected {
    background-image: url('/Content/Images/WatchList_Selected.png') !important;
}

.watchListImg:hover {
    background-image: url('/Content/Images/WatchList_Selected.png') !important;
}

.kitListImg {
    background-image: url('/Content/Images/CustomKit.png') !important;
}

.kitListImgSelected {
    background-image: url('/Content/Images/CustomKit_selected.png') !important;
}

.kitListImg:hover {
    background-image: url('/Content/Images/CustomKit_selected.png') !important;
}

.listShareImg {
    background-image: url('/Content/Images/Share.png') !important;
}

.listShareImgSelected {
    background-image: url('/Content/Images/Share_selected.png') !important;
}

.listShareImg:hover {
    background-image: url('/Content/Images/Share_Selected.png') !important;
}

.font11_666_light {
    font-style: normal;
    font-size: 11px;
    color: #666666;
    line-height: normal;
    text-align: right;
}

.noteBox {
    background-color: rgb(255, 255, 204);
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid gainsboro;
}

.cursorPointer {
    cursor: pointer;
}

.italic1 {
    font-weight: 400;
    font-style: italic;
    font-size: 11px;
    color: #999999;
}

.font11_400_000 {
    font-weight: 400;
    font-size: 11px;
    color: #000;
    line-height: normal;
}

.font11_400_333 {
    font-weight: 400;
    font-size: 11px;
    color: #333333;
    text-align: center;
    line-height: normal;
}

.font12_400_333 {
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    line-height: normal;
}

.fontColorE4E4E4 {
    color: #fafafa !important;
}

.checkbox #brandFilter {
    min-height: 12px !important;
}

.layoutBtn {
    height: 100%;
    width: 120px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 3px;
    line-height: 30px;
    padding: 0;
}

    .layoutBtn img {
        height: 15px !important;
        width: 15px !important;
        vertical-align: sub;
        margin: 0 !important;
    }

    .layoutBtn:hover {
        background-color: #fafafa;
    }

.miniViewPrice {
    font-weight: 400;
    font-style: normal;
    text-align: left;
    color: #000000;
    line-height: 1.3 !important;
    font-size: 14px !important;
}

.miniViewPriceHeading {
    font-style: normal;
    font-size: 11px;
    color: #666666;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    text-align: left;
    line-height: normal;
}

.backOrderType .tooltip.top .tooltip-arrow {
    border-top-color: #000000 !important;
}

.opacitylow {
    opacity: 0.5 !important;
}

.bookmarkListButton {
    margin: 8px 10px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
}

    .bookmarkListButton:hover {
        color: white !important;
        background-color: #fa9900 !important;
        border-color: #fa9900;
    }

.textOverflowDots {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notificationText {
    background-color: red !important;
    color: white !important;
}

.hideElement {
    display: none;
}

#searchDropDownHeader {
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 30px;
    margin: 0;
    outline: none;
    border-bottom: 1px solid #ddd;
}

    #searchDropDownHeader a {
        font-size: 12px;
        color: #333333;
        text-align: center;
        font-weight: 400;
        font-style: normal;
        cursor: pointer;
        line-height: normal;
        padding-bottom: 3px;
        outline: none;
    }

        #searchDropDownHeader a:hover {
            text-decoration: none !important;
            border-bottom: 3px solid #cccccc !important;
            outline: none;
        }

.brandHeaderText {
}

#searchSettings {
    padding: 8px 25px;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: normal !important;
    color: #333333 !important;
    outline: none;
    cursor: auto;
}

    #searchSettings > div {
        padding: 14px 0;
        border-bottom: 1.2px solid #dddddd;
    }

        #searchSettings > div > div {
            font-weight: 700;
            margin-bottom: 10px;
        }

        #searchSettings > div .row {
            margin: 0;
            font-weight: 400;
        }

    #searchSettings label {
        font-weight: 400 !important;
        margin-right: 24px;
    }

    #searchSettings input {
        vertical-align: bottom;
        margin: 0;
        margin-right: 3px;
    }



#resultsViewType .col-md-12 {
    padding: 0;
}

#searchHistory .btn-link {
    font-weight: 400;
    font-size: 12px;
    color: #0066C0;
    padding: 0;
    vertical-align: top;
}

#searchHistory .col-md-12 {
    padding: 0;
}

#searchHistory .row:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

#searchHistory .row {
    padding: 5px 0;
}

#searchHistory [class*="col-"] {
    height: 20px;
    line-height: 20px;
}

#searchHistory .searchHistoryContainer {
    height: 510px !important;
    height: auto;
    overflow-x: hidden;
}

.kitWithOptionsLabel {
    width: 200px;
    height: 73px;
    background: inherit;
    background-color: #fafafa;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(204, 204, 204, 1);
    border-radius: 5px;
    box-shadow: none;
}

.salesRepSection {
    color: #000000 !important;
    margin: 0px !important;
    padding: 3px;
    padding-left: 5px;
}

.redborder {
    border: 1px solid rgb(221,44,0) !important;
}

.newProducts {
    color: #000000 !important;
}

.closeOutProducts {
    color: #000000 !important;
}

.saleProducts {
    color: #000000 !important;
    padding: 25px 0px 15px 0px;
}

#corouselContainer > .row {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
}

#corouselContainer .customAnchor {
    font-size: 14px !important;
}


#minifiedSearchResults {
    background-color: white;
    margin-right: 0;
    padding: 15px 15px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

#productTableView {
    background-color: white;
    margin-right: 0;
    border-radius: 0px;
    box-shadow: none;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

    #productTableView .row {
        margin: 0;
    }

    #productTableView #header [class*='col'] {
        background-color: rgba(228, 228, 228, 1);
        color: #333333;
        text-align: center;
        line-height: normal;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        height: 3vh;
        line-height: 25px;
    }

    #productTableView #productList [class*='col'] {
        background-color: #ffffff;
        border-bottom: 1px solid #eeeeee;
        font-weight: 400;
        font-style: normal;
        text-align: left;
        font-size: 13px;
        color: #333333;
        height: 40px;
        line-height: 40px;
    }

.headingLogo {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    text-align: left;
    color: #333333;
}

.RetroViewCSS {
    height: auto;
    overflow-x: hidden;
    padding: 20px 10px 20px 20px;
    border-bottom: 1px solid #cccccc;
}

.SetOpacity {
    opacity: 0.5;
}

.ResetOpacity {
    opacity: 1;
}



#productDetails #productActions .priceColumn {
    padding-left: 0;
}

#productDetails #productActions .actionColumn {
    padding-right: 0;
}

.priceColumn .priceLabel {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: rgb(102, 102, 102);
}

.selectedProduct [class*='col'] {
    background-color: rgba(0, 102, 192, 1) !important;
    color: white !important;
}

.stockingColor [class*='col'] {
    background-color: rgba(249, 249, 249, 1) !important;
    color: #333333 !important;
}

.nonstockingColor [class*='col'] {
    background-color: rgba(245,227,214,1) !important;
    color: #333333 !important;
}

.nonSelectedProductColor [class*='col'] {
    color: #b12704 !important;
}

.RetroViewCSSHeight {
    height: 75vh !important;
}

.SearchHeader {
    margin-top: 12px;
}

.SearchHeader-table {
    padding: 0px 20px;
}

.SearchFilter {
    width: 210px;
    margin: 0px;
    padding: 0px;
}

.SearchFilter-table {
    min-width: 300px;
    max-width: 300px;
}

.hide-table {
    margin-top: 20px;
}

.TableView {
    width: 100%;
    padding: 0px 15px;
    min-width: 1200px;
}

.Search-table {
    width: 100%;
    padding: 0px;
    min-width: 1200px;
}

.SearchResult {
    margin: 12px 0 15px 0;
    padding-top: 0px;
}

.SearchSection-table {
    margin: 12px 0px 0px 0px;
    padding: 0px;
    border-top: 1px solid #ddd;
    display: flex;
}

#productDetails #productActions {
    height: 38vh !important;
    background-color: #fafafa;
    border-top: 1px solid rgb(228, 228, 228);
    border-bottom: 1px solid #cccccc;
    padding: 20px 15px 15px 25px;
    overflow-x: hidden;
}


#productList #productListView {
    height: 75vh !important;
    overflow-x: hidden;
    background-color: rgba(249, 249, 249, 1);
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#productDetails #productData {
    height: 75vh !important;
    overflow-x: hidden;
    padding: 20px 25px 20px 25px;
    border-bottom: 1px solid #cccccc;
}

.image-table {
    width: 140px;
}

.Description-table {
    width: 100%;
}




#AccountMembersTabs {
    margin-left: 311px;
    cursor: pointer;
}

    #AccountMembersTabs > li.active > a, AccountMembersTabs > li.active > a:hover {
        background-color: #0066c0;
        color: rgb(255, 255, 255);
        border: 1px solid #003366;
        border-bottom-color: #0066c0;
        font-weight: bold;
    }

    #AccountMembersTabs > li:hover {
        text-decoration: underline;
    }

    #AccountMembersTabs > li > a {
        background-color: #f2f2f2;
        color: #333333;
        font-size: 13px;
        border: 1px solid #ededed;
        line-height: normal;
        width: 216px;
        text-align: center;
        margin: 0px 5px;
        border-radius: 5px 5px 0px 0ox !important;
        outline: none;
    }




#quickViewTabs {
    margin-left: 30px;
}

    #quickViewTabs > li.active > a, #quickViewTabs > li.active > a:hover {
        background-color: #0066c0;
        color: rgb(255, 255, 255);
        border: 1px solid #003366;
        border-bottom-color: #0066c0;
        font-weight: bold;
    }

    #quickViewTabs > li {
        margin-left: 4px;
    }

        #quickViewTabs > li > a {
            background-color: #fafafa;
            color: #333333;
            font-size: 13px;
            border: 1px solid #bcbcbc;
            line-height: normal;
            text-align: center;
            margin-bottom: -1px;
            border-bottom: 0px;
        }

            #quickViewTabs > li > a:hover {
                background-color: #d7d7d7;
                cursor: pointer;
                text-decoration: underline;
            }

#quickViewTabContent {
    border-top: 5px solid #0066c0;
    background-color: #f2f2f2;
    padding: 30px;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
    height: 100%;
}

    #quickViewTabContent .content {
        background-color: white;
        margin-right: 0;
        border-radius: 2px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), inset 0 0 0 1px #ddd;
        webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), inset 0 0 0 1px #ddd;
    }

#quickViewModalBody {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 0 !important;
    max-height: 80vh;
    min-height: 80vh;
    overflow: auto;
    background-color: #f2f2f2;
}

    #quickViewModalBody > #productData {
        line-height: normal;
        padding: 40px 30px;
        background-color: white;
        margin: 0;
    }

    #quickViewModalBody #productTabs {
        margin: 0;
    }

    #quickViewModalBody .tabbable {
        background-color: white;
    }

.fillHeight {
    flex: 1 1 auto;
    height: 100%;
    display: flex;
    flex-flow: column;
}

#quickViewTabContent #breadCrumbs {
    padding: 15px;
}

#quickViewTabContent .contentRow {
    padding: 10px 0;
    border-top: 1px solid #f2f2f2;
}

#quickViewTabContent .section {
    padding-top: 25px !important;
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
}

#boughtTogether #select {
    background-image: url("/Content/Images/arrowBoxLight.png");
    height: 47px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -1px;
}

    #boughtTogether #select:hover {
        background-image: url("/Content/Images/arrowBoxDark.png");
    }

#boughtTogether .col-md-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#boughtTogether div {
    line-height: normal !important;
}

#boughtTogether .content .row, #alternateProducts .content .row, #mixAndMatchProducts .content .row, #sponsoredProducts .content .row {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #ccc;
}

.content .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

#quickViewModalFooter button {
    font-size: 13px;
}

#productImage:hover .productImg {
    opacity: 0.3;
}

#productImage:hover .imgOverlay {
    opacity: 1;
}

.dashBoardAnchor #productImage {
    height: 120px !important;
}




#productImage:hover .brandsandProductsImg {
    opacity: 0.3;
}

.imgOverlay {
    transition: .5s ease;
    opacity: 0;
    -ms-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
}

.tab-content .content .imageColumn img {
    height: 70px;
    width: 70px;
}

.noResult {
    font-size: 36px !important;
    text-align: center;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.fullWidth100 {
    width: 100% !important;
}


.tab-content .fullWidthButton button, .tab-content .btn-group {
    width: 100%;
}



.supersedeBtn {
    background-color: #0066C0 !important;
    border-color: #003366 !important;
    height: 25px;
    padding: 0;
    width: 100%;
    font-size: 13px;
}

#productTableView .enlargeBtn {
    margin-left: 10px;
}

#productTableView .quickViewButton {
    top: 25%;
    margin-left: 10px;
}

#quickViewModalBody .btn-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-width: 0 !important;
}



.prop65 {
    font-weight: 700;
    font-style: normal;
    font-size: 11px;
    color: #0066CC;
}






.image input[type="file"] {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

#u1604_div {
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 140px;
    height: 100px;
    background: inherit;
    background-color: #fafafa;
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ax_default {
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    text-align: center;
    line-height: normal;
}

.box_3 {
}

#u1620_img {
    border-width: 0px;
    position: absolute;
    left: 26px;
    top: 17px;
    width: 41px;
    height: 37px;
}

.LeftMenuBT {
    line-height: 24px;
    outline: 0px;
    padding: 10px 15px;
}

    .LeftMenuBT:hover {
        text-decoration: underline;
    }


.LeftMenuItems {
    display: flex;
    height: 24px;
}

.Subcategories-1 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px !important;
    color: #000000;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    cursor: pointer;
    text-align: left;
    padding: 15px 15px 15px 30px;
    outline: none;
    background-color: #f2f2f2;
    margin: -15px;
}

    .Subcategories-1:hover {
        text-decoration: underline;
        outline: none;
    }


.Subcategories-2 {
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 0px;
    outline: none;
    background-color: #fff;
    margin: 15px -15px;
}

.Subcategories-2-items {
    font-weight: 400;
    font-style: normal;
    font-size: 12px !important;
    color: #000000;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    word-wrap: break-word;
    cursor: pointer;
    text-align: left;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    outline: none;
}

    .Subcategories-2-items:hover {
        text-decoration: underline;
        outline: none;
    }




.NavMenuItem:hover {
    background-color: #fafafa;
}

.panel-default > .panel-heading {
    padding: 8px 16px;
}


.panel-open > .panel-heading {
    background-color: #ddd;
    padding: 8px 16px;
}

.panel-body {
    background-color: #f2f2f2;
}

.width100percent {
    width: 100% !important;
}

@media (min-width: 1480px) {
    .Nav-1480-hide {
        display: none !important;
    }

    .Nav-1480-show {
        display: unset !important;
    }

    .Nav-1480-width100Percent {
        width: 100%;
    }

    .retail-logo {
        width: 100%;
        height: 65px;
        color: #333333;
    }
}


.btn-ProductsInTheSameCategory {
    width: 199px !important;
    height: 20px !important;
    color: #000000;
    padding: 2px;
    border-color: #ccc;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-width: 1px !important;
    border-style: solid;
    border-radius: 3px;
    background-color: #faf4c0;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

    .btn-ProductsInTheSameCategory:hover {
        background-color: #fcf196;
    }

#productTableView ::-webkit-scrollbar {
    width: 8px;
}

/* Track */
#productTableView ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#productTableView ::-webkit-scrollbar-thumb {
    background: #cccccc;
}

    /* Handle on hover */
    #productTableView ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }



.SearchFilter ::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.SearchFilter ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.SearchFilter ::-webkit-scrollbar-thumb {
    background: #cccccc;
}

    /* Handle on hover */
    .SearchFilter ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.highLightVariant {
    color: #0066C0 !important;
}


.stageHighLight {
    width: 180px;
    height: 100px;
    margin-right: 15px;
    display: table;
    position: relative;
    table-layout: fixed;
    Color: #0033FF !important;
}

.stage {
    width: 180px;
    height: 100px;
    margin-right: 15px;
    display: table;
    position: relative;
    table-layout: fixed;
    Color: #999999;
}

.card-accountsetup {
    width: 20%;
    height: 100px;
    background-color: white;
    border-radius: 2px;
    display: table;
    position: relative;
    table-layout: fixed;
    border: 1px solid #f5efef;
    margin-bottom: 20px;
}


#accountSetupMenu > li {
    background-color: transparent !important;
    width: 100%;
}

    #accountSetupMenu > li.active > a {
        color: #0033FF !important;
        background-color: #ffffff;
        padding-left: 10px;
        border-radius: 0;
        border-left: 5px solid #0033FF;
    }

    #accountSetupMenu > li.active .menuRight18 {
        color: #000000 !important;
    }

    #accountSetupMenu > li > a {
        border: 0px;
        padding: 10px 15px;
    }

        #accountSetupMenu > li > a:hover {
            background-color: transparent;
            color: #000000;
            text-decoration: underline;
        }

        #accountSetupMenu > li > a:focus {
            background-color: #ffffff;
            color: #000000;
        }

.btnBig {
    width: 200px !important;
    height: 40px !important;
}


.disabledLink {
    pointer-events: none;
}

.DashboardTopBanner {
    display: flex;
    flex-direction:column;
    color: #000000 !important;
    background-color: #000000;
    padding: 40px;
    border-radius: 10px;
    width: 100%;
    height: 280px;
    margin-top: 40px;
    margin-bottom: 20px;
    background-position: top;
    background-size: cover;
    background-image: url(https://www.msprodimages.com/images/DashboardTopBanner.jpg);
    background-color: #f2f2f2;
}

.UserDashboard {
    display: inline-flex;
    gap: 12px;
    width: 100%;
}

.UserDash {
    background-color: #f2f2f2;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.MS_banner {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}

.DashboardSecondBanner {
    display: flex;
    flex-direction:column;
    color: #000000 !important;
    background-color: #000000;
    padding: 40px;
    border-radius: 10px;
    width: 100%;
    height: 280px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-position: top;
    background-size: cover;
    background-image: url(https://www.msprodimages.com/images/DashboardSecondBanner.jpg);
    background-color: #f2f2f2;
}

.slide-content {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    align-content: center;
    height: 100%;
    justify-content: flex-end;
    padding: 24px;
}
.card-content {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    align-content: center;
    height: 100%;
    justify-content: flex-end;
    text-align: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.BannerContent {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    align-content: center;
    height: 100%;
    justify-content: flex-end;
}

.TaxTopBanner {
    color: #ffffff;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-image: url(https://www.msprodimages.com/images/TaxTopImage.jpg);
    background-color: royalblue;
}

.VideoTopBanner {
    color: #ffffff;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-image: url(https://www.msprodimages.com/images/VideosBackground.jpg);
    background-color: royalblue;
}

.VideoContainer {
    position: relative;
    width: 50%;
}

.VideoThumbnail {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .3s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .3s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}


.playTime {
    transition: .3s ease;
    display: flex;
    background-color: #000000;
    padding: 5px 5px 0px 5px;
}

.VideoContainer:hover .VideoThumbnail {
    opacity: 0.3;
}

.VideoContainer:hover .middle {
    opacity: 1;
}

.VideoContainer:hover .playTime {
    background-color: red;
}

.dataExportSub {
    padding: 50px 40px 50px 50px;
    margin-bottom: 80px;
}

.Btn-green-sub {
    font-size: 14px;
    border: 1px solid green;
    line-height: 37px;
    height: 40px;
    border-radius: 1px;
    cursor: pointer;
    padding: 0px 10px;
    color: #ffffff;
    margin: auto;
    width: 100%;
    background-color: green;
}

    .Btn-green-sub:hover {
        font-size: 14px;
        border: 1px solid green;
        line-height: 37px;
        height: 40px;
        border-radius: 1px;
        cursor: pointer;
        padding: 0px 10px;
        color: green;
        margin: auto;
        width: 100%;
        background-color: white;
    }

.Btn-blue-sub {
    color: #ffffff;
    width: 100%;
    background-color: #0066C0;
}

    .Btn-blue-sub:hover {
        background-color: #0066C0;
    }

.Btn-blue-sub2 {
    font-size: 14px;
    border: 1px solid #0066C0;
    line-height: 37px;
    height: 40px;
    border-radius: 1px;
    cursor: pointer;
    padding: 0px 10px;
    color: #0066C0;
    margin: auto;
    width: 100%;
    background-color: #f2f2f2;
}

    .Btn-blue-sub2:hover {
        font-size: 14px;
        border: 1px solid #0066C0;
        line-height: 37px;
        height: 40px;
        border-radius: 1px;
        cursor: pointer;
        padding: 0px 10px;
        color: #0066C0;
        margin: auto;
        width: 100%;
        background-color: white;
    }

.Btn-black-sub {
    font-size: 14px;
    border: 1px solid #000000;
    line-height: 37px;
    height: 40px;
    border-radius: 1px;
    cursor: pointer;
    padding: 0px 10px;
    color: #ffffff;
    margin: auto;
    width: 250px;
    background-color: #000000;
}

    .Btn-black-sub:hover {
        font-size: 14px;
        border: 1px solid #000000;
        line-height: 37px;
        height: 40px;
        border-radius: 1px;
        cursor: pointer;
        padding: 0px 10px;
        color: #000000;
        margin: auto;
        width: 250px;
        background-color: #ffffff;
    }

.SubItem {
    border-top: 1px solid #dddddd;
    line-height: 46px;
}

.SubBoxBas {
    text-align: center;
    height: 360px;
    padding: 40px 20px 20px 20px;
    background-color: #f2f2f2;
    border-top: 5px solid green;
    margin: 0px 10px;
}

.SubBoxPre {
    text-align: center;
    height: 360px;
    padding: 40px 20px 20px 20px;
    background-color: #f2f2f2;
    border-top: 5px solid #0066C0;
    margin: 0px 10px;
}

.blacklist-header {
    background-color: #fafafa;
    color: #000000;
    text-align: center;
    font-size: 16px;
    padding: 20px;
    border: 1px solid #dddddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.blacklist-body1 {
    background-color: #f6f6f6;
    color: #000000;
    text-align: left;
    border: 1px solid #dddddd;
    height: 460px;
    font-size: 13px;
}

.blacklist-body2 {
    background-color: #333333;
    color: white;
    text-align: left;
    border: 1px solid #333333;
    height: 460px;
    font-size: 13px;
}

.blacklist-list {
    overflow-y: auto;
    padding: 0px 20px 20px 20px;
    height: 390px;
}

.link_black {
    color: #000000 !important;
    text-decoration: underline !important;
}

.link_white {
    color: #ffffff;
    text-decoration: underline !important;
}

.GlobalNote {
    font-weight: normal;
    color: #ffffff;
    background-color: #dd2c00;
    border: none;
    padding: 10px 0px;
}

.SiteSecondNotificationText {
    display: block;
}

.SiteSecondNotificationLink {
    padding-top: 0px;
    padding-bottom: 0px;
}

.SiteSecondNotenCustomerLevel {
    background-color: #5485f9;
    color: #ffffff;
    border: none;
    padding: 10px 0px;
}

.SiteSecondNotification {
    background-color: #FFCC33;
    color: #000000;
    border: none;
    padding: 10px 0px;
}

.SiteSecondNotificationSetting {
    background-color: #FFCC33;
    padding: 15px;
    color: #000000;
}

.SaleTagImage {
    height: 25px;
    padding-top: 2px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#NoteSettingTabel > tbody > tr > td {
    padding: 3px
}

.SaleFlyer_tab {
    background-color: #ffffff;
    color: #333333;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.SaleFlyer_tab_active {
    background-color: #0066c0;
    color: #ffffff;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #0066c0;
    border-left: 1px solid #0066c0;
    border-right: 1px solid #0066c0;
}

.SaleFlyer_productImage {
    height: 120px;
    width: 120px;
    background-color: #f2f2f2;
    display: flex;
    color: #666666;
    margin-right: 20px;
}

.SaleFlyer_preview {
    border-left: 3px dashed #ddd;
    padding-bottom: 40px;
}

.SaleFlyer_cover_preview {
    background-color: #ffffff;
    height: 642px;
    border: 1px solid #ddd;
    box-shadow: 8px 8px #999999;
}

.saleFlyer_cover_image {
    /* The image used */
    background-image: url("http://www.msprodimages.com/PGP/CustomerSalesFlyer/CustomerSalesFlyerBackGround.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #2f4f4f;
}

.saleFlyer_cover_image_customerspecific {
    /* The image used */
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #2f4f4f;
}

.SaleFlyer-cover-top {
    height: 100px;
    padding: 25px 30px;
    background-color: #ffffff;
    border-bottom: 3px solid #d12127;
    font-size: 10px;
}

.SaleFlyer_cover_title {
    width: 400px;
    min-height: 62px;
    text-align: center;
    font-size: 42px;
    background-color: #d12127;
    color: #ffffff;
    font-weight: 600;
    margin: auto;
    margin-top: -30px;
    line-height: 42px;
    padding: 10px;
}

.SaleFlyer_cover_subtitle {
    width: 400px;
    text-align: center;
    font-size: 16px;
    background-color: #000;
    color: #ffffff;
    font-weight: 400;
    margin: auto;
    padding: 5px 10px;
}

.SaleFlyer_cover_footer {
    width: 100%;
}

.SaleFlyer_cover_call {
    background-color: #d12127;
    color: #ffffff;
    padding: 10px 40px 10px 10px;
}

.SaleFlyer_cover_address {
    color: #ffffff;
}

.SaleFlyer_featureProduct {
    min-height: 120px;
    width: 120px;
    background-color: #ffffff;
}

.SaleFlyer_featureProduct_des {
    background: #000000;
    padding: 10px 5px;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
}

.SaleFlyer_featureProduct_Price {
    margin-bottom: -40px;
    margin-left: -5px;
    position: relative;
    padding-top: 20px;
}

.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 20px solid #d12127;
    border-right: 10px solid transparent;
}

.triangle-buttonright {
    width: 0;
    height: 0;
    border-bottom: 62px solid #d12127;
    border-left: 31px solid transparent;
}

.SaleFlyer_featureProduct_SalePrice {
    color: #ffffff;
    text-align: center;
    background-color: #d12127;
    padding-left: 5px;
    padding-right: 5px;
}

.SaleFlyer_RetailPrice {
    color: #666666;
    font-size: 8px;
    text-align: center;
    text-decoration: line-through;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-left: 5px;
}

.SaleFlyer_featureProduct_RetailPrice {
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    text-decoration: line-through;
    background-color: #d12127;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-right: 5px;
}

.SaleFlyer_featureProduct_brandname {
    font-size: 6px;
    text-align: center;
    padding: 7px 0px;
}

.SaleFlyer_product_preview {
    background-color: #ffffff;
}

.SaleFlyer_page_footer {
    height: 10%;
    border-top: 3px solid #d12127;
    margin: 0px 30px;
    padding: 5px 0px 20px 0px;
    font-size: 10px;
}

.SaleFlyer_page_header {
    height: 10%;
    border-bottom: 3px solid #d12127;
    margin: 0px 30px;
    padding: 25px 0px 10px 0px;
    font-size: 10px;
}

.SaleFlyer_pageNumber {
    padding-top: 5px;
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 8px;
    height: 11px;
}

.paddingL40 {
    padding-left: 40px;
}

.paddingR40 {
    padding-right: 40px;
}

.table-background-transparent > tbody > tr {
    background-color: transparent;
}

.dashboard-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}

.dashboard-card-soft {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
}

.dashboard-card-soft-dark {
    position: relative;
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.10);
    overflow: hidden;
    border-radius: 8px;
}

.card-head {
    padding: 16px 16px 0px 16px;
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
}

.post-content {
    padding: 16px;
}

.post-media {
    background-color: #dddddd;
    height: 280px;
    padding: 16px;
    border-top: 1px solid #dddddd;
}

.UpdateGreenBox {
    background-color: rgb(216, 244, 202);
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid rgb(66, 203, 101);
    border-radius: 3px;
}

.UpdateGreenBox_2 {
    background-color: rgb(216, 244, 202);
    margin: 15px 0px;
    padding: 10px;
    border: 1px solid rgb(66, 203, 101);
    border-radius: 3px;
}

.date_button {
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    background: #fafafa;
}

    .date_button:hover {
        border: 1px solid #999999;
        background: #f2f2f2;
    }

.cardZeroPadding {
    background-color: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    display: table;
    margin-bottom: 12px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.taxInfoLabel {
    border-width: 0px;
    width: 15px;
    height: 15px;
    background: inherit;
    background-color: #54bd61;
    border: none;
    border-radius: 15px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.taxNOState {
    width: 48px;
    height: 48px;
    padding: 2px;
    border: 2px;
    margin: 2px;
}

.taxUSState {
    width: 48px;
    height: 48px;
    padding: 2px;
    border: 2px solid rgba(0, 117, 255, 1);
    margin: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#taxTable.table > tbody > tr > td {
    padding: 5px;
    line-height: 1.42857143;
    border-bottom: 1px solid #ddd !important;
    vertical-align: top;
    background-color: green;
    width: 50px !important;
    height: 50px !important;
}

.taxableState {
    background-color: rgba(255, 0, 0, 0.5);
}

.nontaxableState {
    background-color: rgba(22, 176, 42, 0.5);
}

.notenabledState {
    background-color: rgba(232, 232, 232, 1);
}

.selectedState {
    background-color: rgba(0, 106, 230, 1) !important;
    color: white !important;
}

.selectedTaxOption {
    border: 2px solid #0066c0;
    border-radius: 15px;
    padding: 5px 10px;
    margin-right: 10px;
}

.selectedBrandFilter {
    background-color: #000000;
    color: #FFFFFF;
    height: 36px;
    border-radius: 20px;
    padding: 0px 16px;
    font-size: 14px;
    font-weight: 500;
}

.normalBrandFilter {
    color: #333333;
    background: rgb(0 0 0 / 5%);
    height: 36px;
    border-radius: 20px;
    padding: 0px 16px;
    font-size: 14px;
    font-weight: 500;
}

.TaxStatusOption {
    border: 1px solid #b1b1b1;
    border-radius: 15px;
    padding: 5px 10px;
    margin-right: 10px;
}

.mysearchboxFocusedContainer {
    position: absolute;
    z-index: 3000;
    background-color: #ffffff;
    width: 486px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    max-height: 615px;
    overflow-y: auto;
    border: 1px solid #999999;
}


.shippingSelection {
    border: 3px solid #999999;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    background-color: #fafafa;
}

    .shippingSelection:hover {
        background-color: #f2f2f2;
    }

.shippingSelect {
    border-top: 2px solid #ddd;
    padding-top: 13px;
}

.mysearchboxFocused-highlight {
    background-color: #0066C0 !important;
    color: white !important;
}

.searchHistoryContainerFocussed {
    height: 510px !important;
    height: auto;
    overflow-x: hidden;
}

div.input-group > ul.dropdown-menu > li > a > i:hover {
    padding-right: 10px !important;
    background-color: blue;
    color: white;
    border: 1px solid #f2f2f2;
}

.profile-image-box {
    height: 40px;
    width: 40px;
    border-radius: 100px;
    margin-right: 8px
}

.profile-image-dashboard {
    border-radius: 50%;
    object-fit: cover;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.selectedbrandbox {
    border: 1px solid #cccccc;
    border-radius: 3px;
    height: 150px;
    overflow-x: hidden;
    width: 100%;
    padding: 10px;
    margin-top: 7px;
}

.menu-top {
    padding: 16px 16px 0px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-section {
    padding: 8px 32px;
}

.help-menu {
    cursor: default;
    width: 400px;
    border-radius: 12px;
    margin-top: 12px;
    color: #333333;
}


.account-menu {
    cursor: default;
    width: 300px;
    border-radius: 12px;
    margin-top: 12px;
    color: #333333;
}


.profile-box {
    display: flex;
    padding: 16px;
    color: #000000;
}

.map-item {
    color: #333333;
    width: 100%;
    text-align: left;
    background-color: #f2f2f2;
    padding: 12px;
    border-radius: 8px;
}

    .map-item:hover {
        background-color: #ebebeb;
    }

        .map-item:hover .mpc-download {
            text-decoration: underline;
        }
 .new-brand-item {
        display: flex;
        column-gap: 8px;
        align-items: center;
        color: #000000;
        width: 100%;
        border: 0;
        text-align: left;
        border-radius: 8px;
        padding: 8px;
        background-color: #f2f2f2;
    }

    .new-brand-item:hover {
        background-color: #ebebeb;
    }

.menu-item {
        display: flex;
        align-items: center;
        background-color: #ffffff;
        padding: 8px 32px;
        color: #000000;
        width: 100%;
        border: 0;
        text-align: left;
        font-size: 13px;
}

.menu-item:hover {
        background-color: #f2f2f2;
}

.deal-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    row-gap: 8px;
    background-color: #f2f2f2;
    padding: 12px;
    color: #000000;
    width: 100%;
    border: 0;
    text-align: left;
    border-radius: 8px;
}

    .deal-card:hover {
        background-color: #ebebeb;
    }

.deal-card-content {
    display: flex;
    color: #000000;
    width: 100%;
}

.flex-space-btw {
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
}

.on-off-button {
    padding: 2px 8px;
}

    .on-off-button:hover {
        background-color: #dddddd;
        border-radius: 20px;
        color: #000000;
    }

.container-grid {
    display: grid;
    column-gap: 24px;
    padding-bottom: 40px;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: 240px minmax(0, 1fr) 300.00px;
}

.container-grid-2 {
    display: grid;
    column-gap: 34px;
    margin-bottom: 32px;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr) 280.00px;
}

.two-col-grid {
    display: grid;
    grid-template-columns: 278px minmax(0, 1fr);
    gap: 8px;
}

.on {
    background-color: #24c724;
    height: 8px;
    width: 8px;
    border-radius: 5px;
    margin-right: 4px;
}

.off {
    background-color: #7a7a7a;
    height: 8px;
    width: 8px;
    border-radius: 5px;
    margin-right: 4px;
}

.sale-list-item {
    margin: 8px 0px;
}

.sale-brand {
    color: #33bfff;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 15px;
}

.slider-homepage {
    background-color: #dddddd;
}

.DashboardTopBanner_new {
    display: table;
    table-layout: fixed;
    padding: 32px;
    height: 210px;
    background-position: center;
    background-size: cover;
    background-image: url(https://www.msprodimages.com/images/DashboardTopBanner_new.jpg);
    background-color: #002a48;
}

.grid-1x1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 8px;
}

.grid-1x2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.grid-1x3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 8px;
}

.grid-1x4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
}

.grid-1x5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 16px;
}

.borderT {
    border-top: 1px solid #cccccc;
}

.borderB {
    border-bottom: 1px solid #cccccc;
}

.two-col-section {
    display: flex;
    column-gap: 8px;
}

.news-container {
    display: flex;
    width: 50%;
    column-gap: 8px;
}

.news-image {
    width: 90px;
    height: 90px;
    background-position: center;
    background-size: cover;
}


.itemInCarousel {
    max-height: 250px !important;
    background-color: transparent !important;
}

.itemIndicators {
    background-color: #cccccc;
    width: 8px !important;
    height: 8px !important;
}

.carousel-indicators-newbrand {
    display: flex;
    column-gap: 8px;
    position: unset;
    bottom: unset;
    left: unset;
    width: unset;
    margin-left: unset;
    padding-left: 16px;
    padding-right: 16px;
    list-style: unset;
    text-align: unset;
}

    .carousel-indicators-newbrand div {
        display: inline-block;
        width: 6px;
        height: 6px;
        cursor: pointer;
        background-color: #dddddd;
    }


    .carousel-indicators-newbrand .active {
        margin: 0;
        width: 6px;
        height: 6px;
        background-color: #002a48;
    }

    .carousel-indicators-newbrand div:hover {
        background-color: #666666;
    }

.carousel-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    padding: 24px;
    align-items: center;
    justify-content: right;
}

.carousel-controls-newBrands {
    top: 135px;
    display: flex;
    padding: 8px 16px;
    bottom: unset;
    right: unset;
    width: 100%;
}

.sale-list-item {
    margin: 8px 0px;
}

.np-overlay {
    position: absolute;
    display: block;
    left: 0;
    width: 232px;
    height: 232px;
    background-color: #000000;
    opacity: 0.05;
}

    .np-overlay:hover {
        background-color: #000000;
        opacity: 0.1;
    }

.title-tag {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    color: #333;
    padding: 16px 16px 0px 16px;
}
.np-image-container {
    height: 232px;
    width: 232px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    display: inline-table;
}
.new-product-image-div {
    height: 200px;
    width: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 16px;
    background-color: #ffffff;
}

.slide_container {
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    height: 217px;
}
.slider-controls-1 {
    display: flex;
    background-color: transparent;
    align-items: center;
    padding: 4px 8px;
    border-radius: 30px;
}
.slider-controls {
    display: flex;
    background-color: rgb(255 255 255 / 50%);
    align-items: center;
    padding: 4px 8px;
    border-radius: 30px;
}

.carousel-controls-slider {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    padding: 0px;
    align-items: center;
    justify-content: right;
}

.carousel-indicators-slider {
    display: flex;
    column-gap: 8px;
    position: unset;
    bottom: unset;
    left: unset;
    width: unset;
    margin-left: unset;
    padding-left: 8px;
    padding-right: 8px;
    list-style: unset;
    text-align: unset;
}

    .carousel-indicators-slider div {
        margin: 0;
        width: 6px;
        height: 6px;
        background-color: #666666;
        opacity: 0.5;
    }

    .carousel-indicators-slider .active {
        margin: 0;
        width: 6px;
        height: 6px;
        background-color: #666666;
        opacity: 1;
    }

.carousel-indicators-slider-w {
    display: flex;
    column-gap: 8px;
    position: unset;
    bottom: unset;
    left: unset;
    width: unset;
    margin-left: unset;
    padding-left: 8px;
    padding-right: 8px;
    list-style: unset;
    text-align: unset;
}

    .carousel-indicators-slider-w div {
        margin: 0;
        width: 6px;
        height: 6px;
        background-color: #ffffff;
        opacity: 0.5;
    }

    .carousel-indicators-slider-w .active {
        margin: 0;
        width: 6px;
        height: 6px;
        background-color: #ffffff;
        opacity: 1;
    }
/* General dashboard table styles */
.dashboard-table {
    width: 100%;
    border-collapse: collapse;
    background: none;
}

    .dashboard-table tr {
        background: none;
    }

        /* Borders only between rows (no bottom border on last row) */
        .dashboard-table tr:not(:last-child) {
            border-bottom: 1px solid rgb(0 0 0 / 20%);
        }

    /* Table cells */
    .dashboard-table td {
        padding: 8px;
        vertical-align: middle;
        background: none;
    }


.dashboard-cart {
    height: 40px;
    width: 40px;
    display: flex;
    border-radius: 50px;
}

.menu-group {
    background-color: #f2f2f2;
    cursor: pointer;
    user-select: none;
}

    .menu-group td {
        padding: 8px;
        font-weight: bold;
        position: relative;
    }

.menu-icon {
    position: absolute;
    right: 10px;
    transition: transform 0.2s ease;
    font-size: 18px;
    vertical-align: middle;
}

.submenu td {
    padding: 6px 16px;
}

.brand-menu {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    overflow: hidden;
    background: #fff;
}

.brand-item {
    border-bottom: 1px solid #ddd;
}

.brand-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #f9f9f9;
    transition: background 0.2s ease;
}

.brand-details {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

    .brand-details.open {
        max-height: 500px; /* big enough to fit content */
        opacity: 1;
    }


.brand-image {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 6px;
    margin-right: 12px;
}

.brand-focus {
    width: 300px;
    margin-top: 12px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.card-brand-image-2 {
    height: 210px;
    background-size: cover;
    background-position: center;
    background-color: #e5e5e5;
    color: #fff;
}

.np-card {
    position: relative;
    background: #132b45;
    color: white;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    border-radius: 8px;
}

.np-card-2 {
    position: relative;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    border-radius: 8px;
}

.np-logo-box {
    height: 80px;
    width: 80px;
    box-shadow: 0 0 7px rgb(97 97 97 / 17%);
    display: flex;
    border: 1px solid #ddd;
    position: absolute;
    top: 210px;
    left: 40px;
    background-color: #ffffff;
    border-radius: 4px;
}

.np-about {
    padding-left: 16px;
    height: 100%;
}

.np-des{
    padding: 16px 0px 16px 16px;
}

.nb-logo-box {
    height: 80px;
    width: 80px;
    box-shadow: 0 0 7px rgb(97 97 97 / 17%);
    display: flex;
    border: 1px solid #ddd;
    position: absolute;
    top: 130px;
    background-color: #ffffff;
    border-radius: 4px;
}

.nb-logo {
    height: 60px;
    width: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    margin: auto;
}
.news-logo {
    max-height: 100px;
    max-width: 100px;
    margin-right:16px;
}
.nb-logo-1 {
    height: 48px;
    width: 48px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    margin: auto;
}

.nb-about {
    padding: 24px 16px 0px 16px;
    height: 100%;
}

.new-brand-content {
    height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
}


.menu-group-new {
    padding: 16px 24px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.submenu-new {
    padding: 0px 24px 24px 24px;
}


.spacer {
    height: 24px;
}

.deal-tag {
    height: 100%;
    display: flex;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 8px;
    cursor: pointer;
}

    .deal-tag:hover {
        background: #ebebeb;
    }

.nb-tabs li.active a {
    background: #f3f4f6;
    font-weight: 700;
    border-left: 3px solid #1976d2;
}

.underline {
    text-decoration: underline !important;
}

.dashboard-note {
    display: inline-block;
    border-radius: 30px;
    background: #db2e17;
    padding: 0px 10px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 24px;
}

/* Default background */
.NoteMenu {
    background-color: transparent;
    transition: background-color 0.3s ease; /* smooth animation */
    border-radius: 20px;
    padding: 2px 8px;
}

/* Red background when notifications exist */
.has-notifications {
    background-color: #ff0600; /* red background */
    color: white; /* make text/icons white for contrast */
}

    .has-notifications .material-icons {
        color: white;
    }

    .has-notifications .caretSmall {
        border-top-color: white;
    }

.notification-menu {
    cursor: default;
    max-width: 945px;
    border-radius: 12px;
    color: #333333;
    margin-top: 10px;
}
/* Make each notification section look like a card */
.notif-column {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: auto;
    max-height: 400px;
}


/* Notification rows */
.notif-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}

    .notif-item:last-child {
        border-bottom: none;
    }

.notif-desc {
    font-size: 12px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-header {
    color: #ffffff;
    margin-bottom: 8px;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tag-rebate-dealer {
    color: #8e2f2e;
}

.tag-rebate-ratail {
    color: #393967;
}

.rebate-dealer {
    background-color: #8e2f2e;
}

.rebate-ratail {
    background-color: #393967;
}

.MS-sale {
    background-color: #BD2106;
}

.MA-sale {
    background-color: #454545;
}

.tag-MS-sale {
    color: #db2e17;
}

.tag-MA-sale {
    color: #454545;
}

.line-top-color {
    background: linear-gradient(to right, #f67a00 17.85%, #7f0e7f 53.28%, #007a65 100%);
    display: block;
    height: 6px;
    width: 100%;
}

.grid-price {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 32px;
    padding: 16px;
}

.btn-icon {
    display: flex;
    align-items: center;
    column-gap: 4px;
    justify-content: center;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Or desired size */
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.btn-transparent,
.btn-transparent:focus,
.btn-transparent:active {
    background: transparent;
    text-decoration: underline;
    color: #ffffff;
    border: 2px solid transparent;
    border-radius: 50px;
}

    .btn-transparent:hover{
        background: rgb(255 255 255 / 25%);
        text-decoration: none;
        color: #ffffff;
        border: 2px solid #ffffff;
        border-radius: 50px;
    }

.h-btn,
.h-btn:active,
.h-btn:focus {
    background-color: rgb(0 0 0 / 50%);
    text-decoration: none;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50px;
}

.h-btn:hover {
    background: #ffffff;
    text-decoration: none;
    color: #333333;
    border: 2px solid #ffffff;
    border-radius: 50px;
}

.h-btn-sec,
.h-btn-sec:active,
.h-btn-sec:focus {
    background-color: rgb(0 0 0 / 50%);
    border-radius: 0px;
    width: 100%;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}

    .h-btn-sec:hover {
        text-decoration: underline;
        color: #ffffff;
    }

.btn-slide {
    background: #ffffff;
    border-radius: 50px;
}

    .btn-slide:hover {
        background: #fafafa;
        border-radius: 50px;
    }

.justify-content-center {
    justify-content: center
}

.btn-cart {
    padding: 8px;
    position: relative;
    width: 40px;
    height: 40px;
}

.cart-badge {
    position: absolute;
    top: -6px;
    right: -3px;
    background-color: #0b57d0;
    color: white;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 6px;
    line-height: 1;
    min-width: 18px;
    text-align: center;
}

.btn-white {
    background: #f1f1f1;
    color: #000000;
}

    .btn-white:hover {
        background: #dddddd;
        color: #000000;
    }

.selectedNewProduct {
    border: thin solid black !important;
}

.newProductSetupFilter {
    padding: 6px 12px;
    border: 1px solid #bbb;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    background: #fff;
    transition: background 0.2s, color 0.2s;
}

    .newProductSetupFilter:hover {
        background: #f0f0f0;
    }

    .newProductSetupFilter.active {
        background: #007bff;
        color: #fff;
        border-color: #006ae6;
    }

.newProduct-live {
    border: 3px solid green !important;
}

.compact-view {
    width: 100%;
    display: flex;
    background-color: white;
    padding: 16px;
    border: 1px solid #dddddd;
    border-radius: 12px;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}


.pgpDescription1 {
    color: #666666;
    font-family: 'OpenSans',sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
}

.pgpDescription2 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;
}

.pgpDescription3 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #999999;
    font-size: 14px;
    text-align: left;
}



.pgpDescription4 {
    font-family: 'OpenSans',sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #b12704;
}

.pgpDescription5 {
    font-family: 'OpenSans',sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #009966;
}

.pgpDescription6 {
    color: #666666;
    text-align: right;
}

    .pgpDescription6:hover {
        color: #666666 !important;
    }

.pgpDescription7 {
    font-size: 14px !important;
    color: #666666 !important;
}

.pgpDescription8 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    text-align: right;
}

.pgpDescription9 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #666666;
}

.pgpLineHeight {
    line-height: 10px !important;
}

.pgpBR {
    line-height: .5px !important;
    padding: 0px;
    margin: 0px;
}

.pgpHR {
    padding: 1px;
    margin: 0px;
    background-color: white;
}

.pgpLayout1 {
    background-color: rgba(153, 153, 153, 1);
    padding-right: 6px;
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
}

.pgpLayout2 {
    background-color: rgba(153, 153, 153, 1);
    padding-right: 6px;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
}



.pgpLayoutBlackListed {
    background-color: #666666;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pgpLayoutCloseOut {
    background-color: rgb(185,225,254);
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #91c0e2;
    font-size: 11px;
    border-radius: 3px;
}

.currentDeals {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px !important;
    color: transparent;
    background-image: linear-gradient(-90deg, #ff0047, #003effc4);
}

.Unbelievable {
    color: #c31865;
    font-size: 22px !important;
}

.CloseOut {
    color: #077fef;
    font-size: 22px !important;
}

.TempSale {
    color: #dd2c00;
    font-size: 22px !important;
}

.pgpLayoutNew {
    position: absolute;
    top: 0;
    background-color: #ffdc67;
    padding: 2px 4px;
    font-size: 11px;
    height: 18px;
    color: #000000 !important;
    display: inline-block;
}

.brand-new {
    background-color: #ffdc67;
    padding: 2px 4px;
    font-size: 11px;
    height: 18px;
    color: #000000 !important;
    display: inline-block;
}

.pgpLayoutSale {
    position: absolute;
    top: 0;
    background-color: #db2e17;
    padding: 2px 4px;
    font-size: 11px;
    height: 18px;
    color: white !important;
    display: inline-block;
}

.pgpCustomerRebate {
    background-color: rgb(102,102,149);
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    color: #ffffff !important;
    padding-bottom: 2px;
    border-radius: 3px;
    border: 1px solid #393967;
}

.pgpDealerRebate {
    background-color: rgb(179,104,103);
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    color: white !important;
    padding-bottom: 2px;
    border-radius: 3px;
    border: 1px solid #8e2f2e;
}

.pgpZoomHover {
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    filter: alpha(opacity=45);
    opacity: 0.45;
    transition: opacity .5s ease-in-out;
    zoom: 1;
}


.pgpImageLayout1 {
    height: 18px;
}

.search-image-container {
    position: relative;
}

.new-product-card {
    display: flex;
    flex-direction: row;
    padding: 16px 16px 16px 16px;
    gap: 16px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    margin-top: 16px;
}

.new-product-thumbnail {
    max-width: 200px;
    max-height: 200px;
    margin: auto 0;
}

.manufacturer {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #666666;
}


.description-text {
    display: flex;
    flex-direction: column;
    width: 100%
}
.np-logo-box-1 {
    display: flex;
    height: 60px;
    width: 60px;
    background-color: #ffffff;
    border-radius: 6px;
}
.np-logo-box-2 {
    height: 80px;
    width: 80px;
    box-shadow: 0px 4px 0px 0px rgb(97 97 97 / 17%);
    display: flex;
    border: 1px solid #ddd;
    position: absolute;
    background-color: #ffffff;
    border-radius: 0px 0px 8px 8px;
    left: 24px;
    top: -16px;
    border-top: 0;
}

.items-flex-end {
    align-items: flex-end;
}

.banner-preview-card-mobile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    gap: 18px;
    width: 400px;
    height: 300px;
    background: #2E2E2E;
    border-radius: 12px;
    background-position-x: right;
    background-position-y: center;
    background-size: cover;
   /* background-repeat: no-repeat;*/
}
.bannerBox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 8px;
    width: 206px;
    height: 146px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 4px solid #ddd;
    border-radius: 8px 8px 0px 0px;
}

.bannerBoxSelected {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    gap: 8px;
    width: 206px;
    height: 146px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    background-color: #ffffff;
    border-bottom: 4px solid #5656d3;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 8px 8px 0px 0px;
}
.bannerPaneTextBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px 12px;
    gap: 10px;
    width: 100%;
    height: 36px;
    background: #fffcd7;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}
.header-button {
    color: #000000 !important;
    display: flex;
}
    .header-button:hover {
        color: #0066C0 !important;
    }
.brand-tab-item {
    height: 60px;
    background-color: #ffffff;
    
}

.brand-tab > li.active > a, .brand-tab > li.active > a:hover, .brand-tab > li.active > a:focus {
    border: 3px solid #0066c0;
    border-bottom-color: transparent;
    background-color: #ffffff;
}

.brand-tab {
    border-bottom: 3px solid #0066c0;
}
    .brand-tab > li {
        margin-bottom:-3px;
    }
    .brand-tab > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-bottom: 3px solid #0066c0;
        border-radius: 4px 4px 0 0;
    }
    .brand-tab > li > a:hover {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-bottom: 3px solid #0066c0;
        border-radius: 4px 4px 0 0;
    }
.app-menu {
    cursor: default;
    width: 300px;
    border-radius: 12px;
    margin-top: 9px;
    color:#000000;
}

.news-type-container {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.news-type-container label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.news-preview-box {
    width: 75%;
    background: #eeeeee;
    display: flex;
    justify-content: center;
    padding: 20px;
    border: 1px solid #ddd;
}

.selectedNews {
    border: 2px solid blue !important;
}

.adSettings-dropdown {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 200px;
}

.grayBorder {
    border: 1px solid gray;
}

.adSettingsNewBtn {
    background: black;
    color: white;
    width: 80px;
}

.adSettingsNewBtn:hover {
    color: white;
}

.adSettingsWhiteBtn {
    background: white;
    color: black;
}

.adSettingsBlackBtn {
    background: #222222;
    color: white;
}

.adSettingsBlackBtn:hover {
    color: white;
}

.selectedAd {
    border: 2px solid blue !important;
}

.ad-center {
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ad-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.ad-preview-box {
    width: 70%;
    background: #696969;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad-preview-img {
    background: black;
    width: 240px;
    height: 240px;
    display: flex;
    border-radius: 15px;
    margin: auto;
    justify-content: space-around;
    align-items: end;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.green-dot {
    background: green;
}

.orange-dot {
    background: orange;
}

.gray-dot {
    background: gray;
}

.red-dot {
    background: red;
}

.hidden-checkbox label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.non-stock-question-box {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #e7f9ff;
    border: 1px solid #1a82ec;
    border-radius: 6px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 4px;
    width: 180px;
    color: #0066BD;
}
.out-of-stock {
    height: 12px;
    width: 12px;
    background-color: #e9fdd6;
    border-radius: 12px;
    border: 2px solid #0a8a00;
    margin-right: 6px;
}

.stocking {
    height: 12px;
    width: 12px;
    background-color: #0a8a00;
    border-radius: 12px;
    margin-right: 6px;
}
.non-stock {
    height: 12px;
    width: 12px;
    background-color: #db2e17;
    border-radius: 12px;
    margin-right: 6px;
}

.banner-button {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #e7f9ff;
    border: 1px solid #1a82ec;
    border-radius: 6px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 4px;
    width: 180px;
    color: #0066BD;
}
.out-of-stock {
    height: 12px;
    width: 12px;
    background-color: #e9fdd6;
    border-radius: 12px;
    border: 2px solid #0a8a00;
    margin-right: 6px;
}

.stocking {
    height: 12px;
    width: 12px;
    background-color: #0a8a00;
    border-radius: 12px;
    margin-right: 6px;
}
.logo-table {
    width: 60px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vendorCoop-banner {
    display: flex;
    flex-direction: row;
    background-position: center;
    background-size: cover;
    width: 930px;
    height: 93px;
    justify-content: space-between;
    align-items: center;
    padding: 0px 24px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #ddd;
}

.banner-link:hover {
    cursor: pointer;
}
/*Desktop UI*/


@media (min-width: 576px) {

    .MobileOnly {
        visibility: hidden;
        display: none;
    }


    .DesktopFlex {
        display: flex;
    }

    .MarginLR15Descktop-TB15Mobile {
        margin: 0px 15px;
    }

    .Desktop {
        visibility: visible;
        display: block;
        display: table-cell;
    }

    .DesktopVisible {
        visibility: visible;
    }

    #header-section2 {
        width: 100%;
    }

    .modal-dialog {
        margin: auto;
        margin-top: 25px;
        max-width: 1170px;
    }

    .site-sidenav-container {
        height: 100%;
    }

    #whiteCartPanelHeading1.panel-default > .panel-heading {
        padding-top: 10px !important;
    }


    #whiteCartPanelHeading1 a:focus, #whiteCartPanelHeading a:focus, #listPanelHeading a:focus {
        outline: none !important;
    }

    .yourCartsBarCartText1 {
        margin-right: 10px;
        padding-right: 0;
    }

    .yourCartsBarContainer {
        margin: auto;
        padding-bottom: 20px;
        min-height: 106px;
    }

    .DesktopOnly {
        visibility: visible;
        display: block;
    }

    .DesktopOnlyFlex {
        visibility: visible;
        display: inline-flex;
    }

    .DesktopOnlyCell {
        visibility: visible;
        display: table-cell;
    }

    .desktopPadding25mobile15 {
        padding: 25px;
    }


    .brandBox {
        width: 180px;
    }

    
    .Mobile {
        visibility: hidden;
        display: none;
    }

    .MobileFlex {
        display: flex !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: -webkit-box;
        display: -moz-box;
    }



    .borderRightLine-desktop {
        border-right: 1px solid #cccccc;
    }

    .borderLine-orderheader {
        border-right: 1px solid #cccccc;
        border-bottom: 0px;
    }

    .image {
        position: relative;
        display: inline-block;
        padding: 0%;
        z-index: 2
    }

    .paddingR15-desktop {
        padding-right: 15px;
    }

    .searchResults {
        margin-right: 0;
        display: table;
        margin-bottom: 12px;
        position: relative;
        table-layout: fixed;
        width: 100%;
    }

    .searchResults-table {
        background-color: white;
        margin-right: 0;
        border-radius: 0px;
        box-shadow: none;
        display: table;
        margin-bottom: 0px;
        position: relative;
        table-layout: fixed;
        width: 100%;
    }

    #searchResults-items {
        background-color: white;
        margin-right: 0;
        padding: 16px;
        display: table;
        border: 1px solid #dddddd;
        margin-left: 0px !important;
        line-height: normal;
        position: relative;
        table-layout: fixed;
        width: 100%;
        margin-top: 8px;
        border-radius: 12px;
    }

    .ProductDetailsImage {
        border-right: 0px;
        border-radius: 5px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .ProductDetailsText {
        padding-right: 0px !important;
        border-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        border: 0px solid silver;
        border-right-color: white;
        border-top-color: whitesmoke;
        border-bottom-color: whitesmoke;
        padding-left: 0px;
        padding-right: 0px;
        width: 780px !important;
    }

    .ProductDetailsImg {
        cursor: zoom-in;
        align-content: center;
        width: 360px;
    }

    .mobilepaddingLRzero {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cartReviewSection {
        margin: 0 10px 10px 10px;
        padding: 0 5px 5px 5px;
    }

    .btnCartSmall {
        border: 2px solid white;
        height: 50px;
        width: 50px;
        padding: 3px;
        padding-bottom: 0px;
    }

    .btnCartSmall_menu {
        border: 1px solid white;
        padding-bottom: 0px;
        border-radius: 5px;
        width: 183px;
    }

    .btnCartImgSmall {
        height: 29px;
        background-image: url("/Content/Images/CartIcon22.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    .desktopOnlyPaddingLeft30 {
        padding-left: 30px !important;
    }

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

    .desktopOnlyPaddingLeftRight15 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .SearchDetailsSection {
        padding: 0px;
        width: 960px;
    }

    .SearchDetailsSection-table {
        width: 100%;
    }

    .SearchTextSection {
        padding-left: 0px;
        padding-right: 0px;
        width: 730px !important
    }

    .searchImageSection {
        padding-left: 0px;
        padding-right: 0px;
        min-width: 100px !important;
        width: 200px !important;
        height: 180px !important
    }

    .ProductViewPrice {
        width: 490px;
        border-top: 1px solid #f2f2f2;
        padding-top: 12px;
        padding-bottom: 8px;
    }

    .ProductViewPrice-table {
        border-top: 1px solid #f2f2f2;
        padding-top: 12px;
        padding-bottom: 8px;
    }

    .Line-table {
        border-top: 1px solid #f2f2f2;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .ListNav {
        margin: 0px;
        padding: 0px;
    }

    .corousel-title {
        font-size: 18px;
        color: #000000;
        font-weight: 700;
    }

    #checkOutNavr {
        top: -58px;
        min-height: unset;
    }

    .ListDetailsSection {
        padding: 0px;
        margin: 0px;
        min-height: 500px;
    }



    .rowequal {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex: 1 0 auto;
    }

    .cartCheckOutText {
        font-size: 18px;
        font-weight: 700;
    }


    .cartMarginLeft15 {
        margin-left: 15px;
    }

    .cartMobileFloatLeft {
        float: right !important;
    }

    #logo {
        width: 250px;
    }


    .cartLineImageSection {
        padding-left: 0 !important;
        width: 32%;
    }

    .cartLineCountSection {
        padding-left: 0px !important;
        width: 36%;
    }

    .cartLineCountItemSection {
        padding-left: 0px !important;
        width: 36%;
    }

    .cartLinePriceWhenAdded {
        width: 8%;
        padding-top: 13px;
    }

    .cartLineTotal {
        padding-right: 0 !important;
        width: 14%;
    }

    .DesktopR2 {
        padding-right: 2px;
    }

    .DesktopL2 {
        padding-left: 2px;
    }

    .DesktopRL8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .DesktopL3 {
        padding-left: 3px;
    }

    .tAlignRight {
        text-align: right;
    }

    .tAlignCenter {
        text-align: right;
    }

    .modal-dialog {
        width: 600px;
    }

    .width1100 .modal-dialog .modal-content, .width1100 .modal-dialog {
        width: 1070px !important
    }

    .modalWidth670 .modal-dialog .modal-content, .modalWidth670 .modal-dialog {
        width: 670px !important;
    }

    .modalWidth710 .modal-dialog .modal-content, .modalWidth710 .modal-dialog {
        width: 710px !important;
    }

    .modalWidth800 .modal-dialog .modal-content, .modalWidth800 .modal-dialog {
        width: 850px !important;
    }

    .cartModalWidth .modal-dialog .modal-content, .cartModalWidth .modal-dialog {
        width: 940px !important;
    }



    .customeSizeForProp65 .modal-dialog .modal-content {
        width: 710px;
        min-height: 200px;
    }

    div.fixed {
        position: initial;
    }

    .MobileRow75To100 {
        width: 75% !important;
    }

    .MobileRow25To100 {
        width: 25% !important;
    }

    .MobileRow33To100 {
        width: 33.333% !important;
    }

    .MobileRow16To100 {
        width: 16.666% !important;
    }

    .MobileRow8To16 {
        width: 8.333% !important;
    }

    .MobileRow41to100 {
        width: 41.666% !important;
    }

    .MobileRow58to100 {
        width: 58.333% !important;
    }

    .Mobile60to100 {
        width: 60% !important;
    }

    .Mobile83to100 {
        width: 83.33% !important;
    }



    .yourCartsBarCartDiv {
        /*width: 100%;*/
        padding-left: 0;
    }

    .displayFlexDesktop {
        display: flex !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: -webkit-box;
        display: -moz-box;
    }

    #searchInputGroup > .dropdown-menu {
        width: 100% !important;
        padding: 12px 0 !important;
    }

    .BackorderOptions {
        display: flex;
    }

    .searchPanelDropDown {
        width: 500px !important;
        height: 615px;
        right:-57px !important;
    }


    .customSearchBrandInput {
        border: 1px solid #dcdcdc;
        border-radius: 2px 2px 2px 2px !important;
        color: black;
        font-size: 12px;
        padding-left: 5px;
        width: 450px;
        height: 28px;
    }
    .customSearchBrandInputDE {
        border: 1px solid #dcdcdc;
        border-radius: 2px 2px 2px 2px !important;
        color: black;
        font-size: 12px;
        padding-left: 5px;
        width: 250px;
        height: 28px;
    }

    .searchInputBox {
        font-size: 16px;
        width: 455px !important;
    }

    .productImg {
        width: 180px !important;
        height: 180px !important;
        left: 10px !important;
        bottom: 10px !important;
        top: 10px !important;
        padding-left: 0px !important;
        opacity: 1;
        transition: .5s ease;
        backface-visibility: hidden;
    }
   
    .top-image {        
        position: absolute;        
        z-index: 1;
    }



    .productViewSection1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 490px;
        margin-right: 10px;
    }

    .productViewSection2 {
        padding-right: 0px;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 200px;
        float: right;
    }

    .productViewSection3 {
        display: flex;
    }

    .btnCart {
        border: 5px solid white;
        height: 74px;
        width: 74px;
        padding: 0px;
        border-radius:50%;
    }

    .btnCartImg {
        height: 48px;
        background-image: url("/Content/Images/Cart.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: unset;
    }

    .cartIconVds {
        background-image: url("/Content/Images/Cart_VDS.png");
    }

    .btnCartAdd {
        background-color: #f2f2f2;
        background-color: #fafafa;
        border: 5px solid #ddd;
        height: 74px;
        width: 74px;
        border-radius: 50%;
    }

    .cartArrow2 {
        width: 59px;
        height: 32px;
        background-image: url("/Content/Images/CartArrow2.png");
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        margin-left: 2px;
    }

    .yourCartsBarLine2 {
        min-height: 74px;
        display: flex;
    }

    .Restrcitions {
        border-top: 1px solid #f2f2f2;
        padding: 10px 0px;
    }

    .yourCartsBarfooter {
        height: 19px;
        background-color: white;
        background-image: url(/Content/Images/BackShadow.png);
        margin-top: -19px;
    }

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

    .Btn-white-arrow {
        line-height: 38px;
        padding-left: 10px;
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .bannerheight {
        min-height: 200px;
        padding:40px 0px;
    }

    .TopSection {
        padding-top: 30px;
        padding-bottom: 10px;
    }
   
}






.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; 

}

.select2-results__option {
    user-select: none;
    -webkit-user-select: none;
    font-size: 12px !important;
    font-weight: 400;
    font-style: normal;
    padding: 3px 7px 4px;
    color: #000000;
}
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
    display: block;
    width: 100%;
    min-height: 24px;
    margin: 0;
    padding: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}
    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        box-sizing: border-box;
        width: 100%;
        height: auto !important;
        min-height: 24px;
        padding: 4px 20px 4px 5px;
        margin: 0;
        outline: 0;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px !important;
        border: 1px solid #aaa;
        background: url(select2.png) no-repeat 100% -22px;
        background: url(select2.png) no-repeat 100% -22px;
        background: url(select2.png) no-repeat 100% -22px;
        background: url(select2.png) no-repeat 100% -22px;
        background: url(select2.png) no-repeat 100% -22px;
    }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
    height: 24px;
}
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 24px;

  }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000000; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fafafa;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #000000; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
    margin: 4px 4px 4px 0;
    
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.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 .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #fafafa;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/*From Old*/
.select2-container .select2-choice {
    display: block;
    height: 24px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 24px;
    color: #000000;
    text-decoration: none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: white;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #000000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, white));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, white 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, white 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, white90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}
.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: white;
    font-size: 12px !important;
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: white;
    color: #000000;
    border: 1px solid #aaa;
    border-top: 0;
    font-size: 12px !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    max-height: 300px;
    overflow-y: scroll;
   
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

    .select2-drop-auto-width .select2-search {
        padding-top: 4px;
    }

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}
.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-clip: padding-box;
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

    .select2-container .select2-choice .select2-arrow b {
        display: block;
        width: 100%;
        height: 100%;
        background: url('select2.png') no-repeat 0 1px;
    }
.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 24px;
    margin: 0;
    padding: 4px;   
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}
.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    border: 1px solid #aaa;
    background: url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, white 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, white 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='white', GradientType=0);
    background-image: linear-gradient(top, white 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, white 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, white 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='white', GradientType=0);
    background-image: linear-gradient(bottom, white 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}

    .select2-dropdown-open .select2-choice .select2-arrow b {
        background-position: -18px 1px;
    }
.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

    .select2-results ul.select2-result-sub > li .select2-result-label {
        padding-left: 20px
    }

    .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
        padding-left: 40px
    }

    .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
        padding-left: 60px
    }

    .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
        padding-left: 80px
    }

    .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
        padding-left: 100px
    }

    .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
        padding-left: 110px
    }

    .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
        padding-left: 120px
    }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

    .select2-results li.select2-result-with-children > .select2-result-label {
        font-weight: bold;
    }

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: white;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: white;
    color: #000000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #000000;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container.select2-container-disabled .select2-choice .select2-arrow {
        background-color: #f4f4f4;
        background-image: none;
        border-left: 0;
    }

    .select2-container.select2-container-disabled .select2-choice abbr {
        display: none;
    }


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: white;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, white));
    background-image: -webkit-linear-gradient(top, #eee 1%, white 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, white 15%);
    background-image: linear-gradient(top, #eee 1%, white 15%);
}

.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 24px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

    .select2-container-multi .select2-choices .select2-search-field input {
        padding: 5px;
        margin: 1px 0;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px !important;
        color: #000000;
        outline: 0;
        border: 0;
        background: transparent !important;
    }

        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
            background: white url('select2-spinner.gif') no-repeat 100% !important;
        }

.select2-default {
    color: #000000 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #000000;
    cursor: default;
    border: 1px solid #aaaaaa;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fafafa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

    .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
        cursor: default;
    }

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
        padding: 3px 5px 3px 5px;
        border: 1px solid #ddd;
        background-image: none;
        background-color: #f4f4f4;
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
            display: none;
            background: none;
        }
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

.select2-hidden-accessible {
    visibility: hidden;
}

.select2-results {
    padding: 0 0 0 4px !important;
    margin: 4px 4px 4px 0;
}


.fixedcart_header{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .fixedcart_header tbody {
        display: block;
        width: 100%;
        overflow: auto;
        height: 250px;
    }

    .fixedcart_header thead tr {
        display: block;
        width: 100%;
    }

    .fixedcart_header thead {
        /*background: black;
  color:#fff;*/
    }

        .fixedcart_header thead tr th, .fixed_header tbody tr td {
            padding: 5px 10px;
            text-align: left;
            width: 200px;
        }

.color-picker,.color-picker *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;font-size:11px}.color-picker{margin-left:10px;width:232px;height:290px;border:1px solid #777;left:30px;top:250px;position:absolute;z-index:1000;background-color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-picker i{cursor:default;position:relative}.color-picker input{text-align:center;font-size:13px;height:26px}.color-picker input:invalid{box-shadow:none}.color-picker input:-moz-submit-invalid{box-shadow:none}.color-picker input:-moz-ui-invalid{box-shadow:none}.color-picker button{position:absolute;top:275px;left:161px}.color-picker .arrow{height:0;width:0;border-style:solid;position:absolute;z-index:999999}.color-picker .arrow-right{border-width:5px 10px;border-color:transparent #777 transparent transparent;top:10px;left:-20px}.color-picker .arrow-left{border-width:5px 10px;border-color:transparent transparent transparent #777;top:10px;left:231px}.color-picker .arrow-bottom{border-width:10px 5px;border-color:transparent transparent #777;top:-21px;left:0}.color-picker .arrow-top{border-width:10px 5px;border-color:#777 transparent transparent;top:299px;left:20px}.color-picker div.cursor-sv{cursor:default;position:relative;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-khtml-border-radius:50%;width:15px;height:15px;border:1px solid #ddd}.color-picker div.cursor{cursor:default;position:relative;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-khtml-border-radius:50%;width:16px;height:16px;border:2px solid #222}.color-picker .saturation-lightness{width:230px;height:130px;border:none;top:0;left:0;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACCCAYAAABSD7T3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwksPWR6lgAAIABJREFUeNrtnVuT47gRrAHN+P//Or/61Y5wONZ7mZ1u3XAeLMjJZGZVgdKsfc5xR3S0RIIUW+CHzCpc2McYo7XGv3ex7UiZd57rjyzzv+v+33X/R/+3r/f7vR386Y+TvKNcf/wdhTLPcv9qU2wZd74uth0t1821jkIZLPcsI/6nWa4XvutquU0Z85mnx80S/ZzgpnLnOtHNt7/ofx1TKXcSNzN/7qbMQ3ju7rNQmMYYd/4s2j9aa+P+gGaMcZrb1M/tdrvf7/d2v99P9/t93O/3cbvdxu12G9frdVwul3E+n8c///nP+2+//Xb66aefxl//+tfx5z//2YK5Al2rgvf4UsbpdGrB52bAvArXpuzjmiqAVSGz5eDmGYXzhbAZmCrnmzddpUU+8Y1dAOYeXCtDUwVwV7YCGH6uAmyMcZ9l5vkUaBPGMUZ7/J5w/792/fvv9Xq93263dr/fTxPECeME8nK5jM/Pz/HTTz/dv337dvrll1/GP/7xj/G3v/1t/OUvfwkVswongjdOp9PzH3U3D3zmWGnZVXn4jCqs7wC2BKP4/8tAzkZsoWx6XrqeHZymvp4ABCBJhTQwKfDT8gzrZCIqi5AhiACjBfEB2rP8/X63MM7f6/V6v9/v7Xa7bYC83W7jcrlsVHIq5ffv30+//fbb+OWXX8ZPP/00/v73v4+ff/75JSvbeu+bL2WMMaFbAlpBNM85QX+ct6qoSqkPAwuQlBVKqGNFSUOAA3Bmu7gC5hNOd15nSwvAOUW7C4giUCV8Sgn5L9hNFIqTsp0GxI0ysioyjAjkY/tGJVEpz+fz+OWXX+7fv38//f777+Pbt2/j119/HT///PP49ddfx8fHRwrmTjV779EXu2px2xhjwtdJZQcAWQIPLPISsMJaSwiD8gzIKrwSyATE5j5nAbR5c1dBUwBlsEWW0h6LqiYsqFPAQxCyRZ3wOSARxmlXMX5k64pQfvv27f75+dk+Pj5OHx8f4/v37+Pbt2/jt99+G9++fRsfHx/jcrmUFLO31gYDWblxRIs/TqfT7ousxJsAxXA2Gc7TA9XdgfdoHbFsj76X2+1WArgI1ageGwA3qupqoHsmcbI6Fu93quggFa9d7LeDtgKfAFHBJ+NEByIkcJ5KervdTmhhGcgJJSZ5vn//fj+fz+18Pp8+Pz/H5+fnmGD+/vvv4/v37+Pj42N8fn6O2+1Ws7JjjP6wraMI5E4RZ8x2vV5TSwkquotV7/d7Tz6HFWsD/qNcdw0CQ3q/321c686TwDVIdbuy73zNldhSHb8I2klZznm+InBS4U6n0302aBFsLhHDAKJVJVglfI9jhvu53W53sLANYNxAiDA6MCeUHx8f9+v12i6XS7tcLqcZW57P5yeY8/fz83Ocz+fnsSmYUyknWEG85WBst9stzSLyMdfr9Qi08iY15UZ0LlDGLhR3o5zK2j7OPUTD0E+nU3tk7Xb/16NFbhloAMuY1zjLUOO3BKeIDe+Z8s3/J4gFo4TM5jPmuRg28foUKKVSwo16TgA5npywcWLHgYl/Pz8/73/605/ab7/91m63W7tcLie0sZj4mao5gTyfz88E0f1+j8EcYzwTPEG2cqjyfHNF0M8fuqEiaOVnRzZZQNh5fwQyHg/HDGfJo89Q1zb/quu5XC6773I2XKfTqd/v9+d3wuqWva/YTdUdEV3fhIv/Viyps6YE3x3r43K5bJQS66zaxVGFsvd+//j4aF+/fm3fv39vt9utff36tf3+++/tdrudvn37ZuNLBaaCMgUzC+rZRiFowxUuJI8YMqcCp9Opq5vagaYU6lGJA1XQqejchw6Cj0Gw5nYBrGw01A2O206n04BGouNNyTfp/FwElhUey6nXrIKw7QQWddxuN2ldL5fL839gSPF8ahu/JvBO48CPSuqMf8Vp9/P53L58+dLu93s7n8/tfr8/39/v9/b5+TkhPJ3P56mQ436/j+/fv+/iSgbzer0+AZx/5+88bv6OMda6S5z6kd21fYC9dxv7cIJJ2d9AOS30fPMzyHiTM8B4DF6XUlYHp4KQW3W+1t77MNB1vGHxWq7Xa7vf78+y5/N5A+H1et29xuP5dbYtyaRu4AksbPq6936fjRzXRxBbPr/b+b18+fKljTHaBBBfn8/n0/1+H1++fBnn8zm0sB8fH5u4cr5GuBhMVk0EEn9RsctgVhM+ixlJtMA23R8B6yysAstBOgFXIKKCMIgToMqNEu2fYMH7ztc732dQKkCj1ytAZtY0Kx8pIr8GGJ+AT3V+2Hirhl++fBmXy2Wz73w+b17P8p+fn8/tUwGVleVkTyUb68DkfayWY4zxNRihU4EpLJPZVrK+u7J4/mgfKqeLW9X2REWlItL1diynbDDb3+jXgYjQqn0rrxWc+NkILP7F7xIbMvx7vV53x40xnlbWJF12ZSag/N0pW6t+ZzmOMzHjajKwDfond78zYTdfq18up97zr2q8v3IioBprRtBl0EZ9og5WBRGOdOHjIjXF7UotFbgOWnXzIJyzYvjG5IYgsmMOxHkz8OsMSrVNWeq5T8DaOcbEv1Od5rbs9aO7YvMet63EkF++fMExq+MRl4/L5bLZN/+ez+fnZ6KazuMqXSQVO5spJXflHAIzes/xJseckRJiDMog9d6VfRrqXMr6KpVV27jRwJacGovOAM1zMdQMnwK1AubK63kdCChvI1C7g0z9nf/D+Xze2Vj8H7Gx4P9duQlsYCrqyN8XqG3Hm/10Oj3jw/n+crlstuM+jPmmxT2dTuPz83Pzt2pn1XsEHX/bnPaVqVmh0xwOt0o6XLLAHePUU203wHfcrspCwmV3TryB5s0Mseeg97x/BwzCjBlbB+pRAPla0BVQuT6V6QHdBlj3d0KG147b+DqxQeUymDO43W4dQar+TIjwmAd0z8/h65vf0/yLv3Pb5XLpru/ydDo9s7ET0I+Pj6dKK9VUEIeKWQWPAOrJ8LKd4vE+t91Y3e7UFlWatg2VwJnb+HPmtvm/sfK59/OaWF3x/eP1UPHvA5DDYDpYXfb0drv1V2DkBkxtw/tEWVVlXWdC9pFYs5/jfh9dS/16vW7s6lTG+TfqsxSJHxkXXq/Xdr1eu4LsfD6P3vsT3N77DkL+zPm5jSdKL4zR3AxQd6rHkLkYlSowsrq7znzu6wSwdsMJOXmA5fBcjxtgMGBYHlr5zokhtsMCTgXLQOW4XC6dEyEMprL8mAQzXRgduix2yZzorxkYsDn3hB1VeMLGsXsVtgl2pW8S3svk0vw7R4hNaHvv4cACl5HFzwIH0Kc6zu4XjDPR/jpAVxWzO1Xk2DDb3vTcxeGU1iWZHkmIDWziWKvirCJ4Dravs6IJ/GG6cTqWdXDy+fArQDVVkLqkVjAoZIITdmmIqXwqa95N3+MGYoZQdRVNO53Y1xRkhO16vY7eu507Ca9lJnbGpxOemQhSw/AQsmmp5zU9BiU8G6wvX76M6/U6Pj4+do0Bz4CpgiknTUeDqwlKBmg3u4OVjrZ1A+rAcgaejWq6eJCvCYFDONSwOgHX4EQRw8lxbzDOdEK6gZ3Hk1b+8g2o1JFtKXyv/fEdTXuWjWXdAZiBp6ADeDrCFiim7B6ZFneeI7Gvm/PMkUDX67W7xI8b0D7/v8dA9qfN5oaCf74WZjH0mf1cmfY1Y0JUFmVrTWu8uzkNcLtEj7u5FXBTkfC6GOA5q8YMxO8KVvF6sAVGdcrUbsKODcQKkLMOMdmlxum642YrPm26AlhZW1YB1R+rrGswE8TaYAWeUMxdf+WjwSvZ2Ef3ytOyfn5+PpVPAaqOn43MtNBqvmjjxbjM4lZjZY4gqNMI5ktaW/sYKNwS+9lFQzGihmMCKPa7+Z0V6Eb0GRmobtpX8JljWu5FMLN5ja6hG9kwQgZqf5+1NH5UxzkFReCdWhJ8XdlGUkxO7HRlYRm4mVO43W7ter12TPJEw/rmEN3L5SKHIWZg9mz+pUoKOYq5bJTJdX2gme1UcxMZQFaEQIlHct32M+Y1BzGkGuzfiyAN9z+ugplZ1symCrDCYYkGxDTpI9RzBy0rHyeDUC1nWaeUaD9n4xkNyYMBDZtzZ3B++fJlY21XFDOcARJlabOyiS3uCpLI9jrZjCDkaVvcCCjwognKShWdzXZWlZMvVTgD8LpqlCLrqgbcB+qYwrgKYpT0ccCqbKyCValkEabn/FynogCrPKfqf51xJ7sGB2ZXcZmxoSOztjx300DZi7a0/2AIR0UlBag9SuDw6KcAzlaB7vHZvWpjK90dyrq6bKyDUZQbR0B05biLQkHIcSUmgIK+SwuqgHCnoio2RQU1yj+BnBy9pphVKLGyC7ZzFK1pxWK+E8IhVCWLN/uLtnUU4ayoYLoaANz8FdtaSvY4pV0BEW2ls61czqllBKpTyKgMAhrZ1cdc1RROtPmvWNkdcKZ7ZKxaWjiPLJMpp7OZKxA+rqG/oJLjxf0pnJlqLoDZo3gyU0mKGys2taKecj/d1C+rJSplBqlTyAqgR+D8KjKlmRL2gtUcAdCtsL+ijCNT1oqqqkH2OHEbG5sDFnUg5Aa+yLou2VU1ptj1S2ZQqv1ORZN9IWzRfgaRBxKoBE8UWyqlJFtrIc0AxNjSjed99CTY/XDfSzCz5M0IZoVEsWnPFNTsl8ooVC1TzbGgqFZNDSgVwKK+1sGDMKqxZCWGVMDysiEr1jVSQJUYwj5iHOlThdHt44SQg9CN+nl8D90NMIgAdgr46JqRiR9I8vRdFvbr17m/yxUMKjNLMiVUADwu2CWGhhi+F55TWM9M9cogzms1dnM4uOF/LAEYWdcqnM7yFmyq3IfwmOROd7Y1iFWtOjoY8To41mTV5IysgFFuRzsbWFGbNIIJCDv1dOo4lZG7jWBwRFtVTKuWyeCByJKOan8oZ3ep9XddNl0tDuaywLz9cXPYeDAA0SpkBO9sbVcTOVWldPv4uyzEkzxHtjvonHoSkFEWNoo1d8DhcQputd2ppNon4BzoAiJ1hBFQg0dVtdbGHHDQWushmNEQukLM2QO1G2Y8bgTXqFhcBJj7EjPgcPts8US8qPpPB/dXznOh5Z438tzH5ec6QgrOKrRRfKmysBmUDB+PhYabMlVPER+GCSITTzr7am2tArH3bgcEzPJm+cr5jJ4NnHNFDVrFXcI5Le9k5Jnw+bedbV+FfRzZIHaOOaOsLY0/7UGs58DjrGwKMIMFIGzOEW1/jGsdAtCN6hEAI4hBe9YXeRROBSVPAVPAqvIM5bx5hVKWAMP6zBRy3iescridVdFBinBxXDnG2GRY2XbCvp1lhvGtO9Bxu5h908XQu42lnSArMFdizMim8uwRCxPGnnOS8lwpnbOiDqTAjsrRN/PcoAScCbaACqVM40ylnjjTBs+bwWlAG23/UKbdkiwKWIQPGzWaczpoSlxPEj822cNWkpS7FyzsDrqpfgpG3jahw2vgbaSQAxuLWZYt7JzyNe8JoZpNAcvDFOdw0wqYT9AK1rZz/DdbSlLPp0ryIxgQJlK9AZlEq7IOXpohg9PIhrCng88JsOxiV4ZWAYfg4sikx/8ky2Z9l862uqwrfscIH8+ugTmVGyiddeVYUgEMn4GZzg14EwIsh9sx2cKKiWXReuOE5gzGOQgdlRKVVdlevqb279Xq0Qnsts2VDaBO0coezsruWtHApu6sKG4IBhN0aGU2kLrMKGRTN3HmbCDwKV14zvkMEDG4QfZVspVlaNU2mhc5TEZ3N1h/zqTheuLpW05ZWTGVjb3dbnNmxKZBnN8JqidaVLKAOyARNLS+MB54Z2+VaqoMLKroVBlngefnTPAcoHNWCSvlfA8CI0HEmBNBnBlXyMrzU7A7WVm94PPqQ2gmqKx+WDGsnvilmcSOBJqOK1nYyAIzuAyesq3UdSK3KfWcYKD95HmfYOU3qser2CtYEUA+FpfqdNvgPBZUBhDrGONRVlQsh8rLcaUCykHG0OOUwTlLBrsh5soEMGezi1E4HRVt1icp5wZEFXdibCkG8Y8vX75sbO4E0iom9z+hjSiOfy3DhpXItpVhE+UGQdvoWjtChmrGHf4YAzKgBNnGtuJxFCeGdhUAfQLLK8kBYAP6gvFJZajMG3Xkycy8KuC0q4Eyymwtwdxdv2M0mIBtK0LKnf640j00Auq4gUkdWGlhs22qJc6dZCsL19oxnlTJG4SYVRIGpD8TPFBuM6OElbS1pldid4mGAyN6ZIupbC5bXJN9fdpbThSxLUaI8IG1XIYBxW3Tjs6KQosKcxfxcQmdnwRGM10GnFcCy2XYunLMyAkdgk4mePiczsLygthcBut6goOqS7YVFXADLjaosB6s6ofcZWAZSIRYqSUkizYwttYab3vUOQ9w2HRxIIg8WwRVeE68xi4UtL3zRphxplzwuZrcqYCq1I3jPI5dnJIygEohMbPqVJSzrwzxBJTs5zN+ReUSgxikPQVF3JVBeNQxbHENrEMNvEdFZVV9lH9+ORGEsNZQpyTNc4C3AG7XF4ngzq+DrO2zbuaaOXgdaFcdkEotoSFBVX2qJ0C8OWZeG4KGlpghA0XfTOPCqV2qqwQ26QWfF2PMLhI2w1lVAa2aPsYd0za25MQRwgcZN6uQDCi+ZxiD4XEM2kZxOT41FnZnaRlcpZouzlRqqdbQVWopQoSB58RV50lBNrHi/AwXS5LrwDVlpY3Fc3ByiYGc52Trist6kOXdwInAQtJpp5QchyaquYOV7Su+fxVMaV3dc0RE2S6mUY0gLt2pMcYqrKIQ9w2l1gpQUMtQYcmmbt5DTNxdhnUCjQqtbK9SUSzvrC0mmhhE1e2FS2+oxypy/ZASutkmtjx3vcBC24PX65nbqkBCRhfjS9kIYPnee8cMagVOhI/3T1fAmdtAWZsCswTJCkQVNa0qWKSKPOpHAUhD9DrbVcyoYkwqhvh17vYAayXLQyKGYdxlUDFp494rBXRjYgO17DDYetNIUj/ezp6S0lnlpEwsWmJMkOwsKXeZKEAjIHn0EQJISaRBcO6UMINz7p/bEjjnw4ft+xmDvksxX4G2rIris7qaeKwAFMP2Oi7n4criuZwtpSUwpfLxSnORSrIqusc5ZFaXysqRWjiZ2DyAWEIL35tVSoQElFACjOeGGSE7AHEQgdo/LSvCOgGBvkxsmDbvlS3Fp5vhaB2TAGqRKrKKMrhLVpaGzEVjZ0OQxDhaCTA+QyRR1d15aQzrJntL3RibsipjG6jlgL4yqbS0sNYg1e84vhbBVrElK64CUcWYXDfKxhpIuxiVJZUxsbMy/uRBKTNRQ4kQ3LdRYLS0rJjRPlTPqY6gdJsEDc+aQXAn+HgsNUCbRuF0Oj0zwnA7bWDkbhO5Ens00qeQhS1laBMl5M/cAaxsLF8rKyql+Tf7ELLEGu/ixiimdCvo0TjfpjKwaggen4eh5v7LokLKbLuyvHhcZG8dhGrEDx7Hg93ZppJF7qBqO3iVveXEDQNInzeoe8Yq6ePaZBZ2JviM3W2UAGotekRCAGq4EkF1X3DOnR11yRsBL1tRa0PVcZiNFXZ2c34FskvomInQQ6lzpJoZbJxk43NwKJFBquJSsrByHydxKOnTxQASBmS3j+JMnsHSla3Ec6K9VWoJVn9zfjwOM7hqYAAqJQwE2a3nA48J2QGegRkpZNivSY+ys3EkKd4oJIwsvIHl3cWgLt5k4NH6OmtLWdpurOkwEMupYc7eMtDRhOcI2ui5JhVIzXzLyto/GAPuZoyo8wkoduVgJglCt7OhGbgID4Mq4si+63zUS1FuFFXFlqyaj2emHlLMcBqYu0FMuR28BbB7lOxRMSiCQXFhCKuwkhZ+pYDiGSgbsKKV8MiSRsuHSIWM9rklRiIlZZuqXjsQK8ooYJMgq3JKWVkhHbhsVxFUzthOWPkYijcbx54IKsSdT+uLr3crGKyoYgFiGR9iBk4kfloUX+JIlQRQqabmpgnhqtpQpb6RVQ1WH5DnrS4hEoGZqaerQ2dhFbz8XePxShmDbo70eISjoorO2vK8SJXI4SUmEU4zWKDzUDtWTYw7xXlbSTEj4FRg7zKnKoGRALv0Gs9Tgc1BpCywGZRQAtqVz2xrBcAMzEpfZwFSa2G5W0QBFjSMapWAEFa3HcGN7CxDzECyIkJ97qwrqWNTWVo876PPsjPkj2wvgroM5lLZKMETKVql/CvnWVFiFa/SzJUQwkoZsr67Y6vlSRV3/2tmNTOY3vnaxYwMuoPKqdzR1w7IqHymlPxaAThfU7Ko2ZXYj4AYJHL+kNdKwRQYESTRa5fsUZ/rVC1TMTyWVyYoqNtuzaHsMyv2tvoarxdfqwYgU1axFo/cnql1FGsqK+uAROV8BX4GU8WcZTATi2q7Qcyi0O0V+GhWBMNRUkn8H1SsWVE5By3Gi0ECqUeJoBfAtDa4amkdXG37AGP5Ggeb84p7UazpoKRzdFzeQ8HkoHGxprKy/Hpm5t12p47J6xTYDEz7uINEXSuxYXvFskYAc+ySxH9sf5ftKzU6IbwVBcUGg5e5FMCEXSErZR0wGayV19woM9guPjTqJdVTqR4uE4nJnLldWVkECCZLd2VLF+xtamex7IpiriSDUpvrpn9lrwGMCHyppMH+ps6LILsuFGUj1XEOXiqbqSHPUKnClpWV68kqtURVNDY4TNaocykoYeTU5ngGEQa/S1DnnE4AeXMcKjHPAmFVjCBENaeyLVNHfr3px8xUstJ94hIpfH4HKE/eDaArK6lSyVVFbdt1gxTIVk3pppVlFXi4pEhVBTObquohU85MLXn1iahvUkHJjSCMc01tLFveVVBx0DodM6jftCu7DOtIzYxrc0qp1JGP2ayYFz2Gb6HvMrO8cnGtV6Gjm3uImSfD2GpWK6uowbZGMxFKQCo1pOMtcMXFpRst+hXGoAomF3sSTBGgTglbBKWwsQ3tZqaYSp0Z1CimRDWFcCJUPYJ00BI5FkKYNoifuQxmN88SWVXWLMaUqqqgC0BmQJR6sk3u9NCf6jYLXxAfqsYEgVLAhRY2AtgtflZNFmFyhxdrLkAdWlk4D88M2ixHyepIdhMHrG/iR1ZGtq0MGpbDbRPYOXeSY1M6Ny4ZstvGSktK+XbFPATj2D371saPEsAMXhXrsZ0km/XStkhhMyBfsa6uXFZe2VCe+YMr1+GKgwrQyNYq1VRrB+EizAow6NsdNKcyVEkYeM73ys6q4kAHp6BiFklTkIrVC5oYV7uzwOGCz4UJ0Stq2lWMJy4wtb+RetL6tZFicnJmBw5UjCvXXMZVJX2MQkbf+XN5EWd78Vz8/JEsMZTBiKNzsm1inLRUQ74H4NidaqI68j5sAFgxcRveC7ieLJXfQYxjZZ2CsiWFewZXJmBIlZ1tdtrX4hSuateKso/RZOtOKW2nmq1oTzeK6dRWAWu2NRVb4hq0SXm1GvtugHrbr5IXqmSktg5CuDE2MSlPwsY5kNE2Wp3AqiZbWVLAxiBF+2iBZbuNj6MB6rsMLC7FyasaYDyo7KkoPyEtw3pEMXfPvxAJi2jAQQgjrz0rLIZSWZlIoNhwd5xK4AR9mYNjWAaLrnuImJeBVN9zBORObVvbr+mTTfFSEJLSRnHo7hEJoIi8MFqjxmvgmF5URZz4zLFgZZ8Ctu2X7ggVccKm9gVxIsOHqxXgNMKnFWZYnf1dBnOhayXq17QwFlWW09eNKyVJFmXqaONGA5aCegMbJ3UUkGY1ic3nKWgjq8qfVYGQG1gRt6rs62a6HiqqUOqdesK5NmX4nGofJoiE1d0dF9lVVkvT1/kEEaaCoYOwFpcVcoLM+7669PxC9rWqktH0sWUYld0VCpuBZ/stVRcGgy9WX2+U1Qthi9SzAqSxzZsy+OiFzBYnySGV6Gku44rD8BCOZBV3BvD5+AKRHNwMEsB6EzHnJpkTAeiUlEGkcECeB6GDZTp5YEJTlvdrknxYjTllMkfNtXwDjM7uVjK5JXUUn43rrqpK2jytaxHW0M5G8DC8rtHMYs7KSgduVQMGTYFqFvVS6rkD3sDJ46afdYFwoq11AOKCBLhvwoUgc8IGANycR6knZrdJPdsuxnyjfd3FovTlRMdEdtOl5CMV5EHsXQBis7TOwvIDZaGj2Vnpbh7cpK63VwYEMLwqbjzyl699sawFFkF1yqjUU31HfC6sW1ZFVFuXVXVgz9keEaw0ys1lWfm+azQAQSWA+hKYVfsZjPncAcUB9oIayy/UZXRNckDGji77GsWbvBo6tPrWPqOyVkBUq+INeqpzNdYs/u0ifh5qmpqIW+33JVSUcwY70KL4U9lYdU6ljtSls7lmfi9g3YzeQfVkaGFaV3ODCnaD2N8wsEDFklE3RzM3ZghdYkWHsszq70FIecnKkVkt8ezMzRq9bkGuKojRLBVSod3Y1yPqKgYW7JRQTPVyy5xIYLjOgxgT52RKJUY1dOrIiRd4futQx/A5AcSmEjz0vFWrkLzvbWAu9HOWbGgxFk1VNTpnBKk6TgwisI/HcxYXP1uAWO72ULFlBTq+aSu2VTUs6hrxM2CF+hEor1VIA9ZmFUaab1lSSgZsVs4sxzHlVLoJHr9H4DhONTkI1XC0/wiY2NoWAG5RlnHFnq6oLccpQddMuJ/O17JVA5OHLi0BqCztq7Y1++ucCd98qLI8MIHBV/cKjxQTme3hFBS3MyCqnDsuym2o80HjvFFTtrURmNaGJsmVahImjTsUXKtQZTAVs7Mvv8/+fzUrZAXcLJ6M4koe6XP0b6SmWWNDzyUpQ8bl+LtWx4tuqZ36cRYV3yuVxPNwvIiqiQCSmu7srgTzR6nkyhpCarXwFy1vGd5iP2cY06lFr5Njhhg1Y6+NB28ftbK83s8rf7kLJbKwDFPbLg25a0AdZJEiqr5phixKMDlRUtcssq1hriLqGoH+zeNgVm9OemjsETV8JdF0NHnkIFxWY1OB4Yrp7rtWJ7NgAAAPXklEQVQ3oNs5nplyVf8u2FoLu1JrHveaZWQjqAkshtFa2gzsSG3Zpkbvg3HafF9slPPlldjFlK80Gysm8Mr4MPhneNWENPGjAIpmilTPATdTRTXlCBYHYAQuPwA36xIpWtGN4q3Y2MhiGsUpuSSnlEJRD8PorC7CFYVw+F51qThgabxsTxWzCGY0ZSsb3lfqAy0OPNjNy8xiQQKsHYFQ2HBZVvVbBuq3m1oWKajqaonsM6uZUr6CjXWNZ0l5E3h3jURma6kP3MJIiy1Lm+kahQq41N2iZja5sjtlLYNZHZrH6qUGm4vMbDp6Rw2CFmvuyFkrBcCyMtFqBaECmsHoK9BZ2LA/lJcRqSaDqnaWbrZdGaz3DLgIvBln4woGztbyJGqslwxkhhHrTjTYFXCtOoKS8uLdofVdAbOylGU6nlYpXWZts4nXBq6WxJitMNokHUJnbnJplQm+aGpY2a5GMV2QD1hRubBPFKdumf5OHkLHz0F9luE5kjBjRa0nFE5CUGqHw32MmjZ6xkgINVnSnZ1VZStK2qKlRaLlQgK7uTq7JFXJwM+3SOEKyhZNI+tJ0I5qMYy9k2qJD7dVWdqKXa0CKNR0Ccjg+B2IYu2fcBZJZkMFgM11r0X92wilghFGgzVnexlqB7xL9mS29SiYUVY2nXOZjNBRsyDsQPRWW5hrZ4XcdC4HVWRbjgJr4sFofK5SzjQ7rhI1UebdPdEbj6sqIvTZQZ5va08rABsAW0UxeWytAk7A2KJ9ZpxzCioB24XFtYAeXYxr6anSqhLgppEqWbGwLunTgrV+IjWlL29ljaAl4EQMGsErp4apeZiquwRXLXAqOCeru32mmydc6oWTSWpFAGdzeTB8RTHVMEtlM90CbbQCYhPjq3egYr1FGdYIQjiuDGZ5zZ/AzobKGOyLxti6c4Rwtv2anyWlLICnlLhxJRXt6A5ebDBWFNONbxWZ2d02mnu4S9YECpeppV1zSWRBWxHYzVIv1CXSouwqqX3jBBBDZdYQbpTQW4ZQlS8r5kH4suSRmg2++3JN10x1PaAmEkmtYlEdeGpJEM6kOuCqCR22oSujj5IV2HdT0zj5prLKTjXFAPjdQlyq7xIBxAQP5yMczG4VxAKw0n6ilZ2QBce2pLulkuxxqnoIzFfgqyqjil9S1VNwBrFmeyeops8yOjZUybZdfS8CuaTIJumzs5tODaNtLpFDQ/PcJGweLhmeL1nB0KqiUDScsiUVD89Di3HtrKtSULw3RLiygZD+7sF8JTObgYsrGvDNUFRGl1iy0Ll1YkUc2aJYMog920I8qW6YDCg1Mqk0JHJFKXkbgbRreI+qpYNOZHrVcDUba7pjsphSJNtK6upgRNAVoOS0mugBeN4bIZgHhuPZ/s1ENaX6KsVr+YNrh1Nb7ipR0PE5zbNRegCbrHRUw6Yf07dLBJl1f8KB9as2V1nNqAsl62LBBhehwalerkHmB1JFIEZKSEusdl5JQj1nJlHXSCF342gJ9CYGrXelknJIXqVP8sD+qtplCR3XH2qfKq0ygMp+KnVkKxNlZ8m2YkIlVMiCnXUwl7qznBKSvQz3m3Pt6oQbXO5b5FixCh/fHxUQW/AEcK6zCNqKQnL9sywqmKuwvqSYzT/aPVNNpVyhvRW21aqciCsjdWvBwILUvh5VyCzbWoC1pJjJ680CWsl+udKB6T5RwG1mlohnlpbg47iz5U9ha0FGtmRLFYBtO99y97Ap0z+ZDTAog6kSLZsMHg/IFkkgp6CpvU2U0cYVSdnmkjwBdOmXbxTWNWzuIbipMioVxEckZEoahSOiy2M3K0jcC1LhVDwaqG0ZvkcWqCnrG4GIxykrqlbWdw6LQyBaZR8HmLRIhQWsHswD42ZXVLNkf9l+FlW0HVQ2lwFsC/Z1FdzlQR0KaPfo+Fdfu+/dwVRICu1CGR7AEIiAhc+AZUF0kOBaPxmUqg4i64vQnU4nFDYJ9Nz+1fVXveH9qmr+kPILx8oKcRV/BFbxbE0JMT0kSD4w6L/lNY8ocsqagVdU3A3MjxhxcGuqzsPH4irpaow1q6OyrVjvp9Npc59E91LldboYVzJWdimWfAW2SNEKcDaX2FmBLLA/uKxlmhh613Is1URQApbKfttwxL02q6Onx5pQxSbPojAg+v5hAnN6LHVRDXIsvKtRjiS0qJUyZTAXVbAK82ElFJWaQdVoqUC1Unt7BVaTQudM6SuqexjQJN4+0icaxv/utbKv83ETbT8H8gjcOKxOJmbUa6OOVXht3dFY6rHv9XoNzFLceEA1o8+pKm0LAHPHZ2rYKjFq0hfZFixsqHJgD3eD5n+U0kb1mFjXkn2lvMSSOsNE/CdIAKF0Sytq6urOHUN5gwg4GZosgbmggM5ucra2qrS2Ig1cbiBBcxYzgzUDNLCvL8GbZXNp6ORy3LmS+Kk83zRIAK6A1ioKa2I9NapIuiUFdfC9766PFZUtqUr6KbWk+zZU1a/ZrIXEztrjTOfz7hwKziCeXIaraHtbZIMz+2pGgazCmw4qWAFvEdhodYp0Xq0pV7G1YWYWbO4qhGq42+Z8BYtrLWvluNPpZAeaFFS1vubPgbgxsqcpnAaszBovKaFoDQ8BGtjfUOl4NAG2nmQV04feJgumvX2fsrQEWZghL0JnVdYkn3DOZIeRN86RqPWCmsvGVqEMRnwxQAxwS8EMYo3IzmY2+BCcLp4MKiuyuhImamlbZFcNoNl7tp+RHd18ZjQIRKyXdFRhN98/hyKqwXWNo7O1wiaXoHN108REZZWEq6grnIfjzeg8jdRf1XEL4kkXa5bBjKxoKaljBjeHlVxQ4GaycpW4lDOAKtnTxHAtOfzOtZwHAM7sqVXkV6yu6kap1nHkXKqWF/4XHqjenNKqBjpR3l1ch3Ejg1+EsgdQhsdG0B4FM9sWAVWpuAyiwTPleZxt9VyZVS2qXfReWqTAilpr9ApoWTjxymit7NwV4JTriZyOA9B0k7HFfULourmKYHVnRQvqGL5HMHdqFcR2qWpmcK6eTwx2dipWrviDilr+fKWq3OWRWdHKwA4eu8wjchbeRzFilqjjZN3ufCpfkJ0/scVpnYk6L0PI77lxdWCZ87WiWm7B/AGquQSnujGKsB8CJmiJq8q1pKIVWyqOiTK66r18BN8r74/AE71fdC3yPS2MxdOpnE1tlVxD9JmVOoggN+r4PjAXVFPa3Eg5jVJGFVUGNolH20GVrUB7BOySWq6WqYQdWR92pcFMYMwckbSgCKCqD67DiiWu1g8MQC9ByfcFqW1L+jL714qNCuznoSxt0da2gtWN1G8F0BK0NN0nuimelUF9dIdAfjO44UT3CjQLoUeLHJFTO3gmpRuIIOvwBQCbqNeo3qtZ9iF6xVK13GRlo4zqimq+CGdTiR1uRY8oqgE02hZBa79kZXPMquxRHKla2saZWN4mRqZUj0vLCKhkjKnqOQHNuSZVJoKvAqS1wpEquvWDC1B2ypwrCPsRMEPVTODMLJMDv6qeKXwi2JYV5Sq4qKyvgGsHCLiuj2jR59V8gMqSJ2FJZRXEHVRHj3sFPrct6OpqlW1GpatQdt0GvwfM6n63InsGVFhJGaBqgqqIV6IsXllZgySPq4R3bnt3wi5cv+cN2yqQLW1T95KYVsWWtKk4cB9W53WQQflQYR6Wl4HaJZjvVE0D5yvq+RKgZCs5qdBEP5sD94cAvQLlSgNaSMAtHx88BuNQ41zdFsX30zKbcs0MLD/ihkpQzl0wiTqKLTfbKmCmyYICnK0IbaieC4CG9iSyLQ7cIMGQwau6TKoq60Apl3WN40LZpca1CKKK9VQyyIEn8w0F8F6CL2h8o3ixGwC7s7EWzCOqmcApYxYD4jsAzVS0sl2t98pA7vrKophCVSonbYpgH6mvSn24pTBV4sdtV3BtMq5k82y+IADvUJ0uAlkCVTxIaPm+UNu/qkV4F1TzHXCGrXIAqItBKypqK99VtAOVs64O4ObX7pHLVCpYHcRmwvLR7TvYAKBBN58LGVzDuFz+hQbWgncQyCZAk+VbsPSouf93261iZgmfCpwRbAvqmSqriU2PwhjaoOyYqtIegVXViTsmyta6bGySpY3gyRrpIyAeaWDDxtpsXwKyalMDKNP7YBXMqEskUsi2uC8FNAPxAKTVfT1o6VzM0E0jF+1rWcUuHvdyg7vgoFplX8HpvHpMCOMRUPHzZkInsqlFKNX/EIO52E0SxSzOwob2VmRLW5D1XIU0rbgM1AzWgyC7fe8G7xUAK/taEBat7luqtyP7EmsaJQOj5F+mrnZfCuYCfBUAWwShyd6pMY/vAHG1UqOYpbI/gy5T0CMKm+UO3gFuC85dgfDVeguPDfITrIBLsLrcgdh3CFgFZjaKJ4Iv3F8ANEqvuxR1tVKOgLoCa1jxboBAkj6v7j/icFbA7f4rfRnQDLRViG13i0vqBQrYVqBbADZT0ZpiHoSzvQpopKIFS3sE1HfBWlHXd0H7LnArqvougMtljHBgZnh3Eoz/BKjLML4Z2Aq0+hEJr9jaVUBbvNzCIUiroC7AWmmFw4o5AK3MtB5VypZMSFgs05JyGVwlwBqsEGAAa2ZU1CjUexXGsE4rKriilBvFzOKKo3AuAroE6QFQU3u8YpNXwS5k+1TZt5UrwouN4KiUEw+k3ZWDp1RXHNRqXb21Ts39945yZSg3VnZFNQ9CF3XeZyr5DgBXKiwCMa2MxeTDYXgP1Fsf9QNKZc0k81RJk3r6EQ3rCmBVyLL75EjZ1pIVDHoFtiOAHoB0BdTVylqBsKKKS+AeBXJVLY+CXASuGvO/Auq7GuEjDfGKg1oKa1z/dmmi9I9SUGNhl0AtfulHAawoYrnSkmNXAVuGEhrEVXvUF+A5Ct2PqNOjDetyna4CmeUolmeXLN4Aq7C5Sj10Q7yjgl+t6CNxSRHmI5X+CpwreYB3Qfdqna4q21KdBuc4GoZsn49ZOOiVinwHqK9WzjvgeweEh2AU5+vtxZ9Cd9Wqkh49V18E5oj6vVyn0RStAyGIO5edXRKd5B0VGVXq2yr3xYp+5Ut+C4QJ4P1N339pQMjRejj4vb/Dcr6rQc3O/0rjmtZpeYCBiCHfCemRbNhbK/pNUPc3wfKy5f2D7OlL3/uPhve/oU4T0F8f+VNM2vyoiv0jK+KHQfdHq+0bncz4oz73/+Y6LbKw1o/5B7eOf1Rl/0du9B9tn/9bvrf/j+v0h6ttn2tp/r/4819y4/zv5391uvzzfwDifz6phT1MPgAAAABJRU5ErkJggg==)}.color-picker .alpha,.color-picker .hue{width:150px;height:16px;border:none;left:70px}.color-picker .hue{top:145px;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwkUFWbCCAAAAFxJREFUaN7t0kEKg0AQAME2x83/n2qu5qCgD1iDhCoYdpnbQC9bbY1qVO/jvc6k3ad91s7/7F1/csgPrujuQ17BDYSFsBAWwgJhISyEBcJCWAgLhIWwEBYIi2f7Ar/1TCgFH2X9AAAAAElFTkSuQmCC)}.color-picker .alpha{top:175px;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwYQlZMa3gAAAWVJREFUaN7tmEGO6jAQRCsOArHgBpyAJYGjcGocxAm4A2IHpmoWE0eBH+ezmFlNvU06shJ3W6VEelWMUQAIIF9f6qZpimsA1LYtS2uF51/u27YVAFZVRUkEoGHdPV/sIcbIEIIkUdI/9Xa7neyv61+SWFUVAVCSct00TWn2fv6u3+Ecfd3tXzy/0+nEUu+SPjo/kqzrmiQpScN6v98XewfA8/lMkiLJ2WxGSUopcT6fM6U0NX9/frfbjev1WtfrlZfLhYfDQQHG/AIOlnGwjINlHCxjHCzjYJm/TJWdCwquJXseFFzGwDNNeiKMOJTO8xQdDQaeB29+K9efeLaBo9J7vdvtJj1RjFFjfiv7qv95tjx/7leSQgh93e1ffMeIp6O+YQjho/N791t1XVOSSI7N//K+4/GoxWLBx+PB5/Op5XLJ+/3OlJJWqxU3m83ovv5iGf8KjYNlHCxjHCzjYBkHy5gf5gusvQU7U37jTAAAAABJRU5ErkJggg==)}.color-picker .selected-color,.color-picker .selected-color-background{width:40px;height:40px;top:147px;left:15px;-khtml-border-radius:50%;position:absolute}.color-picker .selected-color{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.color-picker .selected-color-background{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAh0lEQVRYR+2W0QlAMQgD60zdfwOdqa8TmI/wQMr5K0I5bZLIzLOa2nt37VVVbd+dDx5obgCC3KBLwJ2ff4PnVidkf+ucIhw80HQaCLo3DMH3CRK3iFsmAWVl6hPNDwt8EvNE5q+YuEXcMgkonVM6SdyCoEvAnZ8v1Hjx817MilmxSUB5rdLJDycZgUAZUch/AAAAAElFTkSuQmCC)}.color-picker .type-policy{position:absolute;top:226px;left:206px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACewAAAnsB01CO3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIASURBVEiJ7ZY9axRRFIafsxMStrLQJpAgpBFhi+C9w1YSo00I6RZ/g9vZpBf/QOr4GyRgkSKNSrAadsZqQGwCkuAWyRZJsySwvhZ7N/vhzrgbLH3Ld8597jlzz50zJokyxXH8DqDVar0qi6v8BbItqSGpEcfxdlmsFWXkvX8AfAVWg3UKPEnT9GKujMzsAFgZsVaCN1VTQd77XUnrgE1kv+6935268WRpzrnHZvYRWC7YvC3pRZZl3wozqtVqiyH9IgjAspkd1Gq1xUJQtVrdB9ZKIAOthdg/Qc65LUk7wNIMoCVJO865rYFhkqjX6/d7vV4GPJwBMqofURS5JEk6FYBer/eeYb/Mo9WwFnPOvQbeAvfuAAK4BN4sAJtAG/gJIElmNuiJyba3EGNmZiPeZuEVmVell/Y/6N+CzDn3AXhEOOo7Hv/3BeAz8IzQkMPnJbuPx1wC+yYJ7/0nYIP5S/0FHKdp+rwCEEXRS/rf5Hl1Gtb2M0iSpCOpCZzPATmX1EySpHMLAsiy7MjMDoHrGSDXZnaYZdnRwBh7J91utwmczAA6CbG3GgPleX4jqUH/a1CktqRGnuc3hSCAMB32gKspkCtgb3KCQMmkjeP4WNJThrNNZval1WptTIsv7JtQ4tmIdRa8qSoEpWl6YWZNoAN0zKxZNPehpLSBZv2t+Q0CJ9lLnARQLAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;background-size:8px 16px;-moz-background-size:8px 16px;-webkit-background-size:8px 16px;-o-background-size:8px 16px;width:16px;height:24px}.color-picker .hsla-text,.color-picker .rgba-text{position:absolute;top:220px;left:12px;font-size:11px}.color-picker .hsla-text input,.color-picker .rgba-text input{margin:0 0 0 7px;float:left;width:40px;border:1px solid #a9a9a9;padding:1px}.color-picker .hsla-text div,.color-picker .rgba-text div{float:left;width:40px;text-align:center;color:#555;margin-left:7px;margin-top:4px}.color-picker .hsla-text div:nth-child(5),.color-picker .rgba-text div:nth-child(5){clear:left}.color-picker .hex-text{position:absolute;top:220px;left:30px;font-size:11px}.color-picker .hex-text input{float:left;width:160px;border:1px solid #a9a9a9;padding:1px}.color-picker .hex-text div{text-align:center;color:#555;float:left;clear:left;width:160px;margin-top:4px}.color-picker .color-picker-input-spinner{-moz-appearance:textfield}.color-picker .color-picker-input-spinner::-webkit-inner-spin-button,.color-picker .color-picker-input-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-picker-extra-large{height:320px!important}

.cron-select{display:inline-block;width:150px;height:44px;
             padding:6px 12px;margin:0;font-size:14px;line-height:1.42857143;
             color:#fa9900;background-color:#fff;
             background-image:none;border:1px solid #ccc;
             border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,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}.select-options{display:inline-block}
.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control { border-radius: 0; }

.icon-addon {
    color: #808080;
    display: block;
    position: relative;
}

.icon-addon:after,
.icon-addon:before {
    content: " ";
    display: table;
}

.icon-addon:after { clear: both; }

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    font-size: 14px;
    left: 10px;
    margin-left: -2.5px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 20px;
    z-index: 2;
}

.icon-addon.addon-lg .form-control {
    font-size: 18px;
    height: 46px;
    line-height: 1.33;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 10px 5px 28px;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    left: 11px;
    margin-left: 0;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    float: left;
    font-weight: 600;
    padding-left: 30px;   
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    font-size: 12px;
    left: 5px;
    margin-left: 0;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa { color: #808080; }
/*! 
 * angular-loading-bar v0.8.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2015 Wes Cruver
 * License: MIT
 */

/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  /*background: #fa9900;*/
  background: #00ff00;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #00ff00 1px 0 6px 1px;
  -ms-box-shadow: #00ff00 1px 0 6px 1px;
  -webkit-box-shadow: #00ff00 1px 0 6px 1px;
  box-shadow: #00ff00 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 15px;
  left: 15px;
}

#loading-bar-spinner .spinner-icon {
  width: 28px;
  height: 28px;

  border:  solid 2px transparent;
  border-top-color:  #00ff00;
  border-left-color: #00ff00;
  border-radius: 50%;

  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation:    loading-bar-spinner 400ms linear infinite;
  -ms-animation:     loading-bar-spinner 400ms linear infinite;
  -o-animation:      loading-bar-spinner 400ms linear infinite;
  animation:         loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


/*!
pgp-push menu css
 */

.container-smooth { /*max-width: 1170px*/
}

@media (min-width: 1px) {
    .container-smooth { width: auto }
}

.btn-labeled {
    padding-bottom: 0;
    padding-top: 0;
}

.btn-label {
    background: 0 0;
    background: rgba(0, 0, 0, .15);
    border-radius: 3px 0 0 3px;
    display: inline-block;
    left: -12px;
    padding: 6px 12px;
    position: relative;
}

.btn-label.btn-label-right {
    border-radius: 0 3px 3px 0;
    left: auto;
    right: -12px;
}

.btn-lg .btn-label {
    border-radius: 5px 0 0 5px;
    left: -16px;
    padding: 10px 16px;
}

.btn-lg .btn-label.btn-label-right {
    border-radius: 0 5px 5px 0;
    left: auto;
    right: -16px;
}

.btn-sm .btn-label {
    border-radius: 2px 0 0 2px;
    left: -10px;
    padding: 5px 10px;
}

.btn-sm .btn-label.btn-label-right {
    border-radius: 0 2px 2px 0;
    left: auto;
    right: -10px;
}

.btn-xs .btn-label {
    border-radius: 2px 0 0 2px;
    left: -5px;
    padding: 1px 5px;
}

.btn-xs .btn-label.btn-label-right {
    border-radius: 0 2px 2px 0;
    left: auto;
    right: -5px;
}

.nav-tabs-bottom {
    border-bottom: 0;
    border-top: 1px solid #ddd
}

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

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

.nav-tabs-bottom > li > a:hover,
.nav-tabs-bottom > li > a:focus,
.nav-tabs-bottom > li.active > a,
.nav-tabs-bottom > li.active > a:hover,
.nav-tabs-bottom > li.active > a:focus {
    border: 1px solid #ddd;
    border-top-color: transparent
}

.nav-tabs-left {
    border-bottom: 0;
    border-right: 1px solid #ddd
}

.nav-tabs-left > li {
    float: none;
    margin-bottom: 0;
    margin-right: -1px;
}

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

.nav-tabs-left > li > a:hover,
.nav-tabs-left > li > a:focus,
.nav-tabs-left > li.active > a,
.nav-tabs-left > li.active > a:hover,
.nav-tabs-left > li.active > a:focus {
    border: 1px solid #ddd;
    border-right-color: transparent
}

.row > .nav-tabs-left {
    margin-right: -1px;
    padding-left: 15px;
    padding-right: 0;
    position: relative;
    z-index: 1
}

.row > .nav-tabs-left + .tab-content { border-left: 1px solid #ddd }

.nav-tabs-right {
    border-bottom: 0;
    border-left: 1px solid #ddd
}

.nav-tabs-right > li {
    float: none;
    margin-bottom: 0;
    margin-left: -1px;
}

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

.nav-tabs-right > li > a:hover,
.nav-tabs-right > li > a:focus,
.nav-tabs-right > li.active > a,
.nav-tabs-right > li.active > a:hover,
.nav-tabs-right > li.active > a:focus {
    border: 1px solid #ddd;
    border-left-color: transparent
}

.row > .nav-tabs-right {
    padding-left: 0;
    padding-right: 15px
}

.navmenu,
.navbar-offcanvas {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    height: auto;
    width: 300px;
}

.navmenu-fixed-left,
.navmenu-fixed-right,
.navbar-offcanvas {
    border-radius: 0;
    bottom: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 1030;
}

.navmenu-fixed-left,
.navbar-offcanvas.navmenu-fixed-left {
    border-width: 0 1px 0 0;
    left: 0;
    right: auto;
}

.navmenu-fixed-right,
.navbar-offcanvas {
    border-width: 0 0 0 1px;
    left: auto;
    right: 0;
}

.navmenu-nav { margin-bottom: 10px }

.navmenu-nav.dropdown-menu {
    -webkit-box-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    margin: 0;
    padding-top: 0;
    position: static;
}

.navbar-offcanvas .navbar-nav { margin: 0 }

@media (min-width: 768px) {
    .navbar-offcanvas {
        border-top: 0;
        box-shadow: none;
        width: auto;
    }

    .navbar-offcanvas.offcanvas {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0;
        position: static;
    }

    .navbar-offcanvas .navbar-nav.navbar-left:first-child { margin-left: -15px }

    .navbar-offcanvas .navbar-nav.navbar-right:last-child { margin-right: -15px }

    .navbar-offcanvas .navmenu-brand { display: none }
}

.navmenu-brand {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
    padding: 10px 15px;
}

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

.navmenu-default,
.navbar-default .navbar-offcanvas {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navmenu-default .navmenu-brand,
.navbar-default .navbar-offcanvas .navmenu-brand { color: #777 }

.navmenu-default .navmenu-brand:hover,
.navbar-default .navbar-offcanvas .navmenu-brand:hover,
.navmenu-default .navmenu-brand:focus,
.navbar-default .navbar-offcanvas .navmenu-brand:focus {
    background-color: transparent;
    color: #5e5e5e;
}

.navmenu-default .navmenu-text,
.navbar-default .navbar-offcanvas .navmenu-text { color: #777 }

.navmenu-default .navmenu-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
.navmenu-default .navmenu-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
    border-bottom-color: #000000;
    border-top-color: #000000;
}

.navmenu-default .navmenu-nav > .open > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a,
.navmenu-default .navmenu-nav > .open > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover,
.navmenu-default .navmenu-nav > .open > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555
}

.navmenu-default .navmenu-nav > .open > a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a .caret,
.navmenu-default .navmenu-nav > .open > a:hover .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
.navmenu-default .navmenu-nav > .open > a:focus .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
    border-bottom-color: #555;
    border-top-color: #555;
}

.navmenu-default .navmenu-nav > .dropdown > a .caret,
.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
    border-bottom-color: #777;
    border-top-color: #777;
}

.navmenu-default .navmenu-nav.dropdown-menu,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu { background-color: #e7e7e7 }

.navmenu-default .navmenu-nav.dropdown-menu > .divider,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider { background-color: #f8f8f8 }

.navmenu-default .navmenu-nav.dropdown-menu > .active > a,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus { background-color: #d7d7d7 }

.navmenu-default .navmenu-nav > li > a,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a { color: #777 }

.navmenu-default .navmenu-nav > li > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover,
.navmenu-default .navmenu-nav > li > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
    background-color: transparent;
    color: #000000;
}

.navmenu-default .navmenu-nav > .active > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
.navmenu-default .navmenu-nav > .active > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
.navmenu-default .navmenu-nav > .active > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
    background-color: #e7e7e7;
    color: #555;
}

.navmenu-default .navmenu-nav > .disabled > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a,
.navmenu-default .navmenu-nav > .disabled > a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
.navmenu-default .navmenu-nav > .disabled > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
    background-color: transparent;
    color: #ccc;
}

.navmenu-inverse,
.navbar-inverse .navbar-offcanvas {
    background-color: #222;
    border-color: #080808
}

.navmenu-inverse .navmenu-brand,
.navbar-inverse .navbar-offcanvas .navmenu-brand { color: #999 }

.navmenu-inverse .navmenu-brand:hover,
.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
.navmenu-inverse .navmenu-brand:focus,
.navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
    background-color: transparent;
    color: #fff;
}

.navmenu-inverse .navmenu-text,
.navbar-inverse .navbar-offcanvas .navmenu-text { color: #999 }

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

.navmenu-inverse .navmenu-nav > .open > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a,
.navmenu-inverse .navmenu-nav > .open > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover,
.navmenu-inverse .navmenu-nav > .open > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus {
    background-color: #080808;
    color: #fff
}

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

.navmenu-inverse .navmenu-nav > .dropdown > a .caret,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
    border-bottom-color: #999;
    border-top-color: #999;
}

.navmenu-inverse .navmenu-nav.dropdown-menu,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu { background-color: #080808 }

.navmenu-inverse .navmenu-nav.dropdown-menu > .divider,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider { background-color: #222 }

.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus { background-color: #000 }

.navmenu-inverse .navmenu-nav > li > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a { color: #999 }

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

.navmenu-inverse .navmenu-nav > .active > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a,
.navmenu-inverse .navmenu-nav > .active > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:hover,
.navmenu-inverse .navmenu-nav > .active > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:focus {
    background-color: #080808;
    color: #fff;
}

.navmenu-inverse .navmenu-nav > .disabled > a,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a,
.navmenu-inverse .navmenu-nav > .disabled > a:hover,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
.navmenu-inverse .navmenu-nav > .disabled > a:focus,
.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
    background-color: transparent;
    color: #444;
}

.alert-fixed-top,
.alert-fixed-bottom {
    border-radius: 0;
    left: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 1035;
}

@media (min-width: 992px) {
    .alert-fixed-top,
    .alert-fixed-bottom {
        left: 50%;
        margin-left: -496px;
        width: 992px;
    }
}

.alert-fixed-top {
    border-width: 0 0 1px;
    top: 0;
}

@media (min-width: 992px) {
    .alert-fixed-top {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-width: 0 1px 1px
    }
}

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

@media (min-width: 992px) {
    .alert-fixed-bottom {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-width: 1px 1px 0
    }
}

.offcanvas { display: none }

.offcanvas.in { display: block }

@media (max-width: 767px) {
    .offcanvas-xs { display: none }

    .offcanvas-xs.in { display: block }
}

@media (max-width: 991px) {
    .offcanvas-sm { display: none }

    .offcanvas-sm.in { display: block }
}

@media (max-width: 1199px) {
    .offcanvas-md { display: none }

    .offcanvas-md.in { display: block }
}

.offcanvas-lg { display: none }

.offcanvas-lg.in { display: block }

.canvas-sliding {
    -webkit-transition: top .35s, left .35s, bottom .35s, right .35s;
    transition: top .35s, left .35s, bottom .35s, right .35s
}

.offcanvas-clone {
    border: none !important;
    bottom: 0 !important;
    height: 0 !important;
    left: auto !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: auto !important;
    width: 0 !important;
}

.table.rowlink td:not(.rowlink-skip),
.table .rowlink td:not(.rowlink-skip) { cursor: pointer }

.table.rowlink td:not(.rowlink-skip) a,
.table .rowlink td:not(.rowlink-skip) a {
    color: inherit;
    font: inherit;
    text-decoration: inherit
}

.table-hover.rowlink tr:hover td,
.table-hover .rowlink tr:hover td { background-color: #cfcfcf }

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.btn-file > input {
    cursor: pointer;
    direction: ltr;
    filter: alpha(opacity=0);
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.fileinput {
    display: inline-block;
    margin-bottom: 9px;
}

.fileinput .form-control {
    cursor: text;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 7px;
    vertical-align: middle;
}

.fileinput .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.fileinput .thumbnail > img { max-height: 100% }

.fileinput .btn { vertical-align: middle }

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists { display: none }

.fileinput-inline .fileinput-controls { display: inline }

.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.form-control .fileinput-filename { vertical-align: bottom }

.fileinput.input-group { display: table }

.fileinput.input-group > * {
    position: relative;
    z-index: 2
}

.fileinput.input-group > .btn-file { z-index: 1 }

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0 }

.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 3px 3px 0 }

.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 6px 6px 0 }

.form-group.has-warning .fileinput .fileinput-preview { color: #8a6d3b }

.form-group.has-warning .fileinput .thumbnail { border-color: #faebcc }

.form-group.has-error .fileinput .fileinput-preview { color: #a94442 }

.form-group.has-error .fileinput .thumbnail { border-color: #ebccd1 }

.form-group.has-success .fileinput .fileinput-preview { color: #3c763d }

.form-group.has-success .fileinput .thumbnail { border-color: #d6e9c6 }

.input-group-addon:not(:first-child) { border-left: 0 }
.toast-title { font-weight: bold; }

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label { color: #ffffff; }

.toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
}

.toast-close-button {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-text-shadow: 0 1px 0 #ffffff;
    color: #ffffff;
    filter: alpha(opacity=80);
    float: right;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.8;
    position: relative;
    right: -0.3em;
    text-shadow: 0 1px 0 #ffffff;
    top: -0.3em;
}

.toast-close-button:hover,
.toast-close-button:focus {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    color: #000000;
    cursor: pointer;
    filter: alpha(opacity=40);
    opacity: 0.4;
    text-decoration: none;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

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

.toast-top-full-width {
    right: 0;
    top: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    left: 12px;
    top: 12px;
}

.toast-top-center { top: 12px; }

.toast-top-right {
    right: 12px;
    top: 12px;
}

.toast-bottom-right {
    bottom: 12px;
    right: 12px;
}

.toast-bottom-center { bottom: 12px; }

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

.toast-center { top: 20%; }

.toast-mid-center { top: 25%; }

#toast-container {
    position: fixed;
    z-index:99999999999;
    /*overrides*/
}

#toast-container.toast-center,
#toast-container.toast-top-center,
#toast-container.toast-bottom-center { width: 100%; }

#toast-container.toast-center > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div { margin: auto; }

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container > div {
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 0 12px #999999;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 0 12px #999999;
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    filter: alpha(opacity=80);
    margin: 0 0 6px;
    opacity: 0.95;
    padding: 15px 15px 15px 50px;
    width: 400px;
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
}

#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-wait { background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==") !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-full-width > div,
#toast-container.toast-bottom-full-width > div {
    margin: auto;
    width: 96%;
}

.toast { background-color: #030303; }

.toast-success { background-color: #51a351; }

.toast-error { background-color: #bd362f; }

.toast-info { background-color: #2f96b4; }

.toast-wait { background-color: #2f96b4; }

.toast-warning { background-color: #f89406; }

/*Responsive Design*/

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.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: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

/*
  * AngularJS-Toaster
  * Version 0.3
 */

:not(.no-enter)#toast-container > div.ng-enter,
:not(.no-leave)#toast-container > div.ng-leave {
    -moz-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -webkit-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active,
:not(.no-leave)#toast-container > div.ng-leave { opacity: 0.8; }

:not(.no-leave)#toast-container > div.ng-leave.ng-leave-active,
:not(.no-enter)#toast-container > div.ng-enter { opacity: 0; }
.daterangepicker {
    background: #fff;
    border-radius: 4px;
    color: inherit;
    left: 20px;
    margin-top: 1px;
    padding: 4px;
    position: absolute;
    top: 100px;
    width: 278px;
    /* Calendars */
}

.daterangepicker:before, .daterangepicker:after {
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
    display: inline-block;
    position: absolute;
}

.daterangepicker:before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -7px;
}

.daterangepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px;
}

.daterangepicker.opensleft:before { right: 9px; }

.daterangepicker.opensleft:after { right: 10px; }

.daterangepicker.openscenter:before {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0;
}

.daterangepicker.openscenter:after {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0;
}

.daterangepicker.opensright:before { left: 9px; }

.daterangepicker.opensright:after { left: 10px; }

.daterangepicker.dropup { margin-top: -5px; }

.daterangepicker.dropup:before {
    border-bottom: initial;
    border-top: 7px solid #ccc;
    bottom: -7px;
    top: initial;
}

.daterangepicker.dropup:after {
    border-bottom: initial;
    border-top: 6px solid #fff;
    bottom: -6px;
    top: initial;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; }

.daterangepicker.show-calendar .calendar { display: block; }

.daterangepicker .calendar {
    display: none;
    margin: 4px;
    max-width: 270px;
}

.daterangepicker .calendar.single .calendar-table { border: none; }

.daterangepicker .calendar th, .daterangepicker .calendar td {
    min-width: 32px;
    text-align: center;
    white-space: nowrap;
}

.daterangepicker .calendar-table {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px;
}

.daterangepicker table {
    margin: 0;
    width: 100%;
}

.daterangepicker td, .daterangepicker th {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    text-align: center;
    white-space: nowrap;
    width: 20px;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; }

.daterangepicker td.week, .daterangepicker th.week {
    color: #ccc;
    font-size: 80%;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    border-radius: 0;
    color: #000;
}

.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date { border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #fa9900;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month { width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    cursor: default;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 1px;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect { width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    margin-bottom: 0;
    width: 50px;
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    vertical-align: middle;
    width: 100%;
}

.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px;
}

.daterangepicker .daterangepicker_input { position: relative; }

.daterangepicker .daterangepicker_input i {
    left: 8px;
    position: absolute;
    top: 8px;
}

.daterangepicker .calendar-time {
    line-height: 30px;
    margin: 5px auto;
    padding-left: 28px;
    position: relative;
    text-align: center;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.ranges {
    float: none;
    font-size: 11px;
    margin: 4px;
    text-align: left;
}

.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.ranges li {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: black !important;
    cursor: pointer;
    font-size: 13px;
    margin-bottom: 8px;
    padding: 3px 12px;
}

.ranges li:hover {
    background: #fa9900 !important;
    border: 1px solid #fa9900 !important;
    color: #fff;
}

.ranges li.active {
    background: #fa9900 !important;
    border: 1px solid #fa9900 !important;
    color: #fff;
}

/*  Larger Screen Styling */

@media (min-width: 564px) {
    .daterangepicker { width: auto; }

    .daterangepicker .ranges ul { width: 160px; }

    .daterangepicker.single .ranges ul { width: 100%; }

    .daterangepicker.single .calendar.left { clear: none; }

    .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: left; }

    .daterangepicker .calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker .calendar.left .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0;
    }

    .daterangepicker .calendar.right { margin-left: 0; }

    .daterangepicker .calendar.right .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0;
    }

    .daterangepicker .left .daterangepicker_input { padding-right: 12px; }

    .daterangepicker .calendar.left .calendar-table { padding-right: 12px; }

    .daterangepicker .ranges, .daterangepicker .calendar { float: left; }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        float: left;
        width: auto;
    }

    .daterangepicker .calendar.left { clear: none; }
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("/fonts/OpenSans/OpenSans-Bold.woff2") format('woff2');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: local('Open Sans BoldItalic'), local('OpenSans-BoldItalic'), url("/fonts/OpenSans/OpenSans-BoldItalic.woff2") format('woff2');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url("/fonts/OpenSans/OpenSans-ExtraBold.woff2") format('woff2');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: local('Open Sans ExtraBoldItalic'), local('OpenSans-ExtraBoldItalic'), url("/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff2") format('woff2');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url("/fonts/OpenSans/OpenSans-Semibold.woff2") format('woff2');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'OpenSans-SemiboldItalic';
    src: local('Open Sans SemiboldItalic'), local('OpenSans-SemiboldItalic'), url("/fonts/OpenSans/OpenSans-SemiboldItalic.woff2") format('woff2');
    unicode-range: U+0000-00FF;
}

@font-face {
    font-family: 'OpenSans-LightItalic';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url("/fonts/OpenSans/OpenSans-LightItalic.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*!
   angular-block-ui v0.2.1
   (c) 2015 (null) McNull https://github.com/McNull/angular-block-ui
   License: MIT
*/.block-ui{position:relative}body.block-ui{position:static}.block-ui-main>.block-ui-container,body.block-ui>.block-ui-container{position:fixed}.block-ui-container{position:absolute;z-index:10000;top:0;right:0;bottom:0;left:0;height:0;overflow:hidden;opacity:0;filter:alpha(opacity=00)}.block-ui-active>.block-ui-container{height:100%;cursor:wait}.block-ui-active .block-ui-active>.block-ui-container{height:0}.block-ui-visible>.block-ui-container{opacity:1;filter:alpha(opacity=100)}.block-ui-overlay{width:100%;height:100%;opacity:.5;filter:alpha(opacity=50);background-color:#fff}.block-ui-message-container{position:absolute;top:35%;left:0;right:0;height:0;text-align:center;z-index:10001}.block-ui-message{display:inline-block;text-align:left;background-color:#333;color:#f5f5f5;padding:20px;border-radius:4px;font-size:20px;font-weight:700;filter:alpha(opacity=100)}.block-ui-anim-fade>.block-ui-container{transition:height 0s linear 200ms,opacity 200ms ease 0s}.block-ui-anim-fade.block-ui-active>.block-ui-container{transition-delay:0s}
.angucomplete-holder {
    position: relative;
}

.angucomplete-dropdown {
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 250px;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    /*top: 32px;
    left: 0px;
    */
    /*margin-top: -6px;*/
    background-color: #ffffff;
    max-height: 400px;
    overflow-y: auto;
}

.angucomplete-searching {
    color: #acacac;
    font-size: 14px;
}

.angucomplete-description {
    font-size: 14px;
}

.angucomplete-row {
    padding: 5px;
    color: #000000;
    margin-bottom: 4px;
    clear: both;
}

.angucomplete-selected-row {
    background-color: lightblue;
    color: #ffffff;
}

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
    /* Add your own default image here
     background-image: url('/assets/default.png');
    */
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}

/*!
 * ui-grid - v3.0.7 - 2015-10-06
 * Copyright (c) 2015 ; License: MIT 
 */#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-scrollbar-placeholder{background-color:transparent}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-contents-wrapper{position:relative;height:100%;width:100%}.ui-grid-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.ui-grid-top-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:border-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:table;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-header-cell-row{display:table-row;position:relative}.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;display:table-cell;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell:last-child{border-right:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-column-menu-button-last-col{margin-right:25px}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}.ui-grid-filter-container .ui-grid-filter-button-select{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:0;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}select.ui-grid-filter-select{padding:0;margin:0;border:0;width:90%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}select.ui-grid-filter-select:hover{border:1px solid #d4d4d4}.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select{width:100%}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ui-grid-viewport:focus{outline:none !important}.ui-grid-canvas{position:relative;padding-top:1px}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;word-break: break-word;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{background-color:#f0f0ee;border-bottom:solid 1px #d4d4d4}.ui-grid-footer-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-grid-footer{float:left;width:100%}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-footer-cell-row{display:table-row}.ui-grid-footer-cell{overflow:hidden;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box;display:table-cell}.ui-grid-footer-cell:last-child{border-right:0}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-menu-button{z-index:2;position:absolute;right:0;top:0;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;height:31px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:3px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow:scroll;max-height:300px;border:1px solid #d4d4d4}.ui-grid-menu{z-index:2;position:absolute;padding:0 10px 20px 10px;cursor:pointer;box-sizing:border-box}.ui-grid-menu .ui-grid-menu-inner{background:#f3f3f3;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button{position:absolute;right:0;top:0;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1px 1px;font-size:10px;line-height:1;border-radius:2px;color:transparent;background-color:transparent;border-color:transparent}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus{color:#333;text-decoration:none}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button{pointer-events:none}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus{color:transparent;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover{color:transparent;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button{color:transparent;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus{color:transparent;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,.open>.dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button{background-image:none}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:active,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:active,fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.active,.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].active,fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active{background-color:transparent;border-color:transparent}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge{color:transparent;background-color:transparent}.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button>i{opacity:.75;color:black}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:0}.ui-grid-menu .ui-grid-menu-inner ul li button{min-width:100%;padding:8px;text-align:left;background:transparent;border:none}.ui-grid-menu .ui-grid-menu-inner ul li button:hover,.ui-grid-menu .ui-grid-menu-inner ul li button:focus{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2);background-color:#cecece}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>button{border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('ui-grid.eot');src:url('ui-grid.eot#iefix') format('embedded-opentype'),url('ui-grid.woff') format('woff'),url('ui-grid.ttf') format('truetype'),url('ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child,.ui-grid[dir=rtl] .ui-grid-header-cell:last-child{border-right:1px solid #d4d4d4;border-left:0}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}.ui-grid-focuser{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.ui-grid-focuser: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, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-offscreen{display:block;position:absolute;left:-10000px;top:-10000px;clip:rect(0, 0, 0, 0)}div.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}div.ui-grid-cell input:focus{color:inherit;outline:none}div.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}div.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}div.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:none}.ui-grid-expandable-buttons-cell i{pointer-events:all}.scrollFiller{float:left;border:1px solid #d4d4d4}.ui-grid-tree-header-row{font-weight:bold !important}.movingColumn{position:absolute;top:0;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:before,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{content:" ";display:table}#ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,#ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,#ui-grid-twbs #ui-grid-twbs .btn-group-vertical>.btn-group:after{clear:both}.ui-grid-pager-panel{position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px}.ui-grid-pager-container{float:left}.ui-grid-pager-control{margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button{height:25px;min-width:26px;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#eee;background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active:focus,.ui-grid-pager-control button.active:focus,.ui-grid-pager-control button.focus,.ui-grid-pager-control button:active.focus,.ui-grid-pager-control button.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:hover,.ui-grid-pager-control button:focus,.ui-grid-pager-control button.focus{color:#333;text-decoration:none}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-pager-control button.disabled,.ui-grid-pager-control button[disabled],fieldset[disabled] .ui-grid-pager-control button{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.ui-grid-pager-control button.disabled,fieldset[disabled] a.ui-grid-pager-control button{pointer-events:none}.ui-grid-pager-control button:focus,.ui-grid-pager-control button.focus{color:#eee;background-color:#dadada;border-color:#8c8c8c}.ui-grid-pager-control button:hover{color:#eee;background-color:#dadada;border-color:#adadad}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active,.open>.dropdown-toggle.ui-grid-pager-control button{color:#eee;background-color:#dadada;border-color:#adadad}.ui-grid-pager-control button:active:hover,.ui-grid-pager-control button.active:hover,.open>.dropdown-toggle.ui-grid-pager-control button:hover,.ui-grid-pager-control button:active:focus,.ui-grid-pager-control button.active:focus,.open>.dropdown-toggle.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active.focus,.ui-grid-pager-control button.active.focus,.open>.dropdown-toggle.ui-grid-pager-control button.focus{color:#eee;background-color:#c8c8c8;border-color:#8c8c8c}.ui-grid-pager-control button:active,.ui-grid-pager-control button.active,.open>.dropdown-toggle.ui-grid-pager-control button{background-image:none}.ui-grid-pager-control button.disabled,.ui-grid-pager-control button[disabled],fieldset[disabled] .ui-grid-pager-control button,.ui-grid-pager-control button.disabled:hover,.ui-grid-pager-control button[disabled]:hover,fieldset[disabled] .ui-grid-pager-control button:hover,.ui-grid-pager-control button.disabled:focus,.ui-grid-pager-control button[disabled]:focus,fieldset[disabled] .ui-grid-pager-control button:focus,.ui-grid-pager-control button.disabled.focus,.ui-grid-pager-control button[disabled].focus,fieldset[disabled] .ui-grid-pager-control button.focus,.ui-grid-pager-control button.disabled:active,.ui-grid-pager-control button[disabled]:active,fieldset[disabled] .ui-grid-pager-control button:active,.ui-grid-pager-control button.disabled.active,.ui-grid-pager-control button[disabled].active,fieldset[disabled] .ui-grid-pager-control button.active{background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control button .badge{color:#f3f3f3;background-color:#eee}.ui-grid-pager-control input{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,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;display:inline;height:26px;width:50px;vertical-align:top}.ui-grid-pager-control input: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, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-pager-control input::-moz-placeholder{color:#999;opacity:1}.ui-grid-pager-control input:-ms-input-placeholder{color:#999}.ui-grid-pager-control input::-webkit-input-placeholder{color:#999}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly],fieldset[disabled] .ui-grid-pager-control input{background-color:#eee;opacity:1}.ui-grid-pager-control input[disabled],fieldset[disabled] .ui-grid-pager-control input{cursor:not-allowed}textarea.ui-grid-pager-control input{height:auto}select.ui-grid-pager-control input{height:30px;line-height:30px}textarea.ui-grid-pager-control input,select[multiple].ui-grid-pager-control input{height:auto}.ui-grid-pager-control .ui-grid-pager-max-pages-number{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number>*{vertical-align:middle}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-row-count-picker{float:left}.ui-grid-pager-row-count-picker select{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,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:26px;width:67px;display:inline}.ui-grid-pager-row-count-picker select: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, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.ui-grid-pager-row-count-picker select::-moz-placeholder{color:#999;opacity:1}.ui-grid-pager-row-count-picker select:-ms-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-webkit-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly],fieldset[disabled] .ui-grid-pager-row-count-picker select{background-color:#eee;opacity:1}.ui-grid-pager-row-count-picker select[disabled],fieldset[disabled] .ui-grid-pager-row-count-picker select{cursor:not-allowed}textarea.ui-grid-pager-row-count-picker select{height:auto}select.ui-grid-pager-row-count-picker select{height:30px;line-height:30px}textarea.ui-grid-pager-row-count-picker select,select[multiple].ui-grid-pager-row-count-picker select{height:auto}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}.ui-grid-pinned-container{position:absolute;display:inline;top:0}.ui-grid-pinned-container.ui-grid-pinned-container-left{float:left;left:0}.ui-grid-pinned-container.ui-grid-pinned-container-right{float:right;right:0}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:1px solid #d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:0}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left{border-left:1px solid #d4d4d4}.ui-grid.column-resizing{cursor:col-resize}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610b38}.ui-grid-row-error .ui-grid-cell{color:#f00 !important}.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#c9dde1}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{cursor:pointer;opacity:.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected{opacity:1}.ui-grid-selection-row-header-buttons.ui-grid-all-selected{opacity:1}.ui-grid-tree-row-header-buttons.ui-grid-tree-header{cursor:pointer;opacity:1}.ui-grid-tree-header-row{font-weight:bold !important}.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-indent-left:before{content:'\e800'}.ui-grid-icon-indent-right:before{content:'\e801'}.ui-grid-icon-spin5:before{content:'\ea61'}