@charset "UTF-8";
/* // 1. Colors */
/* // Typography */
/* // Buttons */
/* // 5. Carousel */
/* // Dropdown */
/* // Navigation Bar */
/* // Forms */
/* // 16. Photo Slider */
/* // 20. Toasts */
/* // Footer  */
/* // Social media */
/* // Tables */
/* // Global */
/* // 13. Grid */
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
/* line 9, ../materialize-src/sass/components/_normalize.scss */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, ../materialize-src/sass/components/_normalize.scss */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 45, ../materialize-src/sass/components/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 57, ../materialize-src/sass/components/_normalize.scss */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 67, ../materialize-src/sass/components/_normalize.scss */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
/* line 78, ../materialize-src/sass/components/_normalize.scss */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, ../materialize-src/sass/components/_normalize.scss */
a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
/* line 99, ../materialize-src/sass/components/_normalize.scss */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/* line 110, ../materialize-src/sass/components/_normalize.scss */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
/* line 119, ../materialize-src/sass/components/_normalize.scss */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 127, ../materialize-src/sass/components/_normalize.scss */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 136, ../materialize-src/sass/components/_normalize.scss */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 145, ../materialize-src/sass/components/_normalize.scss */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 154, ../materialize-src/sass/components/_normalize.scss */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 163, ../materialize-src/sass/components/_normalize.scss */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

/* line 170, ../materialize-src/sass/components/_normalize.scss */
sup {
    top: -0.5em;
}

/* line 174, ../materialize-src/sass/components/_normalize.scss */
sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 185, ../materialize-src/sass/components/_normalize.scss */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 193, ../materialize-src/sass/components/_normalize.scss */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 204, ../materialize-src/sass/components/_normalize.scss */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 212, ../materialize-src/sass/components/_normalize.scss */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../materialize-src/sass/components/_normalize.scss */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 232, ../materialize-src/sass/components/_normalize.scss */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
/* line 256, ../materialize-src/sass/components/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 266, ../materialize-src/sass/components/_normalize.scss */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 278, ../materialize-src/sass/components/_normalize.scss */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 293, ../materialize-src/sass/components/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 303, ../materialize-src/sass/components/_normalize.scss */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 312, ../materialize-src/sass/components/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 322, ../materialize-src/sass/components/_normalize.scss */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 335, ../materialize-src/sass/components/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 347, ../materialize-src/sass/components/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
/* line 356, ../materialize-src/sass/components/_normalize.scss */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 368, ../materialize-src/sass/components/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 376, ../materialize-src/sass/components/_normalize.scss */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 387, ../materialize-src/sass/components/_normalize.scss */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 396, ../materialize-src/sass/components/_normalize.scss */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 405, ../materialize-src/sass/components/_normalize.scss */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 416, ../materialize-src/sass/components/_normalize.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 422, ../materialize-src/sass/components/_normalize.scss */
td,
th {
    padding: 0;
}

/* line 2, ../materialize-src/sass/components/_global.scss */
html {
    box-sizing: border-box;
}

/* line 6, ../materialize-src/sass/components/_global.scss */
body {
    background-color: #ffffff;
}

/* line 12, ../materialize-src/sass/components/_global.scss */
*,
*:before,
*:after {
    box-sizing: inherit;
}

/* line 16, ../materialize-src/sass/components/_global.scss */
hr {
    margin: 0;
}

/* line 21, ../materialize-src/sass/components/_global.scss */
ul:not(.browser-default) {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
/* line 25, ../materialize-src/sass/components/_global.scss */
ul:not(.browser-default) > li {
    list-style-type: none;
}

/* line 31, ../materialize-src/sass/components/_global.scss */
a {
    color: #0980f4;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

/* line 40, ../materialize-src/sass/components/_global.scss */
.clearfix:before, .container:before, .row:before, nav .nav:before, .card:before,
.clearfix:after,
.container:after,
.row:after,
nav .nav:after,
.card:after {
    display: table;
    content: " ";
}

/* line 45, ../materialize-src/sass/components/_global.scss */
.clearfix:after, .container:after, .row:after, nav .nav:after, .card:after {
    clear: both;
}

/* line 50, ../materialize-src/sass/components/_global.scss */
.z-depth-0, .btn-link,
.link-primary {
    box-shadow: none !important;
}

/* line 54, ../materialize-src/sass/components/_global.scss */
.z-depth-half, .ob .header {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 1px -1px rgba(0, 0, 0, 0.2);
}

/* line 58, ../materialize-src/sass/components/_global.scss */
.z-depth-1, .card, .toast, .dropdown-content {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

/* line 62, ../materialize-src/sass/components/_global.scss */
.z-depth-1-half {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

/* line 66, ../materialize-src/sass/components/_global.scss */
.z-depth-2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* line 70, ../materialize-src/sass/components/_global.scss */
.z-depth-3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

/* line 74, ../materialize-src/sass/components/_global.scss */
.z-depth-4, .modal, .auth-modal.modal .modal-content, .modal-cities .modal-content {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
}

/* line 78, ../materialize-src/sass/components/_global.scss */
.z-depth-5 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

/* line 82, ../materialize-src/sass/components/_global.scss */
.hoverable {
    transition: box-shadow .25s;
}
/* line 84, ../materialize-src/sass/components/_global.scss */
.hoverable:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*******************
  Utility Classes
*******************/
/* line 94, ../materialize-src/sass/components/_global.scss */
.hide {
    display: none !important;
}

@media only screen and (max-width: 991px) {
    /* line 100, ../materialize-src/sass/components/_global.scss */
    .hide-md-less {
        display: none !important;
    }
}
@media only screen and (min-width: 992px) {
    /* line 107, ../materialize-src/sass/components/_global.scss */
    .hide-lg-up {
        display: none !important;
    }
}
/* line 113, ../materialize-src/sass/components/_global.scss */
.left-align {
    text-align: left;
}

/* line 117, ../materialize-src/sass/components/_global.scss */
.right-align {
    text-align: right;
}

/* line 122, ../materialize-src/sass/components/_global.scss */
.center,
.center-align {
    text-align: center;
}

/* line 126, ../materialize-src/sass/components/_global.scss */
.left {
    float: left !important;
}

/* line 130, ../materialize-src/sass/components/_global.scss */
.right {
    float: right !important;
}

/* line 135, ../materialize-src/sass/components/_global.scss */
.no-space {
    line-height: 0.1;
}

/* line 140, ../materialize-src/sass/components/_global.scss */
.no-select {
    user-select: none;
}

/* line 144, ../materialize-src/sass/components/_global.scss */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* line 155, ../materialize-src/sass/components/_global.scss */
.circle {
    border-radius: 50%;
}

/* line 159, ../materialize-src/sass/components/_global.scss */
.center-block, .happy-voices #carouselHappyVoices, .success-stories #carouselSuccessStories, .coc #carouselCOC, .mobile-app-download .content, .ob .header .content,
.ob .header .guide-list,
.ob .body .content,
.ob .body .guide-list,
.ob .footer .content,
.ob .footer .guide-list {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* line 165, ../materialize-src/sass/components/_global.scss */
.i-block, .th,
.md-sort,
.action {
    display: inline-block;
}

/* line 169, ../materialize-src/sass/components/_global.scss */
.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* line 176, ../materialize-src/sass/components/_global.scss */
.no-padding {
    padding: 0 !important;
}

/* line 180, ../materialize-src/sass/components/_global.scss */
.upper-case, nav ul a, .modal-cities .modal-content .city-col, footer .title {
    text-transform: uppercase;
}

/* line 184, ../materialize-src/sass/components/_global.scss */
.font-weight-bold, nav ul a, .card .profile-name,
.card .card-title, .feed-results .feed-result-counting,
.feed-results .feed-result-caption, .btn-large, .modal-cities .modal-content .city-col, .miscellaneous .title, .fixing-civic-issues-steps .title, footer .title {
    font-weight: 700;
}

/* line 188, ../materialize-src/sass/components/_global.scss */
.font-weight-medium, .happy-voices #carouselHappyVoices .citizen-name {
    font-weight: 500;
}

/* line 192, ../materialize-src/sass/components/_global.scss */
.font-weight-normal, .btn-medium, .dropdown-content li > a, .dropdown-content li > span {
    font-weight: 400;
}

/* line 196, ../materialize-src/sass/components/_global.scss */
.font-weight-slim {
    font-weight: 300;
}

/* line 200, ../materialize-src/sass/components/_global.scss */
.time-span {
    color: rgba(0, 0, 0, 0.54);
    line-height: 16px;
}

/* line 205, ../materialize-src/sass/components/_global.scss */
.m-0, .agency #filter .props .input-field, .agency .change-status .input-field {
    margin: 0 !important;
}

/* line 209, ../materialize-src/sass/components/_global.scss */
.main-fixed-top {
    padding-top: 65px;
}

@media only screen and (min-width: 992px) {
    /* line 215, ../materialize-src/sass/components/_global.scss */
    .aside.left {
        width: 243px;
    }

    /* line 220, ../materialize-src/sass/components/_global.scss */
    .content.right {
        margin-left: 15px;
        width: 712px;
    }
}
/* line 2, ../materialize-src/sass/components/_badges.scss */
.badge {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: table-cell;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
/* line 16, ../materialize-src/sass/components/_badges.scss */
.badge[data-badge-caption]::after {
    content: " " attr(data-badge-caption);
}
/* line 20, ../materialize-src/sass/components/_badges.scss */
.badge.open, .badge[data-badge-caption="open"] {
    background-color: rgba(246, 105, 94, 0.12);
    border-color: #F6695E;
    color: #F6695E;
}
/* line 26, ../materialize-src/sass/components/_badges.scss */
.badge.on-the-job, .badge[data-badge-caption="on-the-job"] {
    background-color: rgba(43, 181, 249, 0.12);
    border-color: #2bb5f9;
    color: #2bb5f9;
}
/* line 32, ../materialize-src/sass/components/_badges.scss */
.badge.resolved, .badge[data-badge-caption="resolved"] {
    background-color: rgba(0, 189, 0, 0.12);
    border-color: #00BD00;
    color: #00BD00;
}
/* line 40, ../materialize-src/sass/components/_badges.scss */
.badge.closed, .badge.rejected, .badge[data-badge-caption="closed"], .badge[data-badge-caption="rejected"] {
    background-color: rgba(96, 125, 139, 0.12);
    border-color: #607D8B;
    color: #607D8B;
}

/* This is needed for some mobile phones to display the Google Icon font properly */
/* line 3, ../materialize-src/sass/components/_icons-material-design.scss */
.material-icons {
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
}

/* line 9, ../materialize-src/sass/components/_icons-material-design.scss */
.circle .material-icons {
    vertical-align: middle;
}

/* line 18, ../materialize-src/sass/components/_icons-material-design.scss */
.th .material-icons,
.md-sort .material-icons,
.action .material-icons {
    font-size: 18px;
    vertical-align: middle;
}

/* line 25, ../materialize-src/sass/components/_icons-material-design.scss */
.action .material-icons {
    cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
    color: rgba(0, 0, 0, 0.54);
}
/* line 30, ../materialize-src/sass/components/_icons-material-design.scss */
.action .material-icons:hover {
    color: rgba(0, 0, 0, 0.87);
}
/* line 35, ../materialize-src/sass/components/_icons-material-design.scss */
.action.edit .material-icons {
    color: #0980f4;
}

/* line 43, ../materialize-src/sass/components/_icons-material-design.scss */
.active .md-sort .material-icons {
    transform: rotateX(-180deg);
}

/* line 49, ../materialize-src/sass/components/_icons-material-design.scss */
.md-sort {
    padding-left: 5px;
}

/* line 53, ../materialize-src/sass/components/_icons-material-design.scss */
img.responsive-img {
    max-width: 100%;
    height: auto;
}

/* line 58, ../materialize-src/sass/components/_icons-material-design.scss */
img {
    border: 0 none;
}

/* line 62, ../materialize-src/sass/components/_icons-material-design.scss */
.thumbnail {
    background-clip: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* line 73, ../materialize-src/sass/components/_icons-material-design.scss */
.t40x40 {
    height: 40px;
    width: 40px;
}

/* line 78, ../materialize-src/sass/components/_icons-material-design.scss */
.t50x50 {
    height: 50px;
    width: 50px;
}

/* line 83, ../materialize-src/sass/components/_icons-material-design.scss */
.t75x75 {
    height: 75px;
    width: 75px;
}

/* line 89, ../materialize-src/sass/components/_icons-material-design.scss */
[class*="home-cs-"],
[class^=" home-cs-"] {
    background-image: url(../images/home/css-sprites.png);
    background-repeat: no-repeat;
    display: inline-block;
}

/* line 95, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-happy-voices {
    background-position: -265px -538px;
}

/* line 99, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-news {
    background-position: -10px -538px;
    width: 78px;
    height: 73px;
}

/* line 105, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-neighbourhood {
    background-position: -186px -538px;
    width: 59px;
    height: 59px;
}

/* line 111, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-maps {
    background-position: -108px -538px;
    width: 58px;
    height: 62px;
}

/* line 119, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-news,
.home-cs-neighbourhood,
.home-cs-maps {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* line 128, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-mobile-logo-ios {
    background-position: -507px -464px;
    width: 173px;
    height: 51px;
}

/* line 134, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-mobile-logo-android {
    background-position: -275px -464px;
    width: 212px;
    height: 52px;
}

/* line 140, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-mobile-logo-windows {
    background-position: -10px -464px;
    width: 245px;
    height: 54px;
}

/* line 146, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-mobile-ios {
    background-position: -10px -10px;
}

/* line 150, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-mobile-android {
    background-position: -469px -10px;
}

/* line 154, ../materialize-src/sass/components/_icons-material-design.scss */
.home-cs-mobile-windows {
    background-position: -237px -10px;
}

/* line 167, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.vote-up, .circle.locality, .circle.profile, .circle.done, .circle.guide-1, .circle.guide-2, .circle.guide-3, .circle.guide-4 {
    display: block;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
/* line 173, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.vote-up {
    background-color: #0980f4;
}
/* line 176, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.locality {
    background-color: #f5a623;
}
/* line 179, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.profile {
    background-color: #900faa;
}
/* line 184, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.done, .circle.error, .circle.warning {
    background-color: transparent;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: none;
}
/* line 195, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.done .material-icons, .circle.error .material-icons, .circle.warning .material-icons {
    color: #00bd00;
    font-size: 16px;
}
/* line 201, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.error .material-icons {
    color: #f6695e;
}
/* line 206, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.warning .material-icons {
    color: #ffbe00;
}
/* line 210, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.guide-1 {
    background-color: #e54d42;
}
/* line 213, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.guide-2 {
    background-color: #00afff;
}
/* line 216, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.guide-3 {
    background-color: #fcd500;
}
/* line 219, ../materialize-src/sass/components/_icons-material-design.scss */
.circle.guide-4 {
    background-color: #30ac63;
}

/* line 1, ../materialize-src/sass/components/_media.scss */
.media {
    margin-top: 1rem;
}
/* line 3, ../materialize-src/sass/components/_media.scss */
.media:first-child {
    margin-top: 0;
}

/* line 9, ../materialize-src/sass/components/_media.scss */
.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

/* line 14, ../materialize-src/sass/components/_media.scss */
.media-body {
    width: 10000px;
}

/* line 18, ../materialize-src/sass/components/_media.scss */
.media-object {
    display: block;
}

/* line 22, ../materialize-src/sass/components/_media.scss */
.media-object.img-thumbnail {
    max-width: none;
}

/* line 27, ../materialize-src/sass/components/_media.scss */
.media-right,
.media > .pull-right {
    padding-left: 10px;
}

/* line 32, ../materialize-src/sass/components/_media.scss */
.media-left,
.media > .pull-left {
    padding-right: 10px;
}

/* line 38, ../materialize-src/sass/components/_media.scss */
.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

/* line 43, ../materialize-src/sass/components/_media.scss */
.media-middle, nav .nav .brand .responsive-img,
nav .nav .brand img {
    vertical-align: middle;
}

/* line 47, ../materialize-src/sass/components/_media.scss */
.media-bottom {
    vertical-align: bottom;
}

/* line 51, ../materialize-src/sass/components/_media.scss */
.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

/* line 1, ../materialize-src/sass/components/_grid.scss */
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}
/* line 6, ../materialize-src/sass/components/_grid.scss */
.container-fluid::before, .container-fluid::after {
    display: table;
    line-height: 0;
    content: "";
}
/* line 11, ../materialize-src/sass/components/_grid.scss */
.container-fluid::after {
    clear: both;
}

@media only screen and (min-width: 992px) {
    /* line 17, ../materialize-src/sass/components/_grid.scss */
    .container {
        width: 984px;
    }
}
/* line 22, ../materialize-src/sass/components/_grid.scss */
.container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-right: auto;
    margin-left: auto;
}

/* line 31, ../materialize-src/sass/components/_grid.scss */
.container .row,
.row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

@media only screen and (max-width: 991px) {
    /* line 37, ../materialize-src/sass/components/_grid.scss */
    .container {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    /* line 42, ../materialize-src/sass/components/_grid.scss */
    .container .row,
    .row {
        margin-left: -1rem;
        margin-right: -1rem;
    }
}
@media only screen and (min-width: 992px) {
    /* line 70, ../materialize-src/sass/components/_grid.scss */
    .row .col {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
@media only screen and (max-width: 991px) {
    /* line 70, ../materialize-src/sass/components/_grid.scss */
    .row .col {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* line 80, ../materialize-src/sass/components/_grid.scss */
.row .col {
    float: left;
    box-sizing: border-box;
    min-height: 1px;
}
/* line 85, ../materialize-src/sass/components/_grid.scss */
.row .col[class*="push-"], .row .col[class*="pull-"] {
    position: relative;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l1 {
    width: 8.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l2 {
    width: 16.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l5 {
    width: 41.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l7 {
    width: 58.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l8 {
    width: 66.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l10 {
    width: 83.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l11 {
    width: 91.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 91, ../materialize-src/sass/components/_grid.scss */
.row .col.md-l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l1 {
    margin-left: 8.33333%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l1 {
    right: 8.33333%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l1 {
    left: 8.33333%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l2 {
    margin-left: 16.66667%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l2 {
    right: 16.66667%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l2 {
    left: 16.66667%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l3 {
    margin-left: 25%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l3 {
    right: 25%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l3 {
    left: 25%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l4 {
    margin-left: 33.33333%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l4 {
    right: 33.33333%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l4 {
    left: 33.33333%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l5 {
    margin-left: 41.66667%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l5 {
    right: 41.66667%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l5 {
    left: 41.66667%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l6 {
    margin-left: 50%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l6 {
    right: 50%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l6 {
    left: 50%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l7 {
    margin-left: 58.33333%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l7 {
    right: 58.33333%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l7 {
    left: 58.33333%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l8 {
    margin-left: 66.66667%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l8 {
    right: 66.66667%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l8 {
    left: 66.66667%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l9 {
    margin-left: 75%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l9 {
    right: 75%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l9 {
    left: 75%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l10 {
    margin-left: 83.33333%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l10 {
    right: 83.33333%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l10 {
    left: 83.33333%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l11 {
    margin-left: 91.66667%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l11 {
    right: 91.66667%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l11 {
    left: 91.66667%;
}
/* line 56, ../materialize-src/sass/components/_grid.scss */
.row .col.offset-md-l12 {
    margin-left: 100%;
}
/* line 59, ../materialize-src/sass/components/_grid.scss */
.row .col.pull-md-l12 {
    right: 100%;
}
/* line 62, ../materialize-src/sass/components/_grid.scss */
.row .col.push-md-l12 {
    left: 100%;
}
@media only screen and (min-width: 992px) {
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 107, ../materialize-src/sass/components/_grid.scss */
    .row .col.lg-u12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u1 {
        margin-left: 8.33333%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u1 {
        right: 8.33333%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u1 {
        left: 8.33333%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u2 {
        margin-left: 16.66667%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u2 {
        right: 16.66667%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u2 {
        left: 16.66667%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u3 {
        margin-left: 25%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u3 {
        right: 25%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u3 {
        left: 25%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u4 {
        margin-left: 33.33333%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u4 {
        right: 33.33333%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u4 {
        left: 33.33333%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u5 {
        margin-left: 41.66667%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u5 {
        right: 41.66667%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u5 {
        left: 41.66667%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u6 {
        margin-left: 50%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u6 {
        right: 50%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u6 {
        left: 50%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u7 {
        margin-left: 58.33333%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u7 {
        right: 58.33333%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u7 {
        left: 58.33333%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u8 {
        margin-left: 66.66667%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u8 {
        right: 66.66667%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u8 {
        left: 66.66667%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u9 {
        margin-left: 75%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u9 {
        right: 75%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u9 {
        left: 75%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u10 {
        margin-left: 83.33333%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u10 {
        right: 83.33333%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u10 {
        left: 83.33333%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u11 {
        margin-left: 91.66667%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u11 {
        right: 91.66667%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u11 {
        left: 91.66667%;
    }
    /* line 56, ../materialize-src/sass/components/_grid.scss */
    .row .col.offset-lg-u12 {
        margin-left: 100%;
    }
    /* line 59, ../materialize-src/sass/components/_grid.scss */
    .row .col.pull-lg-u12 {
        right: 100%;
    }
    /* line 62, ../materialize-src/sass/components/_grid.scss */
    .row .col.push-lg-u12 {
        left: 100%;
    }
}

/* line 3, ../materialize-src/sass/components/_navbar.scss */
nav .brand-logo {
    position: absolute;
    color: white;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
}
/* line 9, ../materialize-src/sass/components/_navbar.scss */
nav .brand-logo.center {
    left: 50%;
    transform: translateX(-50%);
}
/* line 15, ../materialize-src/sass/components/_navbar.scss */
nav ul {
    margin: 0;
}
/* line 17, ../materialize-src/sass/components/_navbar.scss */
nav ul li {
    transition: background-color .3s;
    float: left;
    padding: 0;
}
/* line 22, ../materialize-src/sass/components/_navbar.scss */
nav ul li.active > a {
    background-color: rgba(0, 0, 0, 0.6);
    cursor: default;
}
/* line 28, ../materialize-src/sass/components/_navbar.scss */
nav ul a {
    transition: background-color .3s;
    font-size: 1rem;
    color: white;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    border-top: 1px solid rgba(0, 0, 0, 0.87);
}
/* line 38, ../materialize-src/sass/components/_navbar.scss */
nav ul a > .material-icons {
    height: inherit;
    line-height: inherit;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    font-size: 1.1rem;
}
/* line 45, ../materialize-src/sass/components/_navbar.scss */
nav ul a:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
/* line 49, ../materialize-src/sass/components/_navbar.scss */
nav ul.left {
    float: left;
}
/* line 54, ../materialize-src/sass/components/_navbar.scss */
nav .dropdown-button.active {
    background-color: rgba(0, 0, 0, 0.6);
}

/* line 62, ../materialize-src/sass/components/_navbar.scss */
.navbar-fixed,
.navbar-scroll {
    background-color: #333333;
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

/* line 70, ../materialize-src/sass/components/_navbar.scss */
.navbar-scroll {
    position: relative;
}

/* line 77, ../materialize-src/sass/components/_navbar.scss */
nav,
nav .nav-wrapper .material-icons,
nav a.button-collapse,
nav a.button-collapse .material-icons {
    height: 50px;
    line-height: 50px;
}

/* line 83, ../materialize-src/sass/components/_navbar.scss */
nav .nav {
    background-color: #333333;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}
/* line 92, ../materialize-src/sass/components/_navbar.scss */
nav .nav .material-icons {
    color: rgba(255, 255, 255, 0.7);
    vertical-align: middle;
}
/* line 95, ../materialize-src/sass/components/_navbar.scss */
nav .nav .material-icons.circle {
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}
/* line 104, ../materialize-src/sass/components/_navbar.scss */
nav .nav .rounded {
    padding-left: 10px;
    padding-right: 10px;
}
/* line 108, ../materialize-src/sass/components/_navbar.scss */
nav .nav .rounded .material-icons {
    font-size: 18px;
}
/* line 110, ../materialize-src/sass/components/_navbar.scss */
nav .nav .rounded .material-icons.circle {
    background-color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 3px;
}
/* line 117, ../materialize-src/sass/components/_navbar.scss */
nav .nav .rounded.active, nav .nav .rounded:hover {
    background-color: rgba(0, 0, 0, 0.87);
}
/* line 119, ../materialize-src/sass/components/_navbar.scss */
nav .nav .rounded.active .material-icons, nav .nav .rounded:hover .material-icons {
    color: white;
}
/* line 125, ../materialize-src/sass/components/_navbar.scss */
nav .nav .right [role="button"] {
    padding-right: 10px;
}
/* line 127, ../materialize-src/sass/components/_navbar.scss */
nav .nav .right [role="button"] > .btn, nav .nav .right [role="button"] > .btn-medium, nav .nav .right [role="button"] > .btn-large {
    background-color: #ffc500;
    color: rgba(0, 0, 0, 0.87);
}
/* line 130, ../materialize-src/sass/components/_navbar.scss */
nav .nav .right [role="button"] > .btn:hover, nav .nav .right [role="button"] > .btn-medium:hover, nav .nav .right [role="button"] > .btn-large:hover {
    background-image: url(../images/overlay.png);
}
/* line 134, ../materialize-src/sass/components/_navbar.scss */
nav .nav .right [role="button"] + [role="button"] {
    padding-right: 20px;
}
/* line 139, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications {
    position: relative;
}
/* line 141, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .count {
    background-color: #ee3037;
    color: white;
    position: absolute;
    top: 2px;
    left: auto;
    right: 2px;
    line-height: 14px;
    padding: 2px;
    height: 16px;
    font-size: 12px;
    border-radius: 3px;
}
/* line 155, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .dropdown-content a {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    border: 0 none;
    text-transform: none;
    line-height: 18px;
    font-weight: 400;
    padding: 0;
}
/* line 165, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 168, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-body {
    padding-top: 8px;
    padding-bottom: 8px;
}
/* line 171, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-body a {
    line-height: 16px;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 175, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-body a:last-child {
    border: 0 none;
}
/* line 178, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-body a:hover {
    background-color: #eeeeee;
}
/* line 181, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-body a .material-icons {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
/* line 188, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-body a .link {
    color: #0980f4;
}
/* line 191, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-body a .profile-action {
    padding-top: 4px;
}
/* line 196, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 198, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-footer a {
    background-color: transparent;
    color: #0980f4;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}
/* line 207, ../materialize-src/sass/components/_navbar.scss */
nav .nav .notifications .n-header,
nav .nav .notifications .n-footer {
    background-color: #f2f2f2;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 16px;
    text-transform: uppercase;
}
/* line 215, ../materialize-src/sass/components/_navbar.scss */
nav .nav .brand {
    color: white;
    display: inline-block;
}
/* line 225, ../materialize-src/sass/components/_navbar.scss */
nav .nav ul > li > a {
    border: 0 none;
}
/* line 227, ../materialize-src/sass/components/_navbar.scss */
nav .nav ul > li > a .material-icons {
    margin: 0;
    font-size: 24px;
}
/* line 233, ../materialize-src/sass/components/_navbar.scss */
nav .nav ul > li > a.active .material-icons, nav .nav ul > li > a:hover .material-icons {
    color: white;
}
/* line 240, ../materialize-src/sass/components/_navbar.scss */
nav .nav ul > li.pages > a .material-icons {
    font-size: 18px;
}
/* line 245, ../materialize-src/sass/components/_navbar.scss */
nav .nav ul > li .profile {
    width: 24px;
    display: block;
}
/* line 248, ../materialize-src/sass/components/_navbar.scss */
nav .nav ul > li .profile img {
    vertical-align: middle;
}

/* line 1, ../materialize-src/sass/components/_typography.scss */
a {
    text-decoration: none;
}

/* line 5, ../materialize-src/sass/components/_typography.scss */
html {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
}

/* line 12, ../materialize-src/sass/components/_typography.scss */
body {
    line-height: 1.5rem;
}

/* line 16, ../materialize-src/sass/components/_typography.scss */
.bitter, .ob .header .content .title {
    font-family: "Bitter", serif;
}

/* line 31, ../materialize-src/sass/components/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
    margin: 0;
}

/* line 42, ../materialize-src/sass/components/_typography.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}

/* line 48, ../materialize-src/sass/components/_typography.scss */
h1,
.h1 {
    font-size: 46px;
    line-height: 55px;
}

/* line 55, ../materialize-src/sass/components/_typography.scss */
h2,
.h2 {
    font-size: 34px;
    line-height: 41px;
}

/* line 62, ../materialize-src/sass/components/_typography.scss */
h3,
.h3 {
    font-size: 24px;
    line-height: 28px;
}

/* line 69, ../materialize-src/sass/components/_typography.scss */
h4,
.h4 {
    font-size: 20px;
    line-height: 24px;
}

/* line 76, ../materialize-src/sass/components/_typography.scss */
h5,
.h5 {
    font-size: 18px;
    line-height: 24px;
}

/* line 83, ../materialize-src/sass/components/_typography.scss */
h6,
.h6 {
    font-size: 16px;
    line-height: 21px;
}

/* line 88, ../materialize-src/sass/components/_typography.scss */
p {
    margin: 0;
}

/* line 93, ../materialize-src/sass/components/_typography.scss */
em {
    font-style: italic;
}

/* line 97, ../materialize-src/sass/components/_typography.scss */
strong {
    font-weight: 700;
}

/* line 101, ../materialize-src/sass/components/_typography.scss */
.medium {
    font-weight: 500;
}

/* line 105, ../materialize-src/sass/components/_typography.scss */
.light {
    font-weight: 300;
}

/* line 109, ../materialize-src/sass/components/_typography.scss */
small {
    font-size: 0.86rem;
}

/* line 2, ../materialize-src/sass/components/_transitions.scss */
.scale-transition {
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}
/* line 3, ../materialize-src/sass/components/_transitions.scss */
.scale-transition.scale-out {
    transform: scale(0);
    transition: transform .2s !important;
}
/* line 8, ../materialize-src/sass/components/_transitions.scss */
.scale-transition.scale-in {
    transform: scale(1);
}

/* line 1, ../materialize-src/sass/components/_cards.scss */
.card {
    position: relative;
    margin: 1rem auto 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 3px;
    max-width: 712px;
}
/* line 2, ../materialize-src/sass/components/_cards.scss */
.card:last-child {
    margin-bottom: 1rem;
}
@media only screen and (max-width: 991px) {
    /* line 1, ../materialize-src/sass/components/_cards.scss */
    .card {
        border-radius: 0;
    }
}
/* line 16, ../materialize-src/sass/components/_cards.scss */
.card .card-title {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
}
/* line 21, ../materialize-src/sass/components/_cards.scss */
.card .profile-name {
    line-height: 19px;
    display: inline-block;
}
/* line 26, ../materialize-src/sass/components/_cards.scss */
.card .profile-name,
.card .card-title {
    color: rgba(0, 0, 0, 0.87);
}
/* line 29, ../materialize-src/sass/components/_cards.scss */
.card .profile-name:hover,
.card .card-title:hover {
    color: rgba(0, 0, 0, 0.87);
}

/* line 39, ../materialize-src/sass/components/_cards.scss */
.card-header,
.card-desc,
.card-imgages,
.card-actions,
.card-comments {
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* line 46, ../materialize-src/sass/components/_cards.scss */
.card-header {
    position: relative;
}
/* line 48, ../materialize-src/sass/components/_cards.scss */
.card-header .badge {
    position: absolute;
    top: 0.5rem;
    left: auto;
    right: 1rem;
}

/* line 57, ../materialize-src/sass/components/_cards.scss */
.card-meta-header {
    margin-top: 1rem;
}
/* line 59, ../materialize-src/sass/components/_cards.scss */
.card-meta-header .divider {
    font-size: 0.86rem;
    position: relative;
    top: 2px;
}

/* line 66, ../materialize-src/sass/components/_cards.scss */
.card-meta-data {
    font-size: 0.86rem;
    display: inline;
    line-height: 16px;
}

/* line 73, ../materialize-src/sass/components/_cards.scss */
span.card-meta-data {
    color: rgba(0, 0, 0, 0.54);
}

/* line 80, ../materialize-src/sass/components/_cards.scss */
.card-desc > .badge {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.54);
    margin-right: 0.5rem;
    display: inline;
}

/* line 90, ../materialize-src/sass/components/_cards.scss */
.card-imgages {
    margin-top: 0.5rem;
}
/* line 92, ../materialize-src/sass/components/_cards.scss */
.card-imgages .row > .thumbnail {
    line-height: 0.1;
}
/* line 94, ../materialize-src/sass/components/_cards.scss */
.card-imgages .row > .thumbnail .responsive-img {
    border-radius: 3px;
}
/* line 98, ../materialize-src/sass/components/_cards.scss */
.card-imgages .row {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
/* line 102, ../materialize-src/sass/components/_cards.scss */
.card-imgages .thumbnail {
    padding: 0 0.25rem;
    display: inline-block;
    border-radius: 6px;
}

/* line 110, ../materialize-src/sass/components/_cards.scss */
.card-actions {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

/* line 116, ../materialize-src/sass/components/_cards.scss */
.card-comments {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f5f6f8;
    border-top: 1px solid #e6e6e6;
    border-radius: 0 0 3px 3px;
}
@media only screen and (max-width: 991px) {
    /* line 116, ../materialize-src/sass/components/_cards.scss */
    .card-comments {
        border-radius: 0;
    }
}
/* line 125, ../materialize-src/sass/components/_cards.scss */
.card-comments .related {
    border-top: 1px solid #e6e6e6;
    padding-top: 1rem;
    margin-top: 1rem;
}
/* line 130, ../materialize-src/sass/components/_cards.scss */
.card-comments .related .profile-name,
.card-comments .related .desc {
    font-size: 0.86rem;
    line-height: 16px;
}
/* line 134, ../materialize-src/sass/components/_cards.scss */
.card-comments .related .badge {
    margin-left: 0.5rem;
    display: inline;
}

/* line 143, ../materialize-src/sass/components/_cards.scss */
.feed-results > .left + .left {
    margin-left: 0.5rem;
}
/* line 147, ../materialize-src/sass/components/_cards.scss */
.feed-results .feed-result-counting,
.feed-results .feed-result-caption {
    font-size: 0.86rem;
    line-height: 24px;
    max-height: 24px;
}
/* line 153, ../materialize-src/sass/components/_cards.scss */
.feed-results .feed-result-counting {
    color: rgba(0, 0, 0, 0.87);
}
/* line 156, ../materialize-src/sass/components/_cards.scss */
.feed-results .feed-result-caption {
    color: rgba(0, 0, 0, 0.54);
}
/* line 161, ../materialize-src/sass/components/_cards.scss */
.feed-results .left .feed-result-counting,
.feed-results .left .feed-result-caption {
    padding-right: 5px;
}
/* line 167, ../materialize-src/sass/components/_cards.scss */
.feed-results .right .feed-result-counting,
.feed-results .right .feed-result-caption {
    padding-left: 5px;
}
/* line 173, ../materialize-src/sass/components/_cards.scss */
.feed-results a:hover .feed-result-caption {
    color: #333333;
}

/* line 182, ../materialize-src/sass/components/_cards.scss */
.ob .card {
    max-width: 712px;
}
/* line 187, ../materialize-src/sass/components/_cards.scss */
.ob .feed-results .feed-result-counting,
.ob .feed-results .feed-result-caption {
    line-height: 19px;
}

/* line 1, ../materialize-src/sass/components/_toast.scss */
#toast-container {
    display: block;
    position: fixed;
    z-index: 10000;
}
@media only screen and (max-width: 991px) {
    /* line 1, ../materialize-src/sass/components/_toast.scss */
    #toast-container {
        min-width: 100%;
        top: 1%;
    }
}
@media only screen and (min-width: 992px) {
    /* line 1, ../materialize-src/sass/components/_toast.scss */
    #toast-container {
        top: 10%;
        right: 7%;
        max-width: 86%;
    }
}

/* line 16, ../materialize-src/sass/components/_toast.scss */
.toast {
    border-radius: 2px;
    top: 35px;
    width: auto;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 48px;
    line-height: 1.5em;
    word-break: break-all;
    background-color: #323232;
    padding: 14px;
    font-size: 1.1rem;
    font-weight: 300;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: default;
}
/* line 37, ../materialize-src/sass/components/_toast.scss */
.toast .toast-action {
    color: #eeff41;
    font-weight: 500;
    margin-right: -25px;
    margin-left: 3rem;
}
/* line 43, ../materialize-src/sass/components/_toast.scss */
.toast.rounded {
    border-radius: 24px;
}
@media only screen and (max-width: 991px) {
    /* line 16, ../materialize-src/sass/components/_toast.scss */
    .toast {
        width: 100%;
        border-radius: 0;
    }
}
/* line 50, ../materialize-src/sass/components/_toast.scss */
.toast.success {
    background-color: #00bd00;
    color: white;
}

/* line 2, ../materialize-src/sass/components/_buttons.scss */
.btn, .btn-medium, .btn-large {
    border: 1px solid #0980f4;
    border-radius: 3px;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 991px) {
    /* line 2, ../materialize-src/sass/components/_buttons.scss */
    .btn, .btn-medium, .btn-large {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* line 22, ../materialize-src/sass/components/_buttons.scss */
.btn span, .btn-medium span, .btn-large span {
    display: inline-block;
}
/* line 26, ../materialize-src/sass/components/_buttons.scss */
.btn .material-icons, .btn-medium .material-icons, .btn-large .material-icons,
.btn span,
.btn-medium span,
.btn-large span {
    vertical-align: middle;
}
/* line 29, ../materialize-src/sass/components/_buttons.scss */
.btn .material-icons + span, .btn-medium .material-icons + span, .btn-large .material-icons + span {
    padding-left: 8px;
}

/* line 34, ../materialize-src/sass/components/_buttons.scss */
.btn + .btn, .btn-medium + .btn, .btn-large + .btn, .btn + .btn-medium, .btn-medium + .btn-medium, .btn-large + .btn-medium, .btn + .btn-large, .btn-medium + .btn-large, .btn-large + .btn-large {
    margin-left: 0.5rem;
}

/* line 44, ../materialize-src/sass/components/_buttons.scss */
.btn.disabled, .disabled.btn-medium, .disabled.btn-large,
.btn-large.disabled,
.btn:disabled,
.btn-medium:disabled,
.btn-large:disabled,
.btn-large:disabled,
.btn[disabled],
[disabled].btn-medium,
[disabled].btn-large,
.btn-large[disabled] {
    pointer-events: none;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.3) !important;
    cursor: default;
}
/* line 51, ../materialize-src/sass/components/_buttons.scss */
.btn.disabled:hover, .disabled.btn-medium:hover, .disabled.btn-large:hover,
.btn-large.disabled:hover,
.btn:disabled:hover,
.btn-medium:disabled:hover,
.btn-large:disabled:hover,
.btn-large:disabled:hover,
.btn[disabled]:hover,
[disabled].btn-medium:hover,
[disabled].btn-large:hover,
.btn-large[disabled]:hover {
    color: rgba(255, 255, 255, 0.3) !important;
}

/* line 60, ../materialize-src/sass/components/_buttons.scss */
.btn, .btn-medium, .btn-large,
.btn-medium,
.btn-large {
    font-size: 1rem;
    outline: 0;
}
/* line 63, ../materialize-src/sass/components/_buttons.scss */
.btn i, .btn-medium i, .btn-large i,
.btn-medium i,
.btn-large i {
    font-size: 1.3rem;
    line-height: inherit;
}

/* line 69, ../materialize-src/sass/components/_buttons.scss */
.btn-sm {
    height: 24px;
    line-height: 26px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    font-weight: 500;
}

@-moz-document url-prefix() {
    /* line 79, ../materialize-src/sass/components/_buttons.scss */
    .btn-sm {
        line-height: 24px;
    }
}

/* line 85, ../materialize-src/sass/components/_buttons.scss */
.btn, .btn-medium, .btn-large {
    text-decoration: none;
    color: white;
    background-color: #0980f4;
    text-align: center;
    transition: .2s ease-out;
    cursor: pointer;
}
/* line 79, ../materialize-src/sass/components/_buttons.scss */
.btn:hover, .btn-medium:hover, .btn-large:hover {
    background-color: #3899f8;
}

/* line 86, ../materialize-src/sass/components/_buttons.scss */
.btn:active, .btn-medium:active, .btn-large:active {
    background-color: #0766c3;
}

/* line 92, ../materialize-src/sass/components/_buttons.scss */
.btn-secondary {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #eaeaea;
}
/* line 96, ../materialize-src/sass/components/_buttons.scss */
.btn-secondary:hover {
    background-color: #f5f6f8;
    color: rgba(9, 128, 244, 0.87);
}
/* line 100, ../materialize-src/sass/components/_buttons.scss */
.btn-secondary:active {
    background-color: #f5f6f8;
    color: rgba(0, 0, 0, 0.87);
}

/* line 107, ../materialize-src/sass/components/_buttons.scss */
.btn-medium {
    height: 40px;
    line-height: 38px;
}
/* line 112, ../materialize-src/sass/components/_buttons.scss */
.btn-medium i {
    font-size: 1.3rem;
}

/* line 118, ../materialize-src/sass/components/_buttons.scss */
.btn-large {
    height: 48px;
    line-height: 46px;
}
/* line 123, ../materialize-src/sass/components/_buttons.scss */
.btn-large i {
    font-size: 1.6rem;
}

/* line 129, ../materialize-src/sass/components/_buttons.scss */
.btn-block {
    display: block;
}

/* line 133, ../materialize-src/sass/components/_buttons.scss */
.btn-full {
    width: 100%;
}

/* line 139, ../materialize-src/sass/components/_buttons.scss */
.btn-link,
.link-primary {
    background-color: transparent;
    border: 0 none;
    color: #0980f4;
}
/* line 144, ../materialize-src/sass/components/_buttons.scss */
.btn-link:hover,
.link-primary:hover {
    background-color: transparent;
    color: #51a6f9;
}

/* line 152, ../materialize-src/sass/components/_buttons.scss */
.link-primary:hover {
    color: #1F8BF5;
    text-decoration: underline;
}
/* line 156, ../materialize-src/sass/components/_buttons.scss */
.link-primary:active {
    color: #0975DE;
}

/* line 162, ../materialize-src/sass/components/_buttons.scss */
.bg-facebook {
    background-color: #3b5998;
}
/* line 164, ../materialize-src/sass/components/_buttons.scss */
.bg-facebook:hover {
    background-color: #4c70ba;
}
/* line 167, ../materialize-src/sass/components/_buttons.scss */
.bg-facebook:active {
    background-color: #4162a7;
}

/* line 1, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content {
    background-color: #333333;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: height;
    width: auto !important;
}
/* line 14, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 30px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
}
/* line 24, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
    background-color: #212121;
}
/* line 27, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content li.active.selected {
    background-color: #141414;
}
/* line 30, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content li.divider {
    min-height: 0;
    height: 1px;
}
/* line 35, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content li > a, .dropdown-content li > span {
    font-size: 1rem;
    color: white;
    display: block;
    line-height: 22px;
    padding: 10px 16px 8px;
    text-transform: none;
}
/* line 44, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content li > span > label {
    top: 1px;
    left: 0;
    height: 18px;
}
/* line 50, ../materialize-src/sass/components/_dropdown.scss */
.dropdown-content li > a > i {
    height: inherit;
    line-height: inherit;
    float: left;
    margin: 0 24px 0 0;
    width: 24px;
}

/* line 61, ../materialize-src/sass/components/_dropdown.scss */
.input-field.col .dropdown-content [type="checkbox"] + label {
    top: 1px;
    left: 0;
    height: 18px;
}

/* line 69, ../materialize-src/sass/components/_dropdown.scss */
.nav .dropdown-button {
    cursor: pointer;
}
/* line 72, ../materialize-src/sass/components/_dropdown.scss */
.nav .dropdown-content {
    background-color: white;
}
/* line 74, ../materialize-src/sass/components/_dropdown.scss */
.nav .dropdown-content li {
    background-color: transparent;
}
/* line 77, ../materialize-src/sass/components/_dropdown.scss */
.nav .dropdown-content li > a,
.nav .dropdown-content li > span {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    text-transform: uppercase;
}
/* line 82, ../materialize-src/sass/components/_dropdown.scss */
.nav .dropdown-content li > a:hover,
.nav .dropdown-content li > span:hover {
    background-color: #eeeeee;
}
/* line 85, ../materialize-src/sass/components/_dropdown.scss */
.nav .dropdown-content li > a .md-icon,
.nav .dropdown-content li > span .md-icon {
    display: inline-block;
    padding-right: 10px;
}
/* line 88, ../materialize-src/sass/components/_dropdown.scss */
.nav .dropdown-content li > a .md-icon .material-icons,
.nav .dropdown-content li > span .md-icon .material-icons {
    color: rgba(0, 0, 0, 0.54);
}

/* line 1, ../materialize-src/sass/components/_modal.scss */
.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 3px;
    will-change: top;
}
/* line 18, ../materialize-src/sass/components/_modal.scss */
.modal h1,
.modal h2,
.modal h3,
.modal h4 {
    margin-top: 0;
}
/* line 21, ../materialize-src/sass/components/_modal.scss */
.modal .modal-header {
    margin-bottom: 2rem;
}
/* line 24, ../materialize-src/sass/components/_modal.scss */
.modal .modal-content {
    padding: 24px;
}
/* line 26, ../materialize-src/sass/components/_modal.scss */
.modal .modal-content .desc {
    margin-bottom: 24px;
}
/* line 30, ../materialize-src/sass/components/_modal.scss */
.modal .modal-close {
    cursor: pointer;
}
/* line 33, ../materialize-src/sass/components/_modal.scss */
.modal .m-close {
    color: rgba(0, 0, 0, 0.54);
    position: absolute;
    left: auto;
    right: 15px;
    top: 15px;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 22px;
    font-size: 24px;
    z-index: 5;
}
/* line 45, ../materialize-src/sass/components/_modal.scss */
.modal .m-close:hover {
    color: rgba(0, 0, 0, 0.87);
}
/* line 50, ../materialize-src/sass/components/_modal.scss */
.modal .modal-header-custom .h3 {
    font-family: Bitter;
    line-height: 32px;
}
/* line 56, ../materialize-src/sass/components/_modal.scss */
.modal .modal-header-custom,
.modal .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0 0 3px 3px;
    background-color: #fafafa;
    padding: 15px 24px;
    width: 100%;
    text-align: right;
}
/* line 64, ../materialize-src/sass/components/_modal.scss */
.modal .modal-header-custom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 0 none;
    border-radius: 3px 3px 0 0;
    text-align: left;
    z-index: 1;
}
/* line 71, ../materialize-src/sass/components/_modal.scss */
.modal .modal-promotion {
    margin-top: 2rem;
}

/* line 76, ../materialize-src/sass/components/_modal.scss */
.modal-overlay {
    position: fixed;
    z-index: 999;
    top: -25%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    display: none;
}

/* line 90, ../materialize-src/sass/components/_modal.scss */
.modal.modal-fixed-footer {
    padding: 0;
    height: 70%;
}
/* line 93, ../materialize-src/sass/components/_modal.scss */
.modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 63px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
}
/* line 101, ../materialize-src/sass/components/_modal.scss */
.modal.modal-fixed-footer .modal-header-custom,
.modal.modal-fixed-footer .modal-footer {
    position: absolute;
    bottom: 0;
}
/* line 105, ../materialize-src/sass/components/_modal.scss */
.modal.modal-fixed-footer .modal-header-custom {
    bottom: auto;
    top: 0;
}
/* line 110, ../materialize-src/sass/components/_modal.scss */
.modal.modal-fixed-footer.modal.modal-fixed-header .modal-content {
    height: calc(100% - 63px);
    padding-top: 63px;
}
/* line 113, ../materialize-src/sass/components/_modal.scss */
.modal.modal-fixed-footer.modal.modal-fixed-header .modal-content .content {
    padding-top: 24px;
    padding-bottom: 24px;
}

/* line 123, ../materialize-src/sass/components/_modal.scss */
.modal-cities.modal,
.auth-modal.modal {
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.87);
}
/* line 130, ../materialize-src/sass/components/_modal.scss */
.modal-cities.modal.open,
.auth-modal.modal.open {
    top: 0 !important;
    display: flex !important;
}

/* line 138, ../materialize-src/sass/components/_modal.scss */
.auth-modal.modal .modal-content {
    padding: 50px 75px;
    width: 472px;
    margin: auto;
    background-color: white;
    border-radius: 3px;
}
@media only screen and (max-width: 767px) {
    /* line 147, ../materialize-src/sass/components/_modal.scss */
    .auth-modal.modal .modal-content {
        padding: 15px;
        margin: 15px;
        width: 100%;
    }
}

/* line 158, ../materialize-src/sass/components/_modal.scss */
.auth-modal.modal .modal-content {
    transition: all 0.6s ease 0s;
}

/* line 165, ../materialize-src/sass/components/_modal.scss */
#signUp,
#forgotPassword {
    display: none;
}

/* line 170, ../materialize-src/sass/components/_modal.scss */
#modalCOCVideos .modal-content {
    height: 400px;
    padding: 24px 10px 4px;
}
/* line 174, ../materialize-src/sass/components/_modal.scss */
#modalCOCVideos .modal-close {
    position: absolute;
    height: 15px;
    width: 15px;
    color: rgba(0, 0, 0, 0.5);
    left: auto;
    right: 8px;
    top: 1px;
    font-size: 28px;
}
/* line 183, ../materialize-src/sass/components/_modal.scss */
#modalCOCVideos .modal-close:hover {
    color: #000;
}

/* line 190, ../materialize-src/sass/components/_modal.scss */
.modal-cities .modal-content {
    padding: 2rem 1rem 1rem;
    max-width: 96%;
    margin: auto;
    border-radius: 3px;
    background-color: white;
}
@media only screen and (min-width: 992px) {
    /* line 190, ../materialize-src/sass/components/_modal.scss */
    .modal-cities .modal-content {
        max-width: 640px;
        min-width: 600px;
        padding: 50px 75px;
    }
}
/* line 202, ../materialize-src/sass/components/_modal.scss */
.modal-cities .modal-content .city-col {
    border: 0 none;
    color: rgba(0, 0, 0, 0.54);
    display: block;
    line-height: normal;
    text-align: center;
}
@media only screen and (max-width: 991px) {
    /* line 211, ../materialize-src/sass/components/_modal.scss */
    .modal-cities .modal-content .city-col {
        padding-bottom: 1rem;
    }
}
/* line 215, ../materialize-src/sass/components/_modal.scss */
.modal-cities .modal-content .city-col:hover {
    background-color: transparent !important;
    color: rgba(0, 0, 0, 0.87);
}
/* line 219, ../materialize-src/sass/components/_modal.scss */
.modal-cities .modal-content .city-col > .city-name {
    display: block;
    margin-top: 10px;
}

/* select:focus {
    outline: $select-focus;
} */
/* line 7, ../materialize-src/sass/components/forms/_forms.scss */
button:focus {
    outline: none;
    background-color: #1b8af7;
}

/* line 12, ../materialize-src/sass/components/forms/_forms.scss */
label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.12);
}

/* line 17, ../materialize-src/sass/components/forms/_forms.scss */
.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem;
    position: absolute;
    top: 0;
}

/* line 27, ../materialize-src/sass/components/forms/_forms.scss */
textarea.materialize-textarea {
    overflow-y: hidden;
    padding: .8rem 0 1.6rem 0;
    resize: none;
    min-height: 40px;
}

/* line 13, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0;
    outline: none;
    height: 40px;
    width: 100%;
    font-size: 15px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}
/* line 28, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]).input-full,
input[type=text]:not(.browser-default).input-full,
input[type=password]:not(.browser-default).input-full,
input[type=email]:not(.browser-default).input-full,
input[type=url]:not(.browser-default).input-full,
input[type=time]:not(.browser-default).input-full,
input[type=date]:not(.browser-default).input-full,
input[type=datetime]:not(.browser-default).input-full,
input[type=datetime-local]:not(.browser-default).input-full,
input[type=tel]:not(.browser-default).input-full,
input[type=number]:not(.browser-default).input-full,
input[type=search]:not(.browser-default).input-full,
textarea.materialize-textarea.input-full {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
}
/* line 36, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]).input-full, input:not([type]).input-full:focus,
input[type=text]:not(.browser-default).input-full,
input[type=text]:not(.browser-default).input-full:focus,
input[type=password]:not(.browser-default).input-full,
input[type=password]:not(.browser-default).input-full:focus,
input[type=email]:not(.browser-default).input-full,
input[type=email]:not(.browser-default).input-full:focus,
input[type=url]:not(.browser-default).input-full,
input[type=url]:not(.browser-default).input-full:focus,
input[type=time]:not(.browser-default).input-full,
input[type=time]:not(.browser-default).input-full:focus,
input[type=date]:not(.browser-default).input-full,
input[type=date]:not(.browser-default).input-full:focus,
input[type=datetime]:not(.browser-default).input-full,
input[type=datetime]:not(.browser-default).input-full:focus,
input[type=datetime-local]:not(.browser-default).input-full,
input[type=datetime-local]:not(.browser-default).input-full:focus,
input[type=tel]:not(.browser-default).input-full,
input[type=tel]:not(.browser-default).input-full:focus,
input[type=number]:not(.browser-default).input-full,
input[type=number]:not(.browser-default).input-full:focus,
input[type=search]:not(.browser-default).input-full,
input[type=search]:not(.browser-default).input-full:focus,
textarea.materialize-textarea.input-full,
textarea.materialize-textarea.input-full:focus {
    box-shadow: none !important;
}
/* line 42, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.38);
}
/* line 47, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly="readonly"] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly="readonly"] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly="readonly"] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly="readonly"] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly="readonly"] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly="readonly"] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.38);
}
/* line 51, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-color: #0980f4;
    box-shadow: 0 1px 0 0 #0980f4;
}
/* line 56, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #0980f4;
}
/* line 60, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
    width: 100%;
}

/* Validation Sass Placeholders */
/* line 72, ../materialize-src/sass/components/forms/_input-fields.scss */
input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out;
}

/* line 83, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
/* line 88, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
/* line 93, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field.inline input,
.input-field.inline .select-dropdown {
    margin-bottom: 1rem;
}
/* line 97, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field label {
    color: rgba(0, 0, 0, 0.38);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 15px;
    cursor: text;
    transition: transform .2s ease-out;
    transform-origin: 0% 100%;
    text-align: initial;
    transform: translateY(12px);
    pointer-events: none;
}
/* line 110, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field label:not(.label-icon).active {
    transform: translateY(-14px) scale(0.86);
    transform-origin: 0 0;
}
/* line 116, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field .prefix {
    position: absolute;
    width: 40px;
    font-size: 2rem;
    transition: color .2s;
}
/* line 121, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field .prefix.active {
    color: #0980f4;
}
/* line 129, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .autocomplete-content {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}
/* line 134, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field .prefix ~ label {
    margin-left: 3rem;
}

/* Search Field */
/* line 142, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field input[type=search] {
    display: block;
    line-height: inherit;
}
/* line 145, ../materialize-src/sass/components/forms/_input-fields.scss */
.nav-wrapper .input-field input[type=search] {
    height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem);
    border: 0;
    box-shadow: none;
}
/* line 152, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field input[type=search]:focus {
    background-color: white;
    border: 0;
    box-shadow: none;
    color: #444;
}
/* line 159, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons {
    color: #444;
}
/* line 163, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field input[type=search] + label {
    left: 1rem;
}
/* line 167, ../materialize-src/sass/components/forms/_input-fields.scss */
.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
    position: absolute;
    top: 0;
    right: 1rem;
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    transition: .3s color;
}

/* line 179, ../materialize-src/sass/components/forms/_input-fields.scss */
.help-block-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: normal;
}

/* line 188, ../materialize-src/sass/components/forms/_input-fields.scss */
.help-block {
    display: none;
}

/* line 195, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-error .help-block,
.has-warning .help-block,
.has-success .help-block {
    font-size: 12px;
    color: #f6695e;
    min-height: 1rem;
    line-height: normal;
    padding-top: 0.5rem;
    display: block;
    white-space: normal;
    text-align: right;
    -webkit-tap-highlight-color: transparent;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
/* line 210, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-error .done,
.has-error .error,
.has-error .warning,
.has-warning .done,
.has-warning .error,
.has-warning .warning,
.has-success .done,
.has-success .error,
.has-success .warning {
    display: inline;
}
/* line 225, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-error input:not([type]),
.has-error input[type=text]:not(.browser-default),
.has-error input[type=password]:not(.browser-default),
.has-error input[type=email]:not(.browser-default),
.has-error input[type=url]:not(.browser-default),
.has-error input[type=time]:not(.browser-default),
.has-error input[type=date]:not(.browser-default),
.has-error input[type=datetime]:not(.browser-default),
.has-error input[type=datetime-local]:not(.browser-default),
.has-error input[type=tel]:not(.browser-default),
.has-error input[type=number]:not(.browser-default),
.has-error input[type=search]:not(.browser-default),
.has-error textarea.materialize-textarea,
.has-warning input:not([type]),
.has-warning input[type=text]:not(.browser-default),
.has-warning input[type=password]:not(.browser-default),
.has-warning input[type=email]:not(.browser-default),
.has-warning input[type=url]:not(.browser-default),
.has-warning input[type=time]:not(.browser-default),
.has-warning input[type=date]:not(.browser-default),
.has-warning input[type=datetime]:not(.browser-default),
.has-warning input[type=datetime-local]:not(.browser-default),
.has-warning input[type=tel]:not(.browser-default),
.has-warning input[type=number]:not(.browser-default),
.has-warning input[type=search]:not(.browser-default),
.has-warning textarea.materialize-textarea,
.has-success input:not([type]),
.has-success input[type=text]:not(.browser-default),
.has-success input[type=password]:not(.browser-default),
.has-success input[type=email]:not(.browser-default),
.has-success input[type=url]:not(.browser-default),
.has-success input[type=time]:not(.browser-default),
.has-success input[type=date]:not(.browser-default),
.has-success input[type=datetime]:not(.browser-default),
.has-success input[type=datetime-local]:not(.browser-default),
.has-success input[type=tel]:not(.browser-default),
.has-success input[type=number]:not(.browser-default),
.has-success input[type=search]:not(.browser-default),
.has-success textarea.materialize-textarea {
    border-color: #f6695e;
    box-shadow: 0 1px 0 0 #f6695e;
}

/* line 232, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-warning .help-block {
    color: #ffbe00;
}
/* line 247, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-warning input:not([type]),
.has-warning input[type=text]:not(.browser-default),
.has-warning input[type=password]:not(.browser-default),
.has-warning input[type=email]:not(.browser-default),
.has-warning input[type=url]:not(.browser-default),
.has-warning input[type=time]:not(.browser-default),
.has-warning input[type=date]:not(.browser-default),
.has-warning input[type=datetime]:not(.browser-default),
.has-warning input[type=datetime-local]:not(.browser-default),
.has-warning input[type=tel]:not(.browser-default),
.has-warning input[type=number]:not(.browser-default),
.has-warning input[type=search]:not(.browser-default),
.has-warning textarea.materialize-textarea {
    border-color: #ffbe00;
    box-shadow: 0 1px 0 0 #ffbe00;
}

/* line 254, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-success .help-block {
    color: #00bd00;
}
/* line 269, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-success input:not([type]),
.has-success input[type=text]:not(.browser-default),
.has-success input[type=password]:not(.browser-default),
.has-success input[type=email]:not(.browser-default),
.has-success input[type=url]:not(.browser-default),
.has-success input[type=time]:not(.browser-default),
.has-success input[type=date]:not(.browser-default),
.has-success input[type=datetime]:not(.browser-default),
.has-success input[type=datetime-local]:not(.browser-default),
.has-success input[type=tel]:not(.browser-default),
.has-success input[type=number]:not(.browser-default),
.has-success input[type=search]:not(.browser-default),
.has-success textarea.materialize-textarea {
    border-color: #00bd00;
    box-shadow: 0 1px 0 0 #00bd00;
}

/* line 276, ../materialize-src/sass/components/forms/_input-fields.scss */
.has-info .help-block {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    display: block;
    line-height: normal;
    margin-top: 7px;
}

/* line 287, ../materialize-src/sass/components/forms/_input-fields.scss */
.box-input-field label {
    color: rgba(0, 0, 0, 0.87);
    position: static;
    transform-origin: 0 0;
    transform: translateY(0);
    margin-bottom: 5px;
    display: block;
}
/* line 294, ../materialize-src/sass/components/forms/_input-fields.scss */
.box-input-field label:not(.label-icon).active {
    transform: translateY(0) scale(1);
    transform-origin: 0 0;
}

/* line 301, ../materialize-src/sass/components/forms/_input-fields.scss */
.horizontal-form {
    max-width: 480px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* line 310, ../materialize-src/sass/components/forms/_input-fields.scss */
.location input:not([type]),
.location input[type=text]:not(.browser-default) {
    padding-right: 38px;
    margin: 0;
    box-sizing: border-box;
}

/* line 318, ../materialize-src/sass/components/forms/_input-fields.scss */
.my-location,
.visibility-off {
    display: block;
    background-color: transparent;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
/* line 329, ../materialize-src/sass/components/forms/_input-fields.scss */
.my-location > .material-icons,
.visibility-off > .material-icons {
    color: rgba(0, 0, 0, 0.54);
}
/* line 333, ../materialize-src/sass/components/forms/_input-fields.scss */
.my-location:hover > .material-icons,
.visibility-off:hover > .material-icons {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
}

/* File Input
   ========================================================================== */
/* line 4, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field {
    position: relative;
}
/* line 6, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field input.file-path {
    width: 100%;
}
/* line 9, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 11, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field input[type=file]::-webkit-file-upload-button {
    display: none;
}

/* line 29, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field--btn {
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 100px;
    height: 100px;
}
/* line 34, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field--btn.uploaded .file-field-caption {
    filter: alpha(opacity=100);
    opacity: 1;
}
/* line 38, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field--btn .file-field-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.38);
}
/* line 47, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field--btn .file-field-caption .caption {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* line 55, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field--btn .file-field-caption .caption small {
    margin-top: 5px;
    font-size: 10px;
}
/* line 62, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field--btn:hover .caption {
    color: white;
}
/* line 66, ../materialize-src/sass/components/forms/_file-input.scss */
.file-field--btn .thumbnail {
    height: 98px;
    width: 98px;
    border-radius: 50%;
}

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
/* line 7, ../materialize-src/sass/components/forms/_checkboxes.scss */
form p {
    margin-bottom: 10px;
    text-align: left;
}

/* line 12, ../materialize-src/sass/components/forms/_checkboxes.scss */
form p:last-child {
    margin-bottom: 0;
}

/* Remove default checkbox */
/* line 20, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* line 27, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"] {
    /* checkbox aspect */
}
/* line 29, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"] + label {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 1rem;
    user-select: none;
}
/* line 41, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
}
/* line 54, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    transform: scale(0);
}
/* line 58, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.38);
}
/* line 63, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].tabbed:focus + label:after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}

/* line 73, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid rgba(0, 0, 0, 0.12);
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    transform: rotate(40deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%;
}
/* line 86, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.38);
    border-bottom: 2px solid rgba(0, 0, 0, 0.38);
}

/* Indeterminate checkbox */
/* line 96, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"]:indeterminate + label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid rgba(0, 0, 0, 0.12);
    border-bottom: none;
    transform: rotate(90deg);
    backface-visibility: hidden;
    transform-origin: 100% 100%;
}
/* line 110, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"]:indeterminate:disabled + label:before {
    border-right: 2px solid rgba(0, 0, 0, 0.38);
    background-color: transparent;
}

/* line 119, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in + label:after {
    border-radius: 3px;
}
/* line 123, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
    content: '';
    left: 0;
    position: absolute;
    /* .1s delay is for check animation */
    transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    z-index: 1;
}
/* line 132, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%;
}
/* line 141, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.38);
    top: 0px;
    z-index: 0;
}
/* line 151, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:not(:checked) + label:hover:after {
    border-color: #0980f4;
}
/* line 158, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:checked + label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotateZ(37deg);
    transform-origin: 100% 100%;
}
/* line 163, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #0980f4;
    background-color: #0980f4;
    z-index: 0;
}
/* line 173, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in.tabbed:focus + label:after {
    border-radius: 2px;
    border-color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.1);
}
/* line 178, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    border-radius: 2px;
    background-color: #0980f4;
    border-color: #0980f4;
}
/* line 184, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
    background-color: transparent;
    border: 2px solid transparent;
}
/* line 188, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.12);
}
/* line 192, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:disabled:checked + label:before {
    background-color: transparent;
}
/* line 195, ../materialize-src/sass/components/forms/_checkboxes.scss */
[type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: rgba(0, 0, 0, 0.12);
    border-color: rgba(0, 0, 0, 0.12);
}

/* Select Field
   ========================================================================== */
/* line 4, ../materialize-src/sass/components/forms/_select.scss */
select {
    display: none;
}

/* line 5, ../materialize-src/sass/components/forms/_select.scss */
select.browser-default {
    display: block;
}

/* line 7, ../materialize-src/sass/components/forms/_select.scss */
select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 40px;
}

/* line 18, ../materialize-src/sass/components/forms/_select.scss */
.input-field select {
    display: block;
    position: absolute;
    width: 0;
    pointer-events: none;
    height: 0;
    top: 0;
    left: 0;
    opacity: 0;
}

/* line 30, ../materialize-src/sass/components/forms/_select.scss */
.select-label {
    position: absolute;
}

/* line 34, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper {
    position: relative;
}
/* line 56, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper.valid + label, .select-wrapper.invalid + label {
    width: 100%;
    pointer-events: none;
}
/* line 67, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    outline: none;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 15px;
    margin: 0;
    padding: 0;
    display: block;
    user-select: none;
}
/* line 84, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper span.caret {
    color: initial;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 10px;
    margin: auto 0;
    font-size: 10px;
    line-height: 10px;
}
/* line 96, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper + label {
    position: absolute;
    top: -26px;
    font-size: 12px;
}

/* line 104, ../materialize-src/sass/components/forms/_select.scss */
select:disabled {
    color: rgba(0, 0, 0, 0.38);
}

/* line 110, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper.disabled span.caret, .select-wrapper.disabled + label {
    color: rgba(0, 0, 0, 0.38);
}

/* line 115, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper input.select-dropdown:disabled {
    color: rgba(0, 0, 0, 0.38);
    cursor: default;
    user-select: none;
}

/* line 121, ../materialize-src/sass/components/forms/_select.scss */
.select-wrapper i {
    color: rgba(0, 0, 0, 0.3);
}

/* line 127, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
    color: rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

/* line 134, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown.dropdown-content li.active {
    background-color: transparent;
}
/* line 138, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown.dropdown-content li:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
/* line 142, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown.dropdown-content li.selected {
    background-color: rgba(0, 0, 0, 0.03);
}

/* line 149, ../materialize-src/sass/components/forms/_select.scss */
.prefix ~ .select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

/* line 155, ../materialize-src/sass/components/forms/_select.scss */
.prefix ~ label {
    margin-left: 3rem;
}

/* line 159, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown li img {
    height: 20px;
    width: 20px;
    margin: 5px 15px;
    float: right;
}

/* line 168, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown li.optgroup {
    border-top: 1px solid #212121;
}
/* line 171, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, 0.7);
}
/* line 175, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, 0.4);
}
/* line 179, ../materialize-src/sass/components/forms/_select.scss */
.select-dropdown li.optgroup ~ li.optgroup-option {
    padding-left: 1rem;
}

@media only screen and (max-width: 991px) {
    /* line 2, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container {
        width: 100% !important;
    }

    /* line 5, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container-single .chzn-single {
        height: 48px;
        padding: 10px 14px;
        color: rgba(0, 0, 0, 0.87);
        line-height: 28px;
        display: block;
    }

    /* line 13, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container-single .chzn-single,
    .chzn-container-active.chzn-with-drop .chzn-single {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        background-image: none;
        border: 0 none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    /* line 21, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container-single .chzn-single span {
        font-size: 16px;
    }

    /* line 24, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container-single .chzn-single div {
        top: 50%;
        height: 18px;
        margin-top: -10px;
    }

    /* line 29, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container-single .chzn-single abbr {
        top: 20px;
    }

    /* line 32, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container-active.chzn-with-drop .chzn-single {
        border-bottom: 1px solid #0980f4;
        -moz-box-shadow: 0 1px 0 0 #0980f4;
        -webkit-box-shadow: 0 1px 0 0 #0980f4;
        box-shadow: 0 1px 0 0 #0980f4;
    }

    /* line 36, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container-single .chzn-drop {
        margin-top: 1px;
    }

    /* line 39, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container .chzn-drop {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: rgba(0, 0, 0, 0.12);
        top: 0;
    }

    /* line 45, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container .chzn-results li {
        line-height: 20px;
    }

    /* line 48, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-container .chzn-results .highlighted {
        background-color: rgba(0, 0, 0, 0.12);
        background-image: none;
        color: #333;
    }

    /* line 53, ../materialize-src/sass/components/forms/_chosen.scss */
    .chzn-search input[type=text]:not(.browser-default) {
        height: 28px;
        font-size: 14px;
    }
}
/* line 4, ../materialize-src/sass/components/_tables.scss */
table {
    background-color: white;
}

/* line 8, ../materialize-src/sass/components/_tables.scss */
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

/* line 14, ../materialize-src/sass/components/_tables.scss */
th {
    text-align: left;
}

/* line 19, ../materialize-src/sass/components/_tables.scss */
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}
/* line 29, ../materialize-src/sass/components/_tables.scss */
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    vertical-align: middle;
    padding: 8px;
    line-height: 32px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 40, ../materialize-src/sass/components/_tables.scss */
.table > thead > tr > th {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 52, ../materialize-src/sass/components/_tables.scss */
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
/* line 58, ../materialize-src/sass/components/_tables.scss */
.table > tbody + tbody {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

/* line 66, ../materialize-src/sass/components/_tables.scss */
.table-bordered {
    border: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 73, ../materialize-src/sass/components/_tables.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
    border: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 80, ../materialize-src/sass/components/_tables.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

/* line 91, ../materialize-src/sass/components/_tables.scss */
.table-striped > thead > tr,
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: whitesmoke;
}

/* line 97, ../materialize-src/sass/components/_tables.scss */
.table > thead > tr {
    background-color: #eee;
}

/* line 105, ../materialize-src/sass/components/_tables.scss */
table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

/* line 114, ../materialize-src/sass/components/_tables.scss */
table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

/* line 123, ../materialize-src/sass/components/_tables.scss */
.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}
@media screen and (max-width: 991px) {
    /* line 123, ../materialize-src/sass/components/_tables.scss */
    .table-responsive {
        width: 100%;
        margin-bottom: 36;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid rgba(0, 0, 0, 0.12);
    }
    /* line 133, ../materialize-src/sass/components/_tables.scss */
    .table-responsive > .table {
        margin-bottom: 0;
    }
    /* line 141, ../materialize-src/sass/components/_tables.scss */
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    /* line 148, ../materialize-src/sass/components/_tables.scss */
    .table-responsive > .table-bordered {
        border: 0;
    }
    /* line 156, ../materialize-src/sass/components/_tables.scss */
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    /* line 160, ../materialize-src/sass/components/_tables.scss */
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    /* line 169, ../materialize-src/sass/components/_tables.scss */
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

/* line 3, ../materialize-src/sass/components/_sideNav.scss */
aside .profile-name .profile-name-el {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
/* line 9, ../materialize-src/sass/components/_sideNav.scss */
aside .profile-name .profile-name-el:hover {
    color: rgba(0, 0, 0, 0.54);
}
/* line 14, ../materialize-src/sass/components/_sideNav.scss */
aside .profile-action {
    font-size: 0;
}
/* line 16, ../materialize-src/sass/components/_sideNav.scss */
aside .profile-action > .profile-action-el {
    color: rgba(0, 0, 0, 0.54);
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
}
/* line 22, ../materialize-src/sass/components/_sideNav.scss */
aside .profile-action > .profile-action-el:hover {
    text-decoration: underline;
}
/* line 26, ../materialize-src/sass/components/_sideNav.scss */
aside .profile-action > .divider {
    background-color: rgba(0, 0, 0, 0.54);
    height: 5px;
    margin: 0 5px;
    width: 5px;
}

/* line 36, ../materialize-src/sass/components/_sideNav.scss */
.navbar {
    margin-top: 16px;
}
/* line 39, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul {
    margin: 0 0 16px;
}
/* line 41, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li {
    line-height: 36px;
    margin: 0;
}
/* line 44, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.54);
    display: block;
    font-size: 12px;
    font-weight: 500;
    position: relative;
}
/* line 51, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li > a > span {
    min-width: 36px;
    text-align: center;
}
/* line 53, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li > a > span,
.navbar ul > li > a > span .material-icons {
    vertical-align: middle;
}
/* line 56, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li > a > span .material-icons {
    font-size: 18px;
}
/* line 62, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li > a:hover {
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(0, 0, 0, 0.87);
}
/* line 68, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li:first-child > a {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 73, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li.active > a {
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(0, 0, 0, 0.87);
}
/* line 76, ../materialize-src/sass/components/_sideNav.scss */
.navbar ul > li.active > a:before {
    background-color: #0980f4;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px;
}

/* line 2, ../materialize-src/sass/components/home/template.scss */
.home .top-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../images/home/top-banner.jpg);
    background-position: center;
    background-size: cover;
    min-height: 90vh;
    width: 100%;
    position: relative;
}
/* line 17, ../materialize-src/sass/components/home/template.scss */
.home .top-banner:after {
    position: absolute;
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
/* line 26, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .content {
    width: 600px;
    margin: auto;
    text-align: center;
    z-index: 1;
}
/* line 32, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .content h1,
.home .top-banner .content p {
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}
/* line 37, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .content p {
    font-weight: 500;
}
/* line 41, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .current-status {
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.75);
    top: auto;
    left: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0.7);
    line-height: 40px;
    font-size: 1.28rem;
    z-index: 1;
}
/* line 55, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .current-status > span,
.home .top-banner .current-status > div,
.home .top-banner .current-status > i {
    display: inline-block;
    padding: 0 0.15rem;
    font-weight: 500;
}
/* line 61, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .current-status > div,
.home .top-banner .current-status > i {
    -ms-transform: translateY(-0.12rem);
    -o-transform: translateY(-0.12rem);
    -webkit-transform: translateY(-0.12rem);
    transform: translateY(-0.12rem);
}
/* line 64, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .current-status > span {
    font-size: 1.57rem;
}
/* line 68, ../materialize-src/sass/components/home/template.scss */
.home .top-banner .current-status > i.material-icons {
    font-size: 0.6rem;
}

/* line 81, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download,
.miscellaneous,
.fixing-civic-issues-steps,
.happy-voices,
.success-stories,
.coc {
    padding-bottom: 75px;
    padding-top: 75px;
}
/* line 84, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download .cta,
.miscellaneous .cta,
.fixing-civic-issues-steps .cta,
.happy-voices .cta,
.success-stories .cta,
.coc .cta {
    margin-top: 40px;
}

/* line 90, ../materialize-src/sass/components/home/template.scss */
.happy-voices .home-cs-happy-voices {
    background-image: none;
    height: 28px;
    width: 32px;
    position: relative;
    top: 4px;
}
/* line 97, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices {
    max-width: 600px;
}
/* line 100, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .carousel-item p {
    font-size: 14px;
    line-height: 24px;
    max-height: 72px;
    height: 72px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 600px;
}
/* line 111, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .citizen-name,
.happy-voices #carouselHappyVoices .ward-name {
    display: inline-block;
}
/* line 114, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .content {
    display: inline-block;
    margin-top: 15px;
}
/* line 117, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .content .media-body {
    width: auto;
}
/* line 121, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .citizen-name {
    color: rgba(0, 0, 0, 0.87);
}
/* line 125, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .ward-name {
    color: #8e8e8e;
}
/* line 128, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .view {
    color: #8e8e8e;
    font-size: 0.86rem;
    text-decoration: underline;
}
/* line 132, ../materialize-src/sass/components/home/template.scss */
.happy-voices #carouselHappyVoices .view:hover {
    color: rgba(0, 0, 0, 0.87);
}
/* line 137, ../materialize-src/sass/components/home/template.scss */
.happy-voices .carousel {
    height: 175px !important;
}
/* line 141, ../materialize-src/sass/components/home/template.scss */
.happy-voices .carousel.carousel-slider .carousel-item {
    min-height: 1px;
}

/* line 148, ../materialize-src/sass/components/home/template.scss */
.success-stories {
    background-color: #4CAF50;
}
/* line 151, ../materialize-src/sass/components/home/template.scss */
.success-stories #carouselSuccessStories {
    width: 880px;
}
/* line 157, ../materialize-src/sass/components/home/template.scss */
.success-stories #carouselSuccessStories .carousel-item .title,
.success-stories #carouselSuccessStories .carousel-item .date,
.success-stories #carouselSuccessStories .carousel-item .view {
    color: white;
}
/* line 160, ../materialize-src/sass/components/home/template.scss */
.success-stories #carouselSuccessStories .carousel-item .date {
    background-color: rgba(255, 255, 255, 0.12);
    display: inline-block;
    padding: 2px 8px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* line 166, ../materialize-src/sass/components/home/template.scss */
.success-stories #carouselSuccessStories .carousel-item p {
    color: rgba(255, 255, 255, 0.7);
    max-height: 112px;
    overflow-y: hidden;
    font-weight: 300;
    margin-bottom: 5px;
    line-height: 28px;
}
/* line 174, ../materialize-src/sass/components/home/template.scss */
.success-stories #carouselSuccessStories .carousel-item .view {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
}
/* line 177, ../materialize-src/sass/components/home/template.scss */
.success-stories #carouselSuccessStories .carousel-item .view:hover {
    color: white;
}
/* line 183, ../materialize-src/sass/components/home/template.scss */
.success-stories .carousel {
    height: 250px !important;
}
/* line 187, ../materialize-src/sass/components/home/template.scss */
.success-stories .carousel.carousel-slider .carousel-item {
    min-height: 1px;
}

/* line 194, ../materialize-src/sass/components/home/template.scss */
.coc {
    background-color: #f5f5fd;
}
/* line 198, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC {
    height: 440px;
    width: 882px;
}
/* line 204, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC.carousel .carousel-item {
    width: 100%;
}
/* line 207, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC.carousel .carousel-thumbnail {
    background-clip: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    height: 400px;
    width: 280px;
    margin: 0 7px;
    position: relative;
    float: left;
}
/* line 218, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC.carousel .carousel-thumbnail:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.12);
}
/* line 227, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC.carousel .carousel-thumbnail .content {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 15px;
    text-align: center;
}
/* line 236, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC.carousel .carousel-thumbnail .content .title,
.coc #carouselCOC.carousel .carousel-thumbnail .content p,
.coc #carouselCOC.carousel .carousel-thumbnail .content .modal-trigger {
    color: white;
}
/* line 240, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC.carousel .carousel-thumbnail .content .title,
.coc #carouselCOC.carousel .carousel-thumbnail .content p {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.54);
}
/* line 243, ../materialize-src/sass/components/home/template.scss */
.coc #carouselCOC.carousel .carousel-thumbnail .content p {
    margin-bottom: 10px;
}

/* line 253, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download {
    padding-bottom: 95px;
}
/* line 256, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download .content {
    width: 600px;
}
/* line 259, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download .content > p {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
}
/* line 264, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download .mobile-content {
    position: relative;
    display: block;
    height: 340px;
}
/* line 269, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download .mobile-content:hover .t210x340 {
    height: 360px;
    top: 0;
}
/* line 274, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download .mobile-content .bottom {
    position: absolute;
    bottom: -20px;
    top: auto;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.54);
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    height: 75px;
}
/* line 285, ../materialize-src/sass/components/home/template.scss */
.mobile-app-download .mobile-content .t210x340 {
    height: 340px;
    width: 210px;
    left: 0;
    position: absolute;
    right: 0;
    top: 20px;
    margin: 0 auto;
    overflow: hidden;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* line 302, ../materialize-src/sass/components/home/template.scss */
.miscellaneous .news,
.miscellaneous .neighbourhood,
.miscellaneous .maps {
    height: 100px;
    margin: 0 auto 30px;
    width: 100px;
    position: relative;
}
/* line 308, ../materialize-src/sass/components/home/template.scss */
.miscellaneous .news {
    background-color: #fd9840;
}
/* line 311, ../materialize-src/sass/components/home/template.scss */
.miscellaneous .neighbourhood {
    background-color: #de675c;
}
/* line 314, ../materialize-src/sass/components/home/template.scss */
.miscellaneous .maps {
    background-color: #8dc349;
}
/* line 317, ../materialize-src/sass/components/home/template.scss */
.miscellaneous .title {
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 20px;
    text-align: center;
}
/* line 323, ../materialize-src/sass/components/home/template.scss */
.miscellaneous a.link-primary {
    display: inline-block;
    margin-top: 0.5rem;
}
/* line 326, ../materialize-src/sass/components/home/template.scss */
.miscellaneous a.link-primary > span {
    font-size: 1.5rem;
    transform: translateY(1px);
    display: inline-block;
    margin-left: 5px;
}

/* line 335, ../materialize-src/sass/components/home/template.scss */
.fixing-civic-issues-steps {
    background: url(../images/home/fixing-civic-issues-background.png) 65% 30% no-repeat #83ba4e;
    display: block;
}
/* line 338, ../materialize-src/sass/components/home/template.scss */
.fixing-civic-issues-steps .bitter, .fixing-civic-issues-steps .ob .header .content .title, .ob .header .content .fixing-civic-issues-steps .title {
    color: #fff;
}
/* line 341, ../materialize-src/sass/components/home/template.scss */
.fixing-civic-issues-steps .steps {
    border: 3px solid #73a345;
    color: #b4ec80;
    background-color: #83ba4e;
    width: 55px;
    height: 55px;
    display: block;
    border-radius: 100%;
    font-size: 2rem;
    text-align: center;
    line-height: 49px;
    margin: 45px auto 20px;
}
/* line 354, ../materialize-src/sass/components/home/template.scss */
.fixing-civic-issues-steps .title {
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}
/* line 360, ../materialize-src/sass/components/home/template.scss */
.fixing-civic-issues-steps p {
    color: #fff;
}

/* line 365, ../materialize-src/sass/components/home/template.scss */
.option-border {
    display: flex;
    width: 100%;
    height: 50px;
}
/* line 369, ../materialize-src/sass/components/home/template.scss */
.option-border > div {
    height: 1px;
    margin: auto;
    display: flex;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.12);
}
/* line 375, ../materialize-src/sass/components/home/template.scss */
.option-border > div > span {
    margin: -10px auto auto auto;
    display: inline-block;
    background-color: #fff;
    width: 30px;
    text-align: center;
    color: rgba(0, 0, 0, 0.38);
}

/* line 1, ../materialize-src/sass/components/_footer.scss */
footer {
    padding: 45px 0 15px;
    background-color: #333333;
    font-size: 0.86rem;
}
/* line 5, ../materialize-src/sass/components/_footer.scss */
footer .brand-logo {
    display: flex;
}
/* line 8, ../materialize-src/sass/components/_footer.scss */
footer .title {
    color: white;
}
/* line 15, ../materialize-src/sass/components/_footer.scss */
footer ul > li > a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.86rem;
}
/* line 18, ../materialize-src/sass/components/_footer.scss */
footer ul > li > a:hover {
    color: white;
}
/* line 24, ../materialize-src/sass/components/_footer.scss */
footer hr {
    margin: 1rem -1rem;
    border: 1px solid rgba(72, 72, 72, 0.9);
    position: relative;
}
/* line 28, ../materialize-src/sass/components/_footer.scss */
footer hr:before {
    border: 1px solid rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    top: -3px;
}
/* line 39, ../materialize-src/sass/components/_footer.scss */
footer .partner .brand-ph {
    line-height: 38px;
}
/* line 43, ../materialize-src/sass/components/_footer.scss */
footer .partner .brand-ph > a,
footer .partner .brand-ph > span {
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    vertical-align: middle;
}
/* line 47, ../materialize-src/sass/components/_footer.scss */
footer .partner .brand-ph > a > img,
footer .partner .brand-ph > span > img {
    vertical-align: middle;
    margin-right: 0.6rem;
}
/* line 53, ../materialize-src/sass/components/_footer.scss */
footer .partner .brand-ph a:hover {
    color: white;
}

/* line 1, ../materialize-src/sass/components/_slider.scss */
.slider {
    position: relative;
    height: 400px;
    width: 100%;
}
/* line 6, ../materialize-src/sass/components/_slider.scss */
.slider.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* line 14, ../materialize-src/sass/components/_slider.scss */
.slider.fullscreen ul.slides {
    height: 100%;
}
/* line 17, ../materialize-src/sass/components/_slider.scss */
.slider.fullscreen ul.indicators {
    z-index: 2;
    bottom: 30px;
}
/* line 22, ../materialize-src/sass/components/_slider.scss */
.slider .slides {
    background-color: transparent;
    margin: 0;
    height: 400px;
}
/* line 26, ../materialize-src/sass/components/_slider.scss */
.slider .slides li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: inherit;
    overflow: hidden;
}
/* line 35, ../materialize-src/sass/components/_slider.scss */
.slider .slides li img {
    /*
    background-size: cover; */
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
/* line 43, ../materialize-src/sass/components/_slider.scss */
.slider .slides li .caption {
    color: #fff;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 70%;
    opacity: 0;
}
/* line 50, ../materialize-src/sass/components/_slider.scss */
.slider .slides li .caption p {
    color: rgba(0, 0, 0, 0.12);
}
/* line 54, ../materialize-src/sass/components/_slider.scss */
.slider .slides li.active {
    z-index: 2;
}
/* line 59, ../materialize-src/sass/components/_slider.scss */
.slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}
/* line 66, ../materialize-src/sass/components/_slider.scss */
.slider .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin: 0 12px;
    background-color: rgba(0, 0, 0, 0.12);
    transition: background-color .3s;
    border-radius: 50%;
}
/* line 76, ../materialize-src/sass/components/_slider.scss */
.slider .indicators .indicator-item.active {
    background-color: white;
}

/* line 83, ../materialize-src/sass/components/_slider.scss */
.slider-control {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 10%;
    z-index: 2;
    transition: all 0.3s ease 0.1s;
}
/* line 92, ../materialize-src/sass/components/_slider.scss */
.slider-control .material-icons {
    color: rgba(0, 0, 0, 0.38);
    font-size: 48px;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* line 101, ../materialize-src/sass/components/_slider.scss */
.slider-control.next {
    left: auto;
    right: 0;
}
/* line 104, ../materialize-src/sass/components/_slider.scss */
.slider-control.next .material-icons {
    left: auto;
    right: 0;
}
/* line 110, ../materialize-src/sass/components/_slider.scss */
.slider-control:hover .material-icons {
    color: rgba(0, 0, 0, 0.87);
}
/* line 114, ../materialize-src/sass/components/_slider.scss */
.slider-control.no-slider {
    -ms-opacity: 0;
    opacity: 0;
    cursor: default;
}

/* line 122, ../materialize-src/sass/components/_slider.scss */
.modal.modal-slider, .modal.modal-slider-middle {
    background-color: white;
    top: 50% !important;
    -ms-transform: scaleX(1) translateY(-50%) !important;
    -o-transform: scaleX(1) translateY(-50%) !important;
    -webkit-transform: scaleX(1) translateY(-50%) !important;
    transform: scaleX(1) translateY(-50%) !important;
}
/* line 126, ../materialize-src/sass/components/_slider.scss */
.modal.modal-slider .modal-content, .modal.modal-slider-middle .modal-content {
    padding: 0;
}
/* line 129, ../materialize-src/sass/components/_slider.scss */
.modal.modal-slider.top-0, .modal.modal-slider-middle.top-0 {
    top: 0 !important;
    -ms-transform: scaleX(1) translateY(0) !important;
    -o-transform: scaleX(1) translateY(0) !important;
    -webkit-transform: scaleX(1) translateY(0) !important;
    transform: scaleX(1) translateY(0) !important;
}

@media (min-width: 1200px) and (min-height: 600px) {
    /* line 138, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider {
        width: 1024px;
        min-height: 629px;
        max-height: 629px;
    }
    /* line 143, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider .modal-content {
        padding: 0;
    }
    /* line 148, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider .ms .ms-img,
    .modal.modal-slider .ms .ms-card {
        height: 629px;
    }
    /* line 151, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider .ms .ms-card {
        overflow-y: auto;
    }
}
@media screen and (max-width: 1200px), screen and (max-height: 599px) {
    /* line 162, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider {
        width: 768px;
        min-height: 495px;
        max-height: 495px;
    }
    /* line 169, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider .ms .ms-img,
    .modal.modal-slider .ms .ms-card {
        height: 495px;
    }
    /* line 172, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider .ms .ms-card {
        overflow-y: auto;
    }
}
@media only screen and (max-width: 991px) {
    /* line 182, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider {
        width: 100%;
        padding: 0.5rem;
        min-height: auto;
        max-height: min-content;
        background-color: white;
    }
    /* line 189, ../materialize-src/sass/components/_slider.scss */
    .modal.modal-slider .ms .ms-img {
        height: 70vh;
        width: 100%;
    }
}
/* line 199, ../materialize-src/sass/components/_slider.scss */
.ms .ms-img {
    position: relative;
}
/* line 203, ../materialize-src/sass/components/_slider.scss */
.ms > .row > .col {
    padding: 0;
}
/* line 205, ../materialize-src/sass/components/_slider.scss */
.ms > .row > .col .card {
    margin-top: 0;
}
/* line 211, ../materialize-src/sass/components/_slider.scss */
.ms .ms-card {
    background-color: white;
}

/* line 1, ../materialize-src/sass/components/_carousel.scss */
.carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 400px;
    perspective: 500px;
    transform-style: preserve-3d;
    transform-origin: 0% 50%;
}
/* line 2, ../materialize-src/sass/components/_carousel.scss */
.carousel.carousel-slider {
    top: 0;
    left: 0;
}
/* line 5, ../materialize-src/sass/components/_carousel.scss */
.carousel.carousel-slider .carousel-fixed-item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 1;
}
/* line 6, ../materialize-src/sass/components/_carousel.scss */
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
    bottom: 68px;
}
/* line 15, ../materialize-src/sass/components/_carousel.scss */
.carousel.carousel-slider .carousel-item {
    width: 100%;
    height: 100%;
    min-height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}
/* line 22, ../materialize-src/sass/components/_carousel.scss */
.carousel.carousel-slider .carousel-item h3 {
    font-weight: 500;
}
/* line 34, ../materialize-src/sass/components/_carousel.scss */
.carousel .carousel-item {
    display: none;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
}
/* line 41, ../materialize-src/sass/components/_carousel.scss */
.carousel .carousel-item > img {
    width: 100%;
}
/* line 45, ../materialize-src/sass/components/_carousel.scss */
.carousel .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}
/* line 53, ../materialize-src/sass/components/_carousel.scss */
.carousel .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 16px 4px 0;
    background-color: rgba(0, 0, 0, 0.12);
    transition: background-color .3s;
    border-radius: 50%;
}
/* line 64, ../materialize-src/sass/components/_carousel.scss */
.carousel .indicators .indicator-item:hover {
    background-color: rgba(0, 0, 0, 0.38);
}
/* line 67, ../materialize-src/sass/components/_carousel.scss */
.carousel .indicators .indicator-item.active {
    background-color: #0980f4;
}
/* line 74, ../materialize-src/sass/components/_carousel.scss */
.carousel.scrolling .carousel-item .materialboxed,
.carousel .carousel-item:not(.active) .materialboxed {
    pointer-events: none;
}

/* line 1, ../materialize-src/sass/components/template/_onboarding.scss */
.ob {
    background-color: #fff;
}
/* line 6, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .header,
.ob .body,
.ob .footer {
    padding: 14px;
}
/* line 10, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .header .content,
.ob .header .guide-list,
.ob .body .content,
.ob .body .guide-list,
.ob .footer .content,
.ob .footer .guide-list {
    max-width: 480px;
}
@media (min-width: 992px) {
    /* line 17, ../materialize-src/sass/components/template/_onboarding.scss */
    .ob .header .content {
        max-width: 1170px;
        text-align: center;
    }
    /* line 20, ../materialize-src/sass/components/template/_onboarding.scss */
    .ob .header .content .media {
        display: inline-block;
    }
    /* line 23, ../materialize-src/sass/components/template/_onboarding.scss */
    .ob .header .content .media-body {
        width: auto;
    }
}
/* line 29, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .header {
    position: relative;
    background-color: white;
    z-index: 1;
}
/* line 35, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .header .content .profile-photo {
    height: 50px;
}
@media only screen and (min-width: 992px) {
    /* line 35, ../materialize-src/sass/components/template/_onboarding.scss */
    .ob .header .content .profile-photo {
        height: 100px;
    }
}
/* line 41, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .header .content .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    margin: 0;
}
@media only screen and (min-width: 992px) {
    /* line 41, ../materialize-src/sass/components/template/_onboarding.scss */
    .ob .header .content .title {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
    }
}
/* line 54, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .header:after {
    background-color: #0980f4;
    position: absolute;
    left: 0;
    bottom: -3px;
    top: auto;
    content: "";
    width: 20%;
    height: 3px;
}
/* line 66, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .mb-body {
    margin-bottom: 68px;
}
/* line 68, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .mb-body.card-body {
    margin-bottom: 82px;
}
/* line 73, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .maps {
    position: relative;
}
/* line 78, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .guide-list {
    margin-top: 30px;
}
/* line 81, ../materialize-src/sass/components/template/_onboarding.scss */
.ob .guide-list .guide {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}
@media only screen and (min-width: 992px) {
    /* line 81, ../materialize-src/sass/components/template/_onboarding.scss */
    .ob .guide-list .guide {
        font-size: 18px;
        line-height: 21px;
    }
}

/* line 94, ../materialize-src/sass/components/template/_onboarding.scss */
.modal-overlay.in {
    display: block;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/* line 99, ../materialize-src/sass/components/template/_onboarding.scss */
.footer {
    background-color: #fff;
    padding: 14px;
    z-index: 1;
    -o-box-shadow: 0 -1px 6px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 -1px 6px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 -1px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 6px 1px rgba(0, 0, 0, 0.2);
}

/* line 107, ../materialize-src/sass/components/template/_onboarding.scss */
.bottom-fixed-footer,
.scroll-fixed-bottom {
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    bottom: 0;
    transition: all 0.3s ease-in-out 0.1ms;
}

/* line 116, ../materialize-src/sass/components/template/_onboarding.scss */
.scroll-fixed-bottom {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1;
}
/* line 119, ../materialize-src/sass/components/template/_onboarding.scss */
.scroll-fixed-bottom.in {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 1;
}

/* line 2, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .header {
    padding: 1rem;
    background-color: #E34E48;
    position: relative;
    z-index: 1;
}
/* line 8, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .header,
.m-pac .header a {
    color: #fff;
}
/* line 11, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .header:after {
    background-color: #0980f4;
    position: absolute;
    left: 0;
    bottom: -3px;
    top: auto;
    content: "";
    width: 20%;
    height: 3px;
}
/* line 21, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .header .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
    margin: 0;
}
/* line 28, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .category-filter {
    height: 40px;
}
/* line 32, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .categories {
    padding: 2rem 1rem 0.5rem;
}
/* line 36, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .categories .row .col {
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}
/* line 41, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .categories .h2 {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
/* line 46, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac .categories h6 {
    font-size: 1rem;
    line-height: 18px;
    height: 36px;
    color: #333;
    font-weight: 500;
}
/* line 55, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac.m-location .header {
    background-color: #FF7043;
}
/* line 58, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac.m-location .input-field label {
    padding-left: 1rem;
}
/* line 62, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac.m-location .location input:not([type]),
.m-pac.m-location .location input[type=text]:not(.browser-default) {
    padding-left: 14px;
}
/* line 67, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac.m-desc .header {
    background-color: #3BAB73;
}
/* line 70, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac.m-desc .body {
    padding: 2rem 1rem;
}
/* line 75, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac.m-ac .header {
    background-color: #3992EC;
}
/* line 78, ../materialize-src/sass/components/mobile/_post-complaint.scss */
.m-pac.m-ac .body {
    padding: 0 1rem 2rem;
}

/* line 2, ../materialize-src/sass/components/template/_agency.scss */
.agency #filter {
    padding: 8px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 0 none;
}
/* line 9, ../materialize-src/sass/components/template/_agency.scss */
.agency #filter .left .props > li {
    float: left;
    margin-right: 24px;
}
/* line 17, ../materialize-src/sass/components/template/_agency.scss */
.agency #filter .right .props > li {
    float: right;
    margin-left: 24px;
}
/* line 27, ../materialize-src/sass/components/template/_agency.scss */
.agency #filter .props .input-field .search,
.agency #filter .props .input-field .md-select-value {
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 7px;
    height: 40px;
    width: 224px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 35, ../materialize-src/sass/components/template/_agency.scss */
.agency .listing .table {
    border: 1px solid rgba(0, 0, 0, 0.12);
}
/* line 37, ../materialize-src/sass/components/template/_agency.scss */
.agency .listing .table th.sorting {
    cursor: pointer;
}
/* line 41, ../materialize-src/sass/components/template/_agency.scss */
.agency .listing .table .change-status .input-field {
    width: 80px;
}
/* line 46, ../materialize-src/sass/components/template/_agency.scss */
.agency .listing .truncate {
    width: 100%;
    max-width: 178px;
}
/* line 51, ../materialize-src/sass/components/template/_agency.scss */
.agency .listing td .btn, .agency .listing td .btn-medium, .agency .listing td .btn-large {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
}
/* line 62, ../materialize-src/sass/components/template/_agency.scss */
.agency .change-status .select-wrapper input.select-dropdown {
    border: 0 none;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
/* line 68, ../materialize-src/sass/components/template/_agency.scss */
.agency .change-status .dropdown-content {
    background-color: white;
    width: 100% !important;
}
/* line 72, ../materialize-src/sass/components/template/_agency.scss */
.agency .change-status .dropdown-content li > a,
.agency .change-status .dropdown-content li > span {
    color: rgba(0, 0, 0, 0.87);
}

/* ...... Evaluation .........*/
.evaluation-banner {
    background-size: cover;
    padding: 40px 15px;
}
.evaluation-banner p {
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    max-width: 780px;
    margin: 40px auto auto;
    color: #fff;
    font-weight: 300;
}
.evaluation-container {
    padding: 30px 15px 0;
}
.eval-header {
    margin: 0 0 20px;
}
.eval-header h3 {
    font-family: bitter;
    color: #000;
    font-size: 34px;
}
.eval-header > .left > h3 {
    font-weight: bold;
}

.evaluation-left {
    padding: 56px 0 0;
}
.evaluation-filter {
    border-top: 1px solid #dddddd;
    padding: 20px 0;
}
.evaluation-filter.last {
    padding-bottom: 10px;
}
.evaluation-filter .collapsible {
    border: 0;
    box-shadow: none;

}
.evaluation-filter .collapsible-header {
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    padding:  0;
    border: 0;
}
.evaluation-filter .collapsible-body {
    padding:  0;
    border: 0;
}
.evaluation-filter .collapsible-header .material-icons {
    position: absolute;
    right: 15px;
    top: 0px;
}
.evaluation-filter .collapsible-content {
    padding: 15px 12px 0;
}
.collapsible-content p {
    margin: 0 0 15px;
}
.see-more-city {
    text-align: right;
    color: #999;
    cursor: pointer;
    margin: 0 0 20px;
}
.evaluation-search {
    background-color: #fff;
    padding: 0 15px;
    border-radius: 3px;
    margin: 0 0 15px;
}
.evaluation-search .input-field {
    margin: 0;
}
.evaluation-search .box-input-field input[type=text],
.evaluation-search .box-input-field input[type=text]:focus {
    border: 0;
    box-shadow: none;
}
.evaluation-search .material-icons {
    position: absolute;
    right: 0px;
    top: 9px;
    cursor: pointer;
}
.evaluation-card {
    background-color: #fff;
    padding: 16px;
    border-radius: 3px;
    margin: 0 0 16px;
}
.evaluation-card h6 {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
    margin: 0 0 15px;
}
.evaluation-card p {
    height: 40px;
    overflow: hidden;
    margin: 0 0 20px;
}
.eval-label {
    background-color: #02c48b;
    border-radius: 25px;
    line-height: 24px;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
}
.eval-label-non {
    background-color: #ef0098;
}
.task-completion {
    background-color: #eaeaea;
    border-radius: 5px;
    height: 4px;
    margin: 20px 0 5px;
}
.task-completed {
    background-color: #00aeef;
    border-radius: 5px;
    height: 4px;
}
.task-completed-text {
    color: #999;
    font-size: 12px;
    margin: 0 0 15px;
}
.task-completed-text .count {
    color: #333;
}
.evaluation-card .btn { 
    padding: 0 20px;
}
.evaluation-block {
    background-color: #fff;
    border-radius: 3px;
}
.evaluation-steps {
    display: none;
}
.evaluation-steps-body {
    padding: 16px;
    position: relative;
}
.evaluation-title {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
.evaluation-sub-title {
    font-size: 16px;
    color: #666;
    margin: 0 0 40px;
}
.com-title {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 20px;
}
.eval-block {
    margin: 0 0 30px;
}
.eval-thumb-outer {
    margin-right: 15px;
    display: inline-block;
}
.eval-thumb {
    width: 65px;
    height: 65px;
    border: 1px solid #ccc;
    background-color: #eaeaea;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #828282;
}
.eval-thumb.blue {
    border: 1px solid #0980f4;
    background-color: #0980f4;
    color: #fff;
}
.eval-thumb .download {
    font-size: 11px;
}
.eval-thumb img {
    width: 65px;
    height: 65px;
}
.max-marks {
    position: absolute;
    right: 16px;
    bottom: 20px;
    display: inline-block;
    line-height: 50px;
    padding: 0 24px;
    color: #999;
    border: 1px solid #eaeaea;
}
.evaluation-steps-body p {
    color: #999;
    line-height: 20px;
}
.evaluation-steps-footer {
    padding: 16px;
    border-top: 1px solid #eaeaea;
    text-align: right;
}
.evaluation-filter [type="checkbox"] + label {
    padding-left: 35px;
    color: #666;
}
.evaluation-filter [type="checkbox"]:checked + label {
    color: #0980f4;
}
.evaluation-table {
    margin: 0 0 30px;
}
.evaluation-table .serial .rank {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}
.evaluation-table .serial .rank .number {
    display: inline-block;
    vertical-align: middle;
}
.evaluation-table table {
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.evaluation-table .table > tbody > tr > td {
    line-height: normal;
}
.evaluation-table table tr th:first-child,
.evaluation-table table tr td:first-child {
    padding-left: 15px;
}
.evaluation-table .serial .material-icons {
    color: #fff;
    padding: 3px;
    border-radius: 50%;
    font-size: 14px;
}
.evaluation-table .serial .first .material-icons {
    background-color: #fbb111;
}
.evaluation-table .serial .second .material-icons {
    background-color: #acb9c2;
}
.evaluation-table .serial .third .material-icons {
    background-color: #877368;
}
.evaluation-table .top-three .team-name {
    font-weight: bold;
    color: #0980fc;
    line-height: normal;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.evaluation-table .top-three .caption-name {
    color: #0980fc;
    line-height: normal;
    font-size: 12px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.evaluation-table .normal  .caption-name {
    font-size: 12px;
}
.evaluation-listing h6 {
    margin: 0;
}
.evaluation-listing .ranking {
    font-size: 12px;
    color: #999;
    margin: 0 0 15px;
}
.evaluation-listing .caption-name {
    margin: 0 0 15px;
    font-size: 12px;
}
.filter-sub {
    padding-left: 30px;
    padding-bottom: 15px;
}
@media (max-width: 767px) {
    .evaluation-steps .row .col {
        width: 100%;
    }
    .max-marks {
        position: static;
    }
    .eval-header h3 {
        margin: 20px 0 0;
    }
}

/*
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
 */
/*************************************
 * CONFIG
 */
/*************************************
 * MIXINS
 */
/*************************************
 * BUTTON BASE
 */
/* line 60, ../materialize-src/sass/components/_ladda.scss */
.ladda-button {
    position: relative;
}

/* Spinner animation */
/* line 66, ../materialize-src/sass/components/_ladda.scss */
.ladda-button .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    top: 50%;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
}

/* Button label */
/* line 78, ../materialize-src/sass/components/_ladda.scss */
.ladda-button .ladda-label {
    position: relative;
    z-index: 3;
}

/* Progress bar */
/* line 84, ../materialize-src/sass/components/_ladda.scss */
.ladda-button .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.1s linear all !important;
    -moz-transition: 0.1s linear all !important;
    -ms-transition: 0.1s linear all !important;
    -o-transition: 0.1s linear all !important;
    transition: 0.1s linear all !important;
}

/* line 97, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-loading] .ladda-progress {
    opacity: 1;
    visibility: visible;
}

/*************************************
 * EASING
 */
/* line 109, ../materialize-src/sass/components/_ladda.scss */
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
}

/* line 118, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
    -webkit-transition: 0.3s ease all !important;
    -moz-transition: 0.3s ease all !important;
    -ms-transition: 0.3s ease all !important;
    -o-transition: 0.3s ease all !important;
    transition: 0.3s ease all !important;
}

/*************************************
 * EXPAND RIGHT
 */
/* line 128, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-right] .ladda-spinner {
    right: -6px;
}
/* line 133, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
    right: -12px;
}
/* line 137, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-right][data-loading] {
    padding-right: 56px;
}
/* line 140, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1;
}
/* line 145, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px;
}

/*************************************
 * EXPAND LEFT
 */
/* line 157, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-left] .ladda-spinner {
    left: 26px;
}
/* line 162, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
    left: 4px;
}
/* line 166, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-left][data-loading] {
    padding-left: 56px;
}
/* line 169, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1;
}
/* line 174, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px;
}

/*************************************
 * EXPAND UP
 */
/* line 185, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-up] {
    overflow: hidden;
}
/* line 188, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: 0;
}
/* line 194, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-up][data-loading] {
    padding-top: 54px;
}
/* line 197, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
    opacity: 1;
    top: 26px;
    margin-top: 0;
}
/* line 204, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
    padding-top: 32px;
}
/* line 207, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
    top: 4px;
}

/*************************************
 * EXPAND DOWN
 */
/* line 219, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-down] {
    overflow: hidden;
}
/* line 222, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: 0;
}
/* line 229, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
    top: 40px;
}
/* line 233, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 54px;
}
/* line 236, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
    opacity: 1;
}
/* line 241, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
    padding-bottom: 32px;
}

/*************************************
 * SLIDE LEFT
 */
/* line 251, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-left] {
    overflow: hidden;
}
/* line 254, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-left] .ladda-label {
    position: relative;
}
/* line 257, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: 0;
}
/* line 263, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-left][data-loading] .ladda-label {
    opacity: 0;
    left: -100%;
}
/* line 267, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%;
}

/*************************************
 * SLIDE RIGHT
 */
/* line 278, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-right] {
    overflow: hidden;
}
/* line 281, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-right] .ladda-label {
    position: relative;
}
/* line 284, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: 0;
    left: 16px;
}
/* line 289, ../materialize-src/sass/components/_ladda.scss */
[dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner {
    right: auto;
}
/* line 295, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-right][data-loading] .ladda-label {
    opacity: 0;
    left: 100%;
}
/* line 299, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%;
}

/*************************************
 * SLIDE UP
 */
/* line 310, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-up] {
    overflow: hidden;
}
/* line 313, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-up] .ladda-label {
    position: relative;
}
/* line 316, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: 1em;
}
/* line 323, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-up][data-loading] .ladda-label {
    opacity: 0;
    top: -1em;
}
/* line 327, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0;
}

/*************************************
 * SLIDE DOWN
 */
/* line 338, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-down] {
    overflow: hidden;
}
/* line 341, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-down] .ladda-label {
    position: relative;
}
/* line 344, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: -2em;
}
/* line 351, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-down][data-loading] .ladda-label {
    opacity: 0;
    top: 1em;
}
/* line 355, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0;
}

/*************************************
 * ZOOM-OUT
 */
/* line 367, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-out] {
    overflow: hidden;
}

/* line 370, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-out] .ladda-spinner {
    left: 50%;
    margin-left: 32px;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
}

/* line 376, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-out] .ladda-label {
    position: relative;
    display: inline-block;
}

/* line 381, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

/* line 386, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
    opacity: 1;
    margin-left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/*************************************
 * ZOOM-IN
 */
/* line 398, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-in] {
    overflow: hidden;
}

/* line 401, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-in] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
}

/* line 407, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-in] .ladda-label {
    position: relative;
    display: inline-block;
}

/* line 412, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -ms-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2);
}

/* line 417, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
    opacity: 1;
    margin-left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/*************************************
 * CONTRACT
 */
/* line 429, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract] {
    overflow: hidden;
    width: 100px;
}

/* line 433, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract] .ladda-spinner {
    left: 50%;
    margin-left: 0;
}

/* line 438, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract][data-loading] {
    border-radius: 50%;
    width: 52px;
}

/* line 442, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract][data-loading] .ladda-label {
    opacity: 0;
}

/* line 445, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
    opacity: 1;
}

/*************************************
 * OVERLAY
 */
/* line 455, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract-overlay] {
    overflow: hidden;
    width: 100px;
    box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);
}

/* line 461, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: 0;
}

/* line 466, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract-overlay][data-loading] {
    border-radius: 50%;
    width: 52px;
    /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/
    box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);
}

/* line 473, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
    opacity: 0;
}

/* line 476, ../materialize-src/sass/components/_ladda.scss */
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
    opacity: 1;
}

/* line 481, ../materialize-src/sass/components/_ladda.scss */
[dir="rtl"] .ladda-spinner > div {
    left: 25% !important;
}