@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;
}
/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.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}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.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}.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}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.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}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.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}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.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}.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}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.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}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}[dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner{right:auto}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.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)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.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)}.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}.ladda-button[data-style=zoom-in]{overflow:hidden}.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)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.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)}.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}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}[dir="rtl"] .ladda-spinner>div{left:25% !important}
@charset "UTF-8";

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

body {
margin:0
}

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

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

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

[hidden],template {
display:none
}

a {
background-color:transparent
}

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

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

b,strong {
font-weight:700
}

dfn {
font-style:italic
}

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

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

small {
font-size:80%
}

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

sup {
top:-.5em
}

sub {
bottom:-.25em
}

img {
border:0
}

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

figure {
margin:1em 40px
}

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

pre {
overflow:auto
}

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

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

button {
overflow:visible
}

button,select {
text-transform:none
}

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

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

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

input {
line-height:normal
}

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

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

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

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

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

legend {
border:0;
padding:0
}

textarea {
overflow:auto
}

optgroup {
font-weight:700
}

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

td,th {
padding:0
}

html {
box-sizing:border-box
}

body {
background-color:#fff
}

*,:before,:after {
box-sizing:inherit
}

hr {
margin:0
}

ul:not(.browser-default) {
margin:0;
padding-left:0;
list-style-type:none
}

ul:not(.browser-default) > li {
list-style-type:none
}

a {
color:#0980f4;
text-decoration:none;
-webkit-tap-highlight-color:transparent
}

.clearfix:before,.container:before,.row:before,nav .nav:before,.card:before,.pagination:before,.clearfix:after,.container:after,.row:after,nav .nav:after,.card:after,.pagination:after {
display:table;
content:" "
}

.clearfix:after,.container:after,.row:after,nav .nav:after,.card:after,.pagination:after {
clear:both
}

.z-depth-0,.btn-link,.link-primary {
box-shadow:none!important
}

.z-depth-half,.ob .header,#survey-reports .box {
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)
}

.z-depth-1,.card,.toast,.dropdown-content,#ddPages,.nav .side-nav,.collapsible {
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)
}

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

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

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

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

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

.hoverable {
transition:box-shadow .25s
}

.hoverable:hover {
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.hide {
display:none!important
}

@media only screen and (max-width: 991px) {
.hide-md-less {
display:none!important
}
}

@media only screen and (min-width: 992px) {
.hide-lg-up {
display:none!important
}
}

.left-align {
text-align:left
}

.right-align {
text-align:right
}

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

.left {
float:left!important
}

.right {
float:right!important
}

.no-space {
line-height:.1
}

.no-select {
user-select:none
}

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

.circle {
border-radius:50%
}

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

.i-block,.th,.md-sort,.action,.pagination {
display:inline-block
}

.truncate {
display:block
}

.truncate,.tcell {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.tcell-sm {
max-width:160px
}

.tcell-md {
max-width:240px
}

.no-padding {
padding:0!important
}

.upper-case,nav ul a,.modal-cities .modal-content .city-col,footer .title {
text-transform:uppercase
}

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

.font-weight-medium,.happy-voices #carouselHappyVoices .citizen-name {
font-weight:500
}

.font-weight-normal,.btn-medium {
font-weight:400
}

.font-weight-slim {
font-weight:300
}

.time-span {
color:rgba(0,0,0,0.54);
line-height:16px
}

.m-0,.agency .props .input-field,.agency .change-status .input-field {
margin:0!important
}

.main-fixed-top {
padding-top:65px
}

@media only screen and (min-width: 992px) {
.aside.left {
width:243px
}

.content.right {
margin-left:15px;
width:712px
}
}

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

.badge[data-badge-caption]::after {
content:" " attr(data-badge-caption)
}

.badge.open,.badge[data-badge-caption="open"] {
background-color:rgba(246,105,94,0.12);
border-color:#F6695E;
color:#F6695E
}

.badge.on-the-job,.badge[data-badge-caption="on-the-job"] {
background-color:rgba(43,181,249,0.12);
border-color:#2bb5f9;
color:#2bb5f9
}

.badge.resolved,.badge[data-badge-caption="resolved"] {
background-color:rgba(0,189,0,0.12);
border-color:#00BD00;
color:#00BD00
}

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

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

.alert h4 {
margin-top:0;
color:inherit
}

.alert .alert-link {
font-weight:700
}

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

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

.alert-dismissable,.alert-dismissible {
padding-right:35px
}

.alert-dismissable .close,.alert-dismissible .close {
position:relative;
top:-2px;
right:-21px;
color:inherit;
padding:0;
cursor:pointer;
background:0 0;
border:0;
float:right;
font-size:21px;
font-weight:700;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
filter:alpha(opacity=20);
opacity:.2
}

.alert-success {
background-color:rgba(0,189,0,0.12);
border-color:#00BD00;
color:#00BD00
}

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

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

.alert-info {
background-color:rgba(43,181,249,0.12);
border-color:#2bb5f9;
color:#2bb5f9
}

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

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

.alert-warning {
background-color:rgba(255,197,0,0.12);
color:#ffc500;
border-color:#ffc500
}

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

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

.alert-danger {
background-color:rgba(246,105,94,0.12);
border-color:#F6695E;
color:#F6695E
}

.alert-danger hr {
border-top-color:#e4b9c0
}

.alert-danger .alert-link {
color:#843534
}

.material-icons {
text-rendering:optimizeLegibility;
font-feature-settings:liga
}

.circle .material-icons {
vertical-align:middle
}

.th .material-icons,.md-sort .material-icons,.action .material-icons {
font-size:18px;
vertical-align:middle
}

.action .material-icons {
cursor:pointer;
margin-left:2px;
margin-right:2px;
color:rgba(0,0,0,0.54)
}

.action .material-icons:hover {
color:rgba(0,0,0,0.87)
}

.action.edit .material-icons {
color:#0980f4
}

.md-sort {
padding-left:5px
}

.md-sort .material-icons {
color:rgba(0,0,0,0.12)
}

.md-sort.asc .material-icons {
transform:rotateX(-180deg)
}

.active .md-sort .material-icons {
color:rgba(0,0,0,0.87)
}

img.responsive-img {
max-width:100%;
height:auto
}

img {
border:0 none
}

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

.t40x40 {
height:40px;
width:40px
}

.t50x50 {
height:50px;
width:50px
}

.t75x75 {
height:75px;
width:75px
}

.t150x150 {
height:150px;
width:150px
}

[class*="home-cs-"],[class^=" home-cs-"] {
background-image:url(/theme/icmyc_v1/images/home/css-sprites.png);
background-repeat:no-repeat;
display:inline-block
}

.home-cs-happy-voices {
background-position:-265px -538px
}

.home-cs-news {
background-position:-10px -538px;
width:78px;
height:73px
}

.home-cs-neighbourhood {
background-position:-186px -538px;
width:59px;
height:59px
}

.home-cs-maps {
background-position:-108px -538px;
width:58px;
height:62px
}

.home-cs-news,.home-cs-neighbourhood,.home-cs-maps {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto
}

.home-cs-mobile-logo-ios {
background-position:-507px -464px;
width:173px;
height:51px
}

.home-cs-mobile-logo-android {
background-position:-275px -464px;
width:212px;
height:52px
}

.home-cs-mobile-logo-windows {
background-position:-10px -464px;
width:245px;
height:54px
}

.home-cs-mobile-ios {
background-position:-10px -10px
}

.home-cs-mobile-android {
background-position:-469px -10px
}

.home-cs-mobile-windows {
background-position:-237px -10px
}

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

.circle.vote-up {
background-color:#0980f4
}

.circle.locality {
background-color:#f5a623
}

.circle.profile {
background-color:#900faa
}

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

.circle.done .material-icons,.circle.error .material-icons,.circle.warning .material-icons {
color:#00bd00;
font-size:16px
}

.circle.error .material-icons {
color:#f6695e
}

.circle.warning .material-icons {
color:#ffbe00
}

.circle.guide-1 {
background-color:#e54d42
}

.circle.guide-2 {
background-color:#00afff
}

.circle.guide-3 {
background-color:#fcd500
}

.circle.guide-4 {
background-color:#30ac63
}

.media {
margin-top:14px
}

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

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

.media-body {
width:10000px
}

.media-object {
display:block
}

.media-object.img-thumbnail {
max-width:none
}

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

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

.media-left,.media-right,.media-body {
display:table-cell;
vertical-align:top
}

.media-middle,nav .nav .brand .responsive-img,nav .nav .brand img {
vertical-align:middle
}

.media-bottom {
vertical-align:bottom
}

.media-heading {
margin-top:0;
margin-bottom:5px
}

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

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

.container-fluid::after {
clear:both
}

@media only screen and (min-width: 992px) {
.container {
width:998px
}
}

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

.container .row,.row {
margin-left:-14px;
margin-right:-14px
}

@media only screen and (max-width: 991px) {
.container {
padding-left:7px;
padding-right:7px
}

.container .row,.row {
margin-left:-7px;
margin-right:-7px
}
}

@media only screen and (min-width: 992px) {
.row .col {
padding-left:14px;
padding-right:14px
}
}

@media only screen and (max-width: 991px) {
.row .col {
padding-left:7px;
padding-right:7px
}
}

.row .col {
float:left;
box-sizing:border-box;
min-height:1px
}

.row .col[class*="push-"],.row .col[class*="pull-"] {
position:relative
}

.row .col.md-l1 {
width:8.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l2 {
width:16.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l3 {
width:25%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l4 {
width:33.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l5 {
width:41.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l6 {
width:50%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l7 {
width:58.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l8 {
width:66.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l9 {
width:75%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l10 {
width:83.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l11 {
width:91.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.md-l12 {
width:100%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.offset-md-l1 {
margin-left:8.33333%
}

.row .col.pull-md-l1 {
right:8.33333%
}

.row .col.push-md-l1 {
left:8.33333%
}

.row .col.offset-md-l2 {
margin-left:16.66667%
}

.row .col.pull-md-l2 {
right:16.66667%
}

.row .col.push-md-l2 {
left:16.66667%
}

.row .col.offset-md-l3 {
margin-left:25%
}

.row .col.pull-md-l3 {
right:25%
}

.row .col.push-md-l3 {
left:25%
}

.row .col.offset-md-l4 {
margin-left:33.33333%
}

.row .col.pull-md-l4 {
right:33.33333%
}

.row .col.push-md-l4 {
left:33.33333%
}

.row .col.offset-md-l5 {
margin-left:41.66667%
}

.row .col.pull-md-l5 {
right:41.66667%
}

.row .col.push-md-l5 {
left:41.66667%
}

.row .col.offset-md-l6 {
margin-left:50%
}

.row .col.pull-md-l6 {
right:50%
}

.row .col.push-md-l6 {
left:50%
}

.row .col.offset-md-l7 {
margin-left:58.33333%
}

.row .col.pull-md-l7 {
right:58.33333%
}

.row .col.push-md-l7 {
left:58.33333%
}

.row .col.offset-md-l8 {
margin-left:66.66667%
}

.row .col.pull-md-l8 {
right:66.66667%
}

.row .col.push-md-l8 {
left:66.66667%
}

.row .col.offset-md-l9 {
margin-left:75%
}

.row .col.pull-md-l9 {
right:75%
}

.row .col.push-md-l9 {
left:75%
}

.row .col.offset-md-l10 {
margin-left:83.33333%
}

.row .col.pull-md-l10 {
right:83.33333%
}

.row .col.push-md-l10 {
left:83.33333%
}

.row .col.offset-md-l11 {
margin-left:91.66667%
}

.row .col.pull-md-l11 {
right:91.66667%
}

.row .col.push-md-l11 {
left:91.66667%
}

.row .col.offset-md-l12 {
margin-left:100%
}

.row .col.pull-md-l12 {
right:100%
}

.row .col.push-md-l12 {
left:100%
}

@media only screen and (min-width: 992px) {
.row .col.lg-u1 {
width:8.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u2 {
width:16.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u3 {
width:25%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u4 {
width:33.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u5 {
width:41.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u6 {
width:50%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u7 {
width:58.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u8 {
width:66.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u9 {
width:75%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u10 {
width:83.33333%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u11 {
width:91.66667%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.lg-u12 {
width:100%;
margin-left:auto;
left:auto;
right:auto
}

.row .col.offset-lg-u1 {
margin-left:8.33333%
}

.row .col.pull-lg-u1 {
right:8.33333%
}

.row .col.push-lg-u1 {
left:8.33333%
}

.row .col.offset-lg-u2 {
margin-left:16.66667%
}

.row .col.pull-lg-u2 {
right:16.66667%
}

.row .col.push-lg-u2 {
left:16.66667%
}

.row .col.offset-lg-u3 {
margin-left:25%
}

.row .col.pull-lg-u3 {
right:25%
}

.row .col.push-lg-u3 {
left:25%
}

.row .col.offset-lg-u4 {
margin-left:33.33333%
}

.row .col.pull-lg-u4 {
right:33.33333%
}

.row .col.push-lg-u4 {
left:33.33333%
}

.row .col.offset-lg-u5 {
margin-left:41.66667%
}

.row .col.pull-lg-u5 {
right:41.66667%
}

.row .col.push-lg-u5 {
left:41.66667%
}

.row .col.offset-lg-u6 {
margin-left:50%
}

.row .col.pull-lg-u6 {
right:50%
}

.row .col.push-lg-u6 {
left:50%
}

.row .col.offset-lg-u7 {
margin-left:58.33333%
}

.row .col.pull-lg-u7 {
right:58.33333%
}

.row .col.push-lg-u7 {
left:58.33333%
}

.row .col.offset-lg-u8 {
margin-left:66.66667%
}

.row .col.pull-lg-u8 {
right:66.66667%
}

.row .col.push-lg-u8 {
left:66.66667%
}

.row .col.offset-lg-u9 {
margin-left:75%
}

.row .col.pull-lg-u9 {
right:75%
}

.row .col.push-lg-u9 {
left:75%
}

.row .col.offset-lg-u10 {
margin-left:83.33333%
}

.row .col.pull-lg-u10 {
right:83.33333%
}

.row .col.push-lg-u10 {
left:83.33333%
}

.row .col.offset-lg-u11 {
margin-left:91.66667%
}

.row .col.pull-lg-u11 {
right:91.66667%
}

.row .col.push-lg-u11 {
left:91.66667%
}

.row .col.offset-lg-u12 {
margin-left:100%
}

.row .col.pull-lg-u12 {
right:100%
}

.row .col.push-lg-u12 {
left:100%
}
}

nav .brand-logo {
position:absolute;
color:#fff;
display:inline-block;
font-size:2.1rem;
padding:0
}

nav .brand-logo.center {
left:50%;
transform:translateX(-50%)
}

nav ul {
margin:0
}

nav ul li {
transition:background-color .3s;
float:left;
padding:0
}

nav ul li.active > a {
background-color:rgba(0,0,0,0.6);
cursor:default
}

nav ul a {
transition:background-color .3s;
font-size:1rem;
color:#fff;
display:block;
padding:0 15px;
cursor:pointer;
border-top:1px solid rgba(0,0,0,0.87)
}

@media only screen and (max-width: 349px) {
nav ul a {
padding-left:8px;
padding-right:8px
}
}

nav ul a > .material-icons {
height:inherit;
line-height:inherit;
vertical-align:middle;
margin:-2px 10px 0 0;
font-size:1.1rem
}

nav ul a:hover {
background-color:rgba(0,0,0,0.6)
}

nav ul.left {
float:left
}

nav .dropdown-button.active {
background-color:rgba(0,0,0,0.6)
}

.navbar-fixed,.navbar-scroll {
background-color:#333;
height:50px;
position:fixed;
width:100%;
z-index:999
}

.navbar-scroll {
position:relative
}

nav,nav .nav-wrapper .material-icons,nav a.button-collapse,nav a.button-collapse .material-icons {
height:50px;
line-height:50px
}

nav .nav {
background-color:#333;
height:50px;
padding-left:16px;
padding-right:16px;
position:relative;
width:100%;
z-index:999
}

nav .nav .material-icons {
color:rgba(255,255,255,0.7);
vertical-align:middle
}

nav .nav .material-icons.circle {
border:1px solid rgba(255,255,255,0.3);
width:24px;
height:24px;
line-height:24px;
text-align:center
}

nav .nav .rounded {
padding-left:8px;
padding-right:8px
}

nav .nav .rounded .material-icons {
font-size:18px
}

nav .nav .rounded .material-icons.circle {
background-color:rgba(0,0,0,0.87);
border:0 none;
border-radius:3px
}

nav .nav .rounded.active,nav .nav .rounded:hover {
background-color:rgba(0,0,0,0.87)
}

nav .nav .rounded.active .material-icons,nav .nav .rounded:hover .material-icons {
color:#fff
}

nav .nav .right [role="button"] {
padding-right:8px
}

nav .nav .right [role="button"] + [role="button"] {
padding-right:16px
}

@media only screen and (max-width: 991px) {
nav .nav .right [role="button"] + [role="button"] {
padding-right:8px
}
}

nav .nav .left [role="button"] + [role="button"] {
padding-left:8px
}

nav .nav .notifications {
position:relative
}

nav .nav .notifications .count {
background-color:#ee3037;
color:#fff;
position:absolute;
top:2px;
left:28px;
line-height:14px;
padding:2px;
height:16px;
font-size:12px;
border-radius:3px
}

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
}

nav .nav .notifications .n-header {
border-bottom:1px solid rgba(0,0,0,0.12)
}

nav .nav .notifications .n-body {
padding-top:8px;
padding-bottom:8px
}

nav .nav .notifications .n-body a {
line-height:16px;
padding:8px 16px;
border-bottom:1px solid rgba(0,0,0,0.12)
}

nav .nav .notifications .n-body a:last-child {
border:0 none
}

nav .nav .notifications .n-body a:hover {
background-color:#eee
}

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
}

nav .nav .notifications .n-body a .link {
color:#0980f4
}

nav .nav .notifications .n-body a .profile-action {
padding-top:4px
}

nav .nav .notifications .n-footer {
border-top:1px solid rgba(0,0,0,0.12)
}

nav .nav .notifications .n-footer a {
background-color:transparent;
color:#0980f4;
text-transform:uppercase;
font-weight:600;
display:inline-block
}

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
}

nav .nav .brand {
color:#fff;
display:inline-block
}

nav .nav ul > li:not([role="button"]) > a {
border:0 none
}

nav .nav ul > li:not([role="button"]) > a .material-icons {
margin:0;
font-size:24px
}

nav .nav ul > li:not([role="button"]) > a.active .material-icons,nav .nav ul > li:not([role="button"]) > a:hover .material-icons {
color:#fff
}

nav .nav ul > li:not([role="button"]).pages > a .material-icons {
font-size:18px
}

nav .nav ul > li:not([role="button"]) .profile {
width:24px;
display:block
}

nav .nav ul > li:not([role="button"]) .profile img {
vertical-align:middle
}

nav .nav .dropdown-notification {
min-width:480px
}

@media only screen and (max-width: 991px) {
nav .nav {
padding-left:0;
padding-right:0
}

nav .nav .brand {
padding-left:8px
}

nav .nav .side-nav {
top:50px
}

nav .nav .side-nav li > a {
border-bottom:1px solid rgba(0,0,0,0.12)!important;
color:rgba(0,0,0,0.87);
display:block;
font-size:12px;
font-weight:500;
height:45px;
line-height:45px;
padding:0 16px
}

nav .nav .dropdown-notification {
min-width:320px
}

nav .nav-pills {
background-color:#333;
height:50px;
border-top:1px solid #000;
width:100%;
padding-left:8px;
padding-right:8px;
position:absolute;
top:50px;
z-index:1
}
}

@media only screen and (min-width: 992px) {
.nav-sm {
display:none!important
}
}

@media only screen and (max-width: 991px) {
.nav-lg {
display:none!important
}
}

a {
text-decoration:none
}

html {
font-size:14px;
font-family:"Roboto",sans-serif;
font-weight:400;
color:rgba(0,0,0,0.87)
}

body {
line-height:1.5rem
}

.bitter,.ob .header .content .title {
font-family:"Bitter",serif
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-weight:400;
margin:0
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
font-weight:inherit
}

h1,.h1 {
font-size:46px;
line-height:55px
}

h2,.h2 {
font-size:34px;
line-height:41px
}

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

h4,.h4 {
font-size:20px;
line-height:24px
}

h5,.h5 {
font-size:18px;
line-height:24px
}

h6,.h6 {
font-size:16px;
line-height:21px
}

p {
margin:0
}

em {
font-style:italic
}

strong {
font-weight:700
}

.medium,.dropdown-content li > a,.dropdown-content li > span,#ddPages li > a,#ddPages li > span {
font-weight:500
}

.light {
font-weight:300
}

small {
font-size:.86rem
}

.scale-transition {
transition:transform .3s cubic-bezier(0.53,0.01,0.36,1.63)!important
}

.scale-transition.scale-out {
transform:scale(0);
transition:transform .2s!important
}

.scale-transition.scale-in {
transform:scale(1)
}

.card {
position:relative;
margin:1rem auto 0;
background-color:#fff;
transition:box-shadow .25s;
border-radius:3px;
max-width:712px
}

.card:last-child {
margin-bottom:1rem
}

@media only screen and (max-width: 991px) {
.card {
border-radius:0
}
}

.card .card-title {
font-size:18px;
line-height:24px;
display:inline-block
}

.card .profile-name {
line-height:19px;
display:inline-block
}

.card .profile-name,.card .card-title {
color:rgba(0,0,0,0.87)
}

.card .profile-name:hover,.card .card-title:hover {
color:rgba(0,0,0,0.87)
}

.card-header,.card-desc,.card-imgages,.card-actions,.card-comments {
margin-top:1rem;
padding-left:1rem;
padding-right:1rem
}

.card-header {
position:relative
}

.card-header .badge {
position:absolute;
top:.5rem;
left:auto;
right:1rem
}

.card-meta-header {
margin-top:1rem
}

.card-meta-header .divider {
font-size:.86rem;
position:relative;
top:2px
}

.card-meta-data {
font-size:.86rem;
display:inline;
line-height:16px
}

span.card-meta-data {
color:rgba(0,0,0,0.54)
}

.card-desc > .badge {
background-color:#e6e6e6;
border-color:#e6e6e6;
color:rgba(0,0,0,0.54);
margin-right:.5rem;
display:inline
}

.card-imgages {
margin-top:.5rem
}

@media (min-width:992px) {
.card-imgages .row > .thumbnail {
line-height:.1;
height:108px;
width:108px;
}
}
@media (max-width:767px) {
.card-imgages .row > .thumbnail {
line-height:.1;
height:50px;
width:50px;
}
}

.card-imgages .row > .thumbnail .responsive-img {
border-radius:3px
}

.card-imgages .row {
margin-left:-3.5px;
margin-right:-3.5px
}

.card-imgages .thumbnail {
padding:0 3.5px;
display:inline-block;
border-radius:6px
}

.card-actions {
margin-top:.5rem;
margin-bottom:1rem
}

.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) {
.card-comments {
border-radius:0
}
}

.card-comments .related {
border-top:1px solid #e6e6e6;
padding-top:1rem;
margin-top:1rem
}

.card-comments .related .profile-name,.card-comments .related .desc {
font-size:.86rem;
line-height:16px
}

.card-comments .related .badge {
margin-left:.5rem;
display:inline
}

.feed-results > .left + .left {
margin-left:.5rem
}

.feed-results .feed-result-counting,.feed-results .feed-result-caption {
font-size:.86rem;
line-height:24px;
max-height:24px
}

.feed-results .feed-result-counting {
color:rgba(0,0,0,0.87)
}

.feed-results .feed-result-caption {
color:rgba(0,0,0,0.54)
}

.feed-results .left .feed-result-counting,.feed-results .left .feed-result-caption {
padding-right:5px
}

.feed-results .right .feed-result-counting,.feed-results .right .feed-result-caption {
padding-left:5px
}

.feed-results a:hover .feed-result-caption {
color:#333
}

.ob .card {
max-width:712px
}

.ob .feed-results .feed-result-counting,.ob .feed-results .feed-result-caption {
line-height:19px
}

#toast-container {
display:block;
position:fixed;
z-index:10000
}

@media only screen and (max-width: 991px) {
#toast-container {
min-width:100%;
top:1%
}
}

@media only screen and (min-width: 992px) {
#toast-container {
top:10%;
right:7%;
max-width:86%
}
}

.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:#fff;
display:flex;
align-items:center;
justify-content:space-between;
cursor:default
}

.toast .toast-action {
color:#eeff41;
font-weight:500;
margin-right:-25px;
margin-left:3rem
}

.toast.rounded {
border-radius:24px
}

@media only screen and (max-width: 991px) {
.toast {
width:100%;
border-radius:0
}
}

.toast.success {
background-color:#00bd00;
color:#fff
}

.material-tooltip {
padding:10px 8px;
font-size:1rem;
z-index:2000;
background-color:transparent;
border-radius:2px;
color:#fff;
min-height:36px;
line-height:120%;
opacity:0;
position:absolute;
text-align:center;
max-width:calc(100% - 4px);
overflow:hidden;
left:0;
top:0;
pointer-events:none;
visibility:hidden
}

.backdrop {
position:absolute;
opacity:0;
height:7px;
width:14px;
border-radius:0 0 50% 50%;
background-color:#323232;
z-index:-1;
transform-origin:50% 0;
visibility:hidden
}

.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) {
.btn,.btn-medium,.btn-large {
padding-left:1rem;
padding-right:1rem
}
}

.btn span,.btn-medium span,.btn-large span {
display:inline-block
}

.btn .material-icons,.btn-medium .material-icons,.btn-large .material-icons,.btn span,.btn-medium span,.btn-large span {
vertical-align:middle
}

.btn .material-icons + span,.btn-medium .material-icons + span,.btn-large .material-icons + span {
padding-left:8px
}

.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:7px
}

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

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

.btn,.btn-medium,.btn-large,.btn-medium,.btn-large {
font-size:1rem;
outline:0
}

.btn i,.btn-medium i,.btn-large i,.btn-medium i,.btn-large i {
font-size:1.3rem;
line-height:inherit
}

.btn-sm {
height:24px;
line-height:24px;
padding-left:8px;
padding-right:8px;
font-size:12px;
font-weight:500
}

.btn,.btn-medium,.btn-large {
text-decoration:none;
color:#fff;
background-color:#0980f4;
text-align:center;
transition:.2s ease-out;
cursor:pointer
}

.btn:hover,.btn-medium:hover,.btn-large:hover {
background-color:#3899f8
}

.btn:active,.btn-medium:active,.btn-large:active {
background-color:#0766c3
}

.btn-secondary {
background-color:transparent;
color:rgba(0,0,0,0.87);
border:1px solid #eaeaea
}

.btn-secondary:hover {
background-color:#f5f6f8;
color:rgba(9,128,244,0.87)
}

.btn-secondary:active {
background-color:#f5f6f8;
color:rgba(0,0,0,0.87)
}

.btn-warning {
border:1px solid #ffc500;
background-color:#ffc500;
color:rgba(0,0,0,0.87)
}

.btn-warning:hover {
background-color:#ffc500;
background-image:url(/theme/icmyc_v1/images/overlay.png)
}

.btn-warning.btn-default {
background-color:transparent;
color:#fff
}

.btn-warning.btn-default:hover {
background-color:#ffc500;
color:rgba(0,0,0,0.87)
}

.btn-medium {
height:40px;
line-height:38px
}

.btn-medium i {
font-size:1.3rem
}

.btn-large {
height:48px;
line-height:46px
}

.btn-large i {
font-size:1.6rem
}

.btn-block {
display:block
}

.btn-full {
width:100%
}

.btn-link,.link-primary {
background-color:transparent;
border:0 none;
color:#0980f4
}

.btn-link:hover,.link-primary:hover {
background-color:transparent;
color:#51a6f9
}

.link-primary:hover {
color:#1F8BF5;
text-decoration:underline
}

.link-primary:active {
color:#0975DE
}

.bg-facebook {
background-color:#3b5998
}

.bg-facebook:hover {
background-color:#4c70ba
}

.bg-facebook:active {
background-color:#4162a7
}

.dropdown-content,#ddPages {
background-color:#333;
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
}

.dropdown-content li,#ddPages li {
clear:both;
color:rgba(0,0,0,0.87);
cursor:pointer;
min-height:30px;
line-height:1.5rem;
width:100%;
text-align:left
}

.dropdown-content li:hover,.dropdown-content li.active,.dropdown-content li.selected,#ddPages li:hover,#ddPages li.active,#ddPages li.selected {
background-color:#212121
}

.dropdown-content li.divider,#ddPages li.divider {
min-height:0;
height:1px
}

.dropdown-content li > a,.dropdown-content li > span,#ddPages li > a,#ddPages li > span {
font-size:14px;
color:#fff;
display:block;
line-height:20px;
padding:8px 16px;
text-transform:none
}

.dropdown-content li > span > label,#ddPages li > span > label {
top:1px;
left:0;
height:18px
}

.dropdown-content li > a > i,#ddPages li > a > i {
height:inherit;
line-height:inherit;
float:left;
margin:0 24px 0 0;
width:24px
}

#ddPages li > a,#ddPages li > span {
border-color:rgba(0,0,0,0.6)!important;
text-transform:uppercase
}

#ddPages li > a:hover,#ddPages li > span:hover {
background-color:rgba(0,0,0,0.6)
}

.input-field.col .dropdown-content [type="checkbox"] + label {
top:1px;
left:0;
height:18px
}

.nav .dropdown-button {
cursor:pointer
}

.nav .dropdown-content {
background-color:#fff
}

.nav .dropdown-content li {
background-color:transparent
}

.nav .dropdown-content li > a,.nav .dropdown-content li > span {
border-bottom:1px solid rgba(0,0,0,0.12)!important;
color:rgba(0,0,0,0.87);
font-weight:500;
text-transform:uppercase
}

.nav .dropdown-content li > a:hover,.nav .dropdown-content li > span:hover {
background-color:#eee
}

.nav .dropdown-content li > a .md-icon,.nav .dropdown-content li > span .md-icon {
display:inline-block;
padding-right:10px
}

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

.nav .dropdown-content li > a:hover .md-icon .material-icons,.nav .dropdown-content li > span:hover .md-icon .material-icons {
color:rgba(0,0,0,0.87)
}

.nav .dropdown-content li:last-child > a,.nav .dropdown-content li:last-child > span {
border:0 none!important
}

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

@media only screen and (max-width: 991px) {
.modal {
width:96%
}
}

.modal.modal-small {
width:360px
}

@media only screen and (max-width: 991px) {
.modal.modal-small {
width:96%
}
}

.modal h1,.modal h2,.modal h3,.modal h4 {
margin-top:0
}

.modal .modal-header {
margin-bottom:2rem
}

.modal .modal-content {
padding:24px
}

.modal .modal-content .desc {
margin-bottom:24px
}

.modal .modal-close {
cursor:pointer
}

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

.modal .m-close:hover {
color:rgba(0,0,0,0.87)
}

.modal .modal-header-custom .h3 {
font-family:Bitter;
line-height:32px
}

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

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

.modal .modal-promotion {
margin-top:2rem
}

.modal-overlay {
position:fixed;
z-index:999;
top:-25%;
left:0;
bottom:0;
right:0;
height:125%;
width:100%;
background:#000;
display:none
}

.modal.modal-fixed-footer {
padding:0;
height:70%
}

.modal.modal-fixed-footer .modal-content {
position:absolute;
height:calc(100% - 63px);
max-height:100%;
width:100%;
overflow-y:auto
}

.modal.modal-fixed-footer .modal-header-custom,.modal.modal-fixed-footer .modal-footer {
position:absolute;
bottom:0
}

.modal.modal-fixed-footer .modal-header-custom {
bottom:auto;
top:0
}

.modal.modal-fixed-footer.modal.modal-fixed-header .modal-content {
height:calc(100% - 63px);
padding-top:63px
}

.modal.modal-fixed-footer.modal.modal-fixed-header .modal-content .content {
padding-top:24px;
padding-bottom:24px
}

.modal-cities.modal,.auth-modal.modal {
max-height:100%;
width:100%;
height:100%;
border-radius:0;
background-color:rgba(255,255,255,0.87)
}

.modal-cities.modal.open,.auth-modal.modal.open {
top:0!important;
display:flex!important
}

.auth-modal.modal .modal-content {
padding:50px 75px;
width:472px;
margin:auto;
background-color:#fff;
border-radius:3px
}

.modal-cities .row .lg-u12 {
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
.auth-modal.modal .modal-content {
padding:15px;
margin:15px;
width:100%
}
}

.auth-modal.modal .modal-content {
transition:all .6s ease 0
}

#signUp,#forgotPassword {
display:none
}

#modalCOCVideos .modal-content {
height:400px;
padding:24px 10px 4px
}

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

#modalCOCVideos .modal-close:hover {
color:#000
}

.modal-cities .modal-content {
padding:2rem 1rem 1rem;
max-width:96%;
margin:auto;
border-radius:3px;
background-color:#fff
}

@media only screen and (min-width: 992px) {
.modal-cities .modal-content {
max-width:640px;
min-width:600px;
padding:50px 75px
}
}

.modal-cities .modal-content .city-col {
border:0 none;
color:rgba(0,0,0,0.54);
display:block;
line-height:normal;
text-align:center;
margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
.modal-cities .modal-content .city-col {
padding-bottom:1rem
}
}

.modal-cities .modal-content .city-col:hover {
background-color:transparent!important;
color:rgba(0,0,0,0.87)
}

.modal-cities .modal-content .city-col > .city-name {
display:block;
margin-top:10px
}

button:focus {
outline:none;
background-color:#1b8af7
}

label {
font-size:12px;
color:rgba(0,0,0,0.12)
}

.hiddendiv {
display:none;
white-space:pre-wrap;
word-wrap:break-word;
overflow-wrap:break-word;
padding-top:1.2rem;
position:absolute;
top:0
}

textarea.materialize-textarea {
overflow-y:hidden;
padding:.8rem 0 1.6rem;
resize:none;
min-height:40px
}

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 .3s
}

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:#fff;
border:1px solid rgba(0,0,0,0.12);
border-radius:3px;
padding-left:7px;
padding-right:7px;
box-sizing:border-box
}

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
}

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

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

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
}

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
}

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

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
}

.input-field {
position:relative;
margin-top:2rem;
margin-bottom:2rem
}

.input-field.inline {
display:inline-block;
vertical-align:middle;
margin-left:5px
}

.input-field.inline input,.input-field.inline .select-dropdown {
margin-bottom:1rem
}

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

.input-field label:not(.label-icon).active {
transform:translateY(-14px) scale(0.86);
transform-origin:0 0
}

.input-field .prefix {
position:absolute;
width:40px;
font-size:2rem;
transition:color .2s
}

.input-field .prefix.active {
color:#0980f4
}

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

.input-field .prefix ~ label {
margin-left:3rem
}

.input-field input[type=search] {
display:block;
line-height:inherit
}

.nav-wrapper .input-field input[type=search] {
height:inherit;
padding-left:4rem;
width:calc(100% - 4rem);
border:0;
box-shadow:none
}

.input-field input[type=search]:focus {
background-color:#fff;
border:0;
box-shadow:none;
color:#444
}

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

.input-field input[type=search] + label {
left:1rem
}

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

.help-block-wrapper {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
white-space:normal
}

.help-block {
display:none
}

.has-error .help-block,.has-warning .help-block,.has-success .help-block {
font-size:12px;
color:#f6695e;
min-height:12px;
line-height:normal;
padding-top:4px;
display:block;
white-space:normal;
text-align:right;
-webkit-tap-highlight-color:transparent;
-webkit-flex:1 1 auto;
flex:1 1 auto
}

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

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

.has-warning .help-block {
color:#ffbe00
}

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

.has-success .help-block {
color:#00bd00
}

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

.has-info .help-block {
color:rgba(0,0,0,0.54);
font-size:12px;
display:block;
line-height:normal;
margin-top:7px
}

.help-block.float-right {
position:absolute;
left:auto;
right:0
}

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

.box-input-field label:not(.label-icon).active {
transform:translateY(0) scale(1);
transform-origin:0 0
}

.horizontal-form {
max-width:480px;
width:100%;
margin-left:auto;
margin-right:auto
}

.location input:not([type]),.location input[type=text]:not(.browser-default) {
padding-right:38px;
margin:0;
box-sizing:border-box
}

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

.my-location > .material-icons,.visibility-off > .material-icons {
color:rgba(0,0,0,0.54)
}

.my-location:hover > .material-icons,.visibility-off:hover > .material-icons {
color:rgba(0,0,0,0.87);
cursor:pointer
}

.input-field .form-label,.input-field .box-input-field label,.box-input-field .input-field label {
height:16px;
color:rgba(0,0,0,0.87);
font-size:12px;
font-weight:500;
line-height:16px;
margin-bottom:8px;
position:static;
display:inline-block;
transform:none!important
}

.input-field .form-label:not(.label-icon).active,.input-field .box-input-field label:not(.label-icon).active,.box-input-field .input-field label:not(.label-icon).active {
transform:none!important
}

.z-mb-4 {
margin-top:0;
margin-bottom:32px
}

.file-field {
position:relative
}

.file-field input.file-path {
width:100%
}

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

.file-field input[type=file]::-webkit-file-upload-button {
display:none
}

.file-field--btn {
border:1px solid rgba(0,0,0,0.12);
width:100px;
height:100px
}

.file-field--btn.uploaded .file-field-caption {
filter:alpha(opacity=100);
opacity:1
}

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

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

.file-field--btn .file-field-caption .caption small {
margin-top:5px;
font-size:10px
}

.file-field--btn:hover .caption {
color:#fff
}

.file-field--btn .thumbnail {
height:98px;
width:98px;
border-radius:50%
}

form p {
margin-bottom:10px;
text-align:left
}

form p:last-child {
margin-bottom:0
}

[type="checkbox"]:not(:checked),[type="checkbox"]:checked {
position:absolute;
opacity:0;
pointer-events:none
}

[type="checkbox"] + label {
position:relative;
padding-left:20px;
cursor:pointer;
display:inline-block;
height:20px;
line-height:20px;
font-size:1rem;
user-select:none
}

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

[type="checkbox"]:not(.filled-in) + label:after {
border:0;
transform:scale(0)
}

[type="checkbox"]:not(:checked):disabled + label:before {
border:none;
background-color:rgba(0,0,0,0.38)
}

[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)
}

[type="checkbox"]:checked + label:before {
top:-4px;
left:-5px;
width:12px;
height:20px;
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%
}

[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)
}

.form-control-select.input-field [type="checkbox"]:checked + label:before {
border-right-color:#00bd00;
border-bottom-color:#00bd00
}

[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%
}

[type="checkbox"]:indeterminate:disabled + label:before {
border-right:2px solid rgba(0,0,0,0.38);
background-color:transparent
}

[type="checkbox"].filled-in + label:after {
border-radius:3px
}

[type="checkbox"].filled-in + label:before,[type="checkbox"].filled-in + label:after {
content:'';
left:0;
position:absolute;
transition:border 0.25s,background-color 0.25s,width .2s 0.1s,height .2s 0.1s,top .2s 0.1s,left .2s .1s;
z-index:1
}

[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%
}

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

[type="checkbox"].filled-in:not(:checked) + label:hover:after {
border-color:#0980f4
}

[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%
}

[type="checkbox"].filled-in:checked + label:after {
top:0;
width:20px;
height:20px;
border:2px solid #0980f4;
background-color:#0980f4;
z-index:0
}

[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)
}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
border-radius:2px;
background-color:#0980f4;
border-color:#0980f4
}

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
background-color:transparent;
border:2px solid transparent
}

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
border-color:transparent;
background-color:rgba(0,0,0,0.12)
}

[type="checkbox"].filled-in:disabled:checked + label:before {
background-color:transparent
}

[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 {
display:none
}

select.browser-default {
display:block
}

select {
background-color:rgba(255,255,255,0.9);
width:100%;
padding:5px;
border:1px solid #f2f2f2;
border-radius:2px;
height:40px
}

.input-field select {
display:block;
position:absolute;
width:0;
pointer-events:none;
height:0;
top:0;
left:0;
opacity:0
}

.select-label {
position:absolute
}

.select-wrapper {
position:relative
}

.select-wrapper.valid + label,.select-wrapper.invalid + label {
width:100%;
pointer-events:none
}

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

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

.select-wrapper + label {
position:absolute;
top:-26px;
font-size:12px
}

select:disabled {
color:rgba(0,0,0,0.38)
}

.select-wrapper.disabled span.caret,.select-wrapper.disabled + label {
color:rgba(0,0,0,0.38)
}

.select-wrapper input.select-dropdown:disabled {
color:rgba(0,0,0,0.38);
cursor:default;
user-select:none
}

.select-wrapper i {
color:rgba(0,0,0,0.3)
}

.select-dropdown li.disabled,.select-dropdown li.disabled > span,.select-dropdown li.optgroup {
color:rgba(0,0,0,0.3);
background-color:transparent
}

.select-dropdown.dropdown-content li:hover {
background-color:rgba(0,0,0,0.1)
}

.select-dropdown.dropdown-content li.active,.select-dropdown.dropdown-content li.selected {
background-color:rgba(0,0,0,0.1)
}

.prefix ~ .select-wrapper {
margin-left:3rem;
width:92%;
width:calc(100% - 3rem)
}

.prefix ~ label {
margin-left:3rem
}

.select-dropdown li img {
height:20px;
width:20px;
margin:5px 15px;
float:right
}

.select-dropdown li.optgroup {
border-top:1px solid #212121
}

.select-dropdown li.optgroup.selected > span {
color:rgba(0,0,0,0.7)
}

.select-dropdown li.optgroup > span {
color:rgba(0,0,0,0.4)
}

.select-dropdown li.optgroup ~ li.optgroup-option {
padding-left:1rem
}

.form-control-select.input-field .select-wrapper input.select-dropdown {
border-radius:3px;
box-sizing:border-box;
font-size:15px;
padding:0 24px 0 8px;
height:40px;
border:1px solid rgba(0,0,0,0.12);
width:100%;
box-shadow:none
}

.form-control-select.input-field .select-wrapper span.caret {
margin-left:8px;
margin-right:8px
}

.form-control-select.input-field .md-select-value .md-select-icon {
width:auto;
margin:0 0 0 8px
}

.form-control-select.input-field .dropdown-content {
background-color:#fff;
padding-top:1px;
padding-bottom:1px;
width:100%!important
}

.form-control-select.input-field .dropdown-content li > a,.form-control-select.input-field .dropdown-content li > span {
color:rgba(0,0,0,0.87);
font-size:12px;
margin-bottom:1px
}

.form-control-select.input-field .dropdown-content li > a > label,.form-control-select.input-field .dropdown-content li > span > label {
height:20px;
margin-right:8px;
top:-8px
}

.form-control-select.has-error .select-wrapper input.select-dropdown {
border-color:#f6695e
}

@media only screen and (max-width: 991px) {
.chzn-container {
width:100%!important
}

.chzn-container-single .chzn-single {
height:48px;
padding:10px 14px;
color:rgba(0,0,0,0.87);
line-height:28px;
display:block
}

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

.chzn-container-single .chzn-single span {
font-size:16px
}

.chzn-container-single .chzn-single div {
top:50%;
height:18px;
margin-top:-10px
}

.chzn-container-single .chzn-single abbr {
top:20px
}

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

.chzn-container-single .chzn-drop {
margin-top:1px
}

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

.chzn-container .chzn-results li {
line-height:20px
}

.chzn-container .chzn-results .highlighted {
background-color:rgba(0,0,0,0.12);
background-image:none;
color:#333
}

.chzn-search input[type=text]:not(.browser-default) {
height:28px;
font-size:14px
}
}

table {
background-color:#fff
}

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

th {
text-align:left
}

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

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

.table > thead > tr > th {
font-size:12px;
font-weight:700;
text-transform:uppercase;
border-bottom:1px solid rgba(0,0,0,0.12)
}

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

.table > tbody + tbody {
border-top:1px solid rgba(0,0,0,0.12)
}

.table-bordered {
border:1px solid rgba(0,0,0,0.12)
}

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

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

.table-striped > thead > tr,.table-striped > tbody > tr:nth-of-type(even) {
background-color:#f5f5f5
}

.table > thead > tr {
background-color:#eee
}

.table > thead > tr.th-title {
background-color:transparent
}

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

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

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

@media screen and (max-width: 991px) {
.table-responsive {
width:100%;
margin-bottom:36px;
overflow-y:hidden;
-ms-overflow-style:-ms-autohiding-scrollbar;
border:1px solid rgba(0,0,0,0.12)
}

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

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

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

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

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

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

.pagination > li {
float:left
}

.pagination > li > a {
display:block;
height:40px;
min-width:41px;
line-height:24px;
padding:8px;
position:relative;
text-align:center;
border:1px solid rgba(0,0,0,0.12);
color:rgba(0,0,0,0.87);
margin-left:-1px
}

.pagination > li > a:hover {
background-color:rgba(0,0,0,0.12);
color:#0980f4;
text-decoration:none
}

.pagination > li.active a {
background-color:#0980f4;
color:#fff;
cursor:default
}

.pagination > li.pagination-first > a::before,.pagination > li.pagination-prev > a::before,.pagination > li.pagination-next > a::before,.pagination > li.pagination-last > a::before {
color:#0980f4;
height:40px;
min-width:40px;
line-height:24px;
padding:8px;
text-align:center
}

.pagination > li.pagination-first > a,.pagination > li.pagination-prev > a,.pagination > li.pagination-next > a,.pagination > li.pagination-last > a {
font-size:0
}

.pagination > li.pagination-first > a.disabled,.pagination > li.pagination-first > a[disabled="disabled"],.pagination > li.pagination-prev > a.disabled,.pagination > li.pagination-prev > a[disabled="disabled"],.pagination > li.pagination-next > a.disabled,.pagination > li.pagination-next > a[disabled="disabled"],.pagination > li.pagination-last > a.disabled,.pagination > li.pagination-last > a[disabled="disabled"] {
background-color:transparent
}

.pagination > li.pagination-first > a.disabled::before,.pagination > li.pagination-first > a[disabled="disabled"]::before,.pagination > li.pagination-prev > a.disabled::before,.pagination > li.pagination-prev > a[disabled="disabled"]::before,.pagination > li.pagination-next > a.disabled::before,.pagination > li.pagination-next > a[disabled="disabled"]::before,.pagination > li.pagination-last > a.disabled::before,.pagination > li.pagination-last > a[disabled="disabled"]::before {
color:#777;
cursor:default
}

.pagination > li.pagination-first > a::before,.pagination > li.pagination-prev > a::before,.pagination > li.pagination-next > a::before,.pagination > li.pagination-last > a::before {
position:absolute;
top:-2px;
left:0;
font-size:24px;
visibility:visible
}

.pagination > li.pagination-first > a::before {
content:"\00ab"
}

.pagination > li.pagination-last > a::before {
content:"\00bb"
}

.pagination > li.pagination-prev > a::before {
content:"\2039"
}

.pagination > li.pagination-next > a::before {
content:"\203A"
}

aside .profile-name .profile-name-el {
color:rgba(0,0,0,0.87);
cursor:pointer;
font-size:14px;
font-weight:700;
line-height:20px
}

aside .profile-name .profile-name-el:hover {
color:rgba(0,0,0,0.54)
}

aside .profile-action {
font-size:0
}

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
}

aside .profile-action > .profile-action-el:hover {
text-decoration:underline
}

aside .profile-action > .divider {
background-color:rgba(0,0,0,0.54);
height:5px;
margin:0 5px;
width:5px
}

.navbar {
margin-top:16px
}

.navbar ul {
margin:0 0 16px
}

.navbar ul > li {
line-height:36px;
margin:0
}

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

.navbar ul > li > a > span {
min-width:36px;
text-align:center
}

.navbar ul > li > a > span,.navbar ul > li > a > span .material-icons {
vertical-align:middle
}

.navbar ul > li > a > span .material-icons {
font-size:18px
}

.navbar ul > li > a:hover {
background-color:rgba(255,255,255,0.7);
color:rgba(0,0,0,0.87)
}

.navbar ul > li:first-child > a {
border-top:1px solid rgba(0,0,0,0.12)
}

.navbar ul > li.active > a {
background-color:rgba(255,255,255,0.7);
color:rgba(0,0,0,0.87)
}

.navbar ul > li.active > a:before {
background-color:#0980f4;
content:"";
height:36px;
left:0;
position:absolute;
top:0;
width:2px
}

.nav .side-nav {
position:fixed;
width:300px;
left:0;
top:0;
margin:0;
transform:translateX(-100%);
height:100%;
height:calc(100% + 60px);
height:-moz-calc(100%);
padding-bottom:60px;
background-color:#fff;
z-index:2;
overflow-y:auto;
will-change:transform;
backface-visibility:hidden;
transform:translateX(-105%)
}

.nav .side-nav.right-aligned {
right:0;
transform:translateX(105%);
left:auto;
transform:translateX(100%)
}

.nav .side-nav li {
float:none!important;
line-height:48px
}

.nav .side-nav li.active {
background-color:rgba(0,0,0,0.05)
}

.nav .side-nav li > a {
color:rgba(0,0,0,0.87);
display:block;
font-size:14px;
font-weight:500;
height:48px;
line-height:48px;
padding:0 8px
}

.nav .side-nav li > a:hover {
background-color:rgba(0,0,0,0.05)
}

.nav .side-nav .divider {
margin:4px 0 0
}

.drag-target {
height:100%;
width:10px;
position:fixed;
top:0;
z-index:998
}

.side-nav.fixed {
left:0;
transform:translateX(0);
position:fixed
}

.side-nav.fixed.right-aligned {
right:0;
left:auto
}

@media only screen and (max-width: 991px) {
.side-nav.fixed {
transform:translateX(-105%)
}

.side-nav.fixed.right-aligned {
transform:translateX(105%)
}

.side-nav .collapsible-body a {
color:rgba(0,0,0,0.87);
display:block;
line-height:21px;
padding:4px 8px
}
}

.side-nav .collapsible-body > ul:not(.collapsible) > li.active,.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
background-color:rgba(0,0,0,0.87)
}

.side-nav .collapsible-body > ul:not(.collapsible) > li.active a,.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
color:#fff
}

.side-nav .collapsible-body {
padding:4px 0
}

#sidenav-overlay {
position:fixed;
top:0;
left:0;
right:0;
height:120vh;
background-color:rgba(0,0,0,0.5);
z-index:1;
will-change:opacity
}

.button-collapse.right {
line-height:50px;
padding-right:14px
}

.collapsible {
border-top:1px solid rgba(0,0,0,0.12);
border-right:1px solid rgba(0,0,0,0.12);
border-left:1px solid rgba(0,0,0,0.12);
margin:4.66667px 0 9.33333px
}

.collapsible-header {
display:flex;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
line-height:1.5;
padding:1rem;
background-color:#fff;
border-bottom:1px solid rgba(0,0,0,0.12)
}

.collapsible-header i {
width:2rem;
font-size:1.6rem;
display:inline-block;
text-align:center;
margin-right:1rem
}

.collapsible-body {
display:none;
border-bottom:1px solid rgba(0,0,0,0.12);
box-sizing:border-box;
padding:2rem
}

.side-nav .collapsible,.side-nav.fixed .collapsible {
border:none;
box-shadow:none
}

.side-nav .collapsible li,.side-nav.fixed .collapsible li {
padding:0
}

.side-nav .collapsible-header,.side-nav.fixed .collapsible-header {
background-color:transparent;
border:none;
line-height:inherit;
height:inherit;
padding:0 8px
}

.side-nav .collapsible-header:hover,.side-nav.fixed .collapsible-header:hover {
background-color:rgba(0,0,0,0.05)
}

.side-nav .collapsible-header i,.side-nav.fixed .collapsible-header i {
line-height:inherit
}

.side-nav .collapsible-body,.side-nav.fixed .collapsible-body {
border:0;
background-color:#fff
}

.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a {
padding:0 15.5px 0 23px
}

.collapsible.popout {
border:none;
box-shadow:none
}

.collapsible.popout > li {
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
margin:0 24px;
transition:margin .35s cubic-bezier(0.25,0.46,0.45,0.94)
}

.collapsible.popout > li.active {
box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
margin:16px 0
}

.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(/theme/icmyc_v1/images/home/top-banner.jpg);
background-position:center;
background-size:cover;
min-height:90vh;
width:100%;
position:relative
}

.home .top-banner:after {
position:absolute;
content:'';
background-color:rgba(0,0,0,0.3);
width:100%;
height:100%;
left:0;
top:0
}

.home .top-banner .content {
width:600px;
margin:auto;
text-align:center;
z-index:1
}

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

.home .top-banner .content p {
font-weight:500
}

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

.home .top-banner .current-status > span,.home .top-banner .current-status > div,.home .top-banner .current-status > i {
display:inline-block;
padding:0 .15rem;
font-weight:500
}

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

.home .top-banner .current-status > span {
font-size:1.57rem
}

.home .top-banner .current-status > i.material-icons {
font-size:.6rem
}

.mobile-app-download,.miscellaneous,.fixing-civic-issues-steps,.happy-voices,.success-stories,.coc {
padding-bottom:75px;
padding-top:75px
}

.mobile-app-download .cta,.miscellaneous .cta,.fixing-civic-issues-steps .cta,.happy-voices .cta,.success-stories .cta,.coc .cta {
margin-top:40px
}

.happy-voices .home-cs-happy-voices {
background-image:none;
height:28px;
width:32px;
position:relative;
top:4px
}

.happy-voices #carouselHappyVoices {
max-width:600px
}

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

.happy-voices #carouselHappyVoices .citizen-name,.happy-voices #carouselHappyVoices .ward-name {
display:inline-block
}

.happy-voices #carouselHappyVoices .content {
display:inline-block;
margin-top:15px
}

.happy-voices #carouselHappyVoices .content .media-body {
width:auto
}

.happy-voices #carouselHappyVoices .citizen-name {
color:rgba(0,0,0,0.87)
}

.happy-voices #carouselHappyVoices .ward-name {
color:#8e8e8e
}

.happy-voices #carouselHappyVoices .view {
color:#8e8e8e;
font-size:.86rem;
text-decoration:underline
}

.happy-voices #carouselHappyVoices .view:hover {
color:rgba(0,0,0,0.87)
}

.happy-voices .carousel {
height:175px!important
}

.happy-voices .carousel.carousel-slider .carousel-item {
min-height:1px
}

.success-stories {
background-color:#4CAF50
}

.success-stories #carouselSuccessStories {
width:880px
}

.success-stories #carouselSuccessStories .carousel-item .title,.success-stories #carouselSuccessStories .carousel-item .date,.success-stories #carouselSuccessStories .carousel-item .view {
color:#fff
}

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

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

.success-stories #carouselSuccessStories .carousel-item .view {
color:rgba(255,255,255,0.7);
text-decoration:underline
}

.success-stories #carouselSuccessStories .carousel-item .view:hover {
color:#fff
}

.success-stories .carousel {
height:250px!important
}

.success-stories .carousel.carousel-slider .carousel-item {
min-height:1px
}

.coc {
background-color:#f5f5fd
}

.coc #carouselCOC {
height:440px;
width:882px
}

.coc #carouselCOC.carousel .carousel-item {
width:100%
}

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

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

.coc #carouselCOC.carousel .carousel-thumbnail .content {
position:absolute;
top:auto;
bottom:0;
width:100%;
padding:15px;
text-align:center
}

.coc #carouselCOC.carousel .carousel-thumbnail .content .title,.coc #carouselCOC.carousel .carousel-thumbnail .content p,.coc #carouselCOC.carousel .carousel-thumbnail .content .modal-trigger {
color:#fff
}

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

.coc #carouselCOC.carousel .carousel-thumbnail .content p {
margin-bottom:10px
}

.mobile-app-download {
padding-bottom:95px
}

.mobile-app-download .content {
width:600px
}

.mobile-app-download .content > p {
color:rgba(0,0,0,0.54);
font-weight:500
}

.mobile-app-download .mobile-content {
position:relative;
display:block;
height:340px
}

.mobile-app-download .mobile-content:hover .t210x340 {
height:360px;
top:0
}

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

.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 .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}

.miscellaneous .news,.miscellaneous .neighbourhood,.miscellaneous .maps {
height:100px;
margin:0 auto 30px;
width:100px;
position:relative
}

.miscellaneous .news {
background-color:#fd9840
}

.miscellaneous .neighbourhood {
background-color:#de675c
}

.miscellaneous .maps {
background-color:#8dc349
}

.miscellaneous .title {
color:rgba(0,0,0,0.87);
margin-bottom:20px;
text-align:center
}

.miscellaneous a.link-primary {
display:inline-block;
margin-top:.5rem
}

.miscellaneous a.link-primary > span {
font-size:1.5rem;
transform:translateY(1px);
display:inline-block;
margin-left:5px
}

.fixing-civic-issues-steps {
background:url(/theme/icmyc_v1/images/home/fixing-civic-issues-background.png) 65% 30% no-repeat #83ba4e;
display:block
}

.fixing-civic-issues-steps .bitter,.fixing-civic-issues-steps .ob .header .content .title,.ob .header .content .fixing-civic-issues-steps .title {
color:#fff
}

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

.fixing-civic-issues-steps .title {
color:#fff;
margin-bottom:20px;
text-align:center
}

.fixing-civic-issues-steps p {
color:#fff
}

.option-border {
display:flex;
width:100%;
height:50px
}

.option-border > div {
height:1px;
margin:auto;
display:flex;
width:100%;
background-color:rgba(0,0,0,0.12)
}

.option-border > div > span {
margin:-10px auto auto;
display:inline-block;
background-color:#fff;
width:30px;
text-align:center;
color:rgba(0,0,0,0.38)
}

footer {
padding:45px 0 15px;
background-color:#333;
font-size:.86rem
}

footer .brand-logo {
display:flex
}

footer .title {
color:#fff
}

footer ul > li > a {
color:rgba(255,255,255,0.7);
font-size:.86rem
}

footer ul > li > a:hover {
color:#fff
}

footer hr {
margin:1rem -1rem;
border:1px solid rgba(72,72,72,0.9);
position:relative
}

footer hr:before {
border:1px solid rgba(0,0,0,0.5);
position:absolute;
width:100%;
content:"";
left:0;
top:-3px
}

footer .partner .brand-ph {
line-height:38px
}

footer .partner .brand-ph > a,footer .partner .brand-ph > span {
color:rgba(255,255,255,0.7);
display:inline-block;
vertical-align:middle
}

footer .partner .brand-ph > a > img,footer .partner .brand-ph > span > img {
vertical-align:middle;
margin-right:.6rem
}

footer .partner .brand-ph a:hover {
color:#fff
}

.slider {
position:relative;
height:400px;
width:100%
}

.slider.fullscreen {
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

.slider.fullscreen ul.slides {
height:100%
}

.slider.fullscreen ul.indicators {
z-index:2;
bottom:30px
}

.slider .slides {
background-color:transparent;
margin:0;
height:400px
}

.slider .slides li {
opacity:0;
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:inherit;
overflow:hidden
}

.slider .slides li img {
height:100%;
width:100%;
background-position:center;
background-repeat:no-repeat
}

.slider .slides li .caption {
color:#fff;
position:absolute;
top:15%;
left:15%;
width:70%;
opacity:0
}

.slider .slides li .caption p {
color:rgba(0,0,0,0.12)
}

.slider .slides li.active {
z-index:2
}

.slider .indicators {
position:absolute;
text-align:center;
left:0;
right:0;
bottom:0;
margin:0
}

.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%
}

.slider .indicators .indicator-item.active {
background-color:#fff
}

.slider-control {
position:absolute;
height:100%;
top:0;
left:0;
width:10%;
z-index:2;
transition:all .3s ease .1s
}

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

.slider-control.next {
left:auto;
right:0
}

.slider-control.next .material-icons {
left:auto;
right:0
}

.slider-control:hover .material-icons {
color:rgba(0,0,0,0.87)
}

.slider-control.no-slider {
-ms-opacity:0;
opacity:0;
cursor:default
}

.modal.modal-slider,.modal.modal-slider-middle {
background-color:#fff;
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
}

.modal.modal-slider .modal-content,.modal.modal-slider-middle .modal-content {
padding:0
}

.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) {
.modal.modal-slider {
width:1024px;
min-height:629px;
max-height:629px
}

.modal.modal-slider .modal-content {
padding:0
}

.modal.modal-slider .ms .ms-img,.modal.modal-slider .ms .ms-card {
height:629px
}

.modal.modal-slider .ms .ms-card {
overflow-y:auto
}
}

@media screen and (max-width: 1200px),screen and (max-height: 599px) {
.modal.modal-slider {
width:768px;
min-height:495px;
max-height:495px
}

.modal.modal-slider .ms .ms-img,.modal.modal-slider .ms .ms-card {
height:495px
}

.modal.modal-slider .ms .ms-card {
overflow-y:auto
}
}

@media only screen and (max-width: 991px) {
.modal.modal-slider {
width:100%;
padding:.5rem;
min-height:auto;
max-height:min-content;
background-color:#fff
}

.modal.modal-slider .ms .ms-img {
height:70vh;
width:100%
}
}

.ms .ms-img {
position:relative
}

.ms > .row > .col {
padding:0
}

.ms > .row > .col .card {
margin-top:0
}

.ms .ms-card {
background-color:#fff
}

.carousel {
overflow:hidden;
position:relative;
width:100%;
height:400px;
perspective:500px;
transform-style:preserve-3d;
transform-origin:0 50%
}

.carousel.carousel-slider {
top:0;
left:0
}

.carousel.carousel-slider .carousel-fixed-item {
position:absolute;
left:0;
right:0;
bottom:20px;
z-index:1
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
bottom:68px
}

.carousel.carousel-slider .carousel-item {
width:100%;
height:100%;
min-height:400px;
position:absolute;
top:0;
left:0
}

.carousel.carousel-slider .carousel-item h3 {
font-weight:500
}

.carousel .carousel-item {
display:none;
width:200px;
height:200px;
position:absolute;
top:0;
left:0
}

.carousel .carousel-item > img {
width:100%
}

.carousel .indicators {
position:absolute;
text-align:center;
left:0;
right:0;
bottom:0;
margin:0
}

.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%
}

.carousel .indicators .indicator-item:hover {
background-color:rgba(0,0,0,0.38)
}

.carousel .indicators .indicator-item.active {
background-color:#0980f4
}

.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed {
pointer-events:none
}

.ob {
background-color:#fff
}

.ob .header,.ob .body,.ob .footer {
padding:14px
}

.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) {
.ob .header .content {
max-width:1170px;
text-align:center
}

.ob .header .content .media {
display:inline-block
}

.ob .header .content .media-body {
width:auto
}
}

.ob .header {
position:relative;
background-color:#fff;
z-index:1
}

.ob .header .content .profile-photo {
height:50px
}

@media only screen and (min-width: 992px) {
.ob .header .content .profile-photo {
height:100px
}
}

.ob .header .content .title {
font-size:16px;
font-weight:700;
line-height:21px;
margin:0
}

@media only screen and (min-width: 992px) {
.ob .header .content .title {
font-size:20px;
font-weight:400;
line-height:24px
}
}

.ob .header:after {
background-color:#0980f4;
position:absolute;
left:0;
bottom:-3px;
top:auto;
content:"";
width:20%;
height:3px
}

.ob .mb-body {
margin-bottom:68px
}

.ob .mb-body.card-body {
margin-bottom:82px
}

.ob .maps {
position:relative
}

.ob .guide-list {
margin-top:30px
}

.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) {
.ob .guide-list .guide {
font-size:18px;
line-height:21px
}
}

.modal-overlay.in {
display:block;
filter:alpha(opacity=50);
opacity:.5
}

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

.bottom-fixed-footer,.scroll-fixed-bottom {
position:fixed;
top:auto;
left:0;
width:100%;
bottom:0;
transition:all .3s ease-in-out .1ms
}

.scroll-fixed-bottom {
filter:alpha(opacity=0);
opacity:0;
z-index:-1
}

.scroll-fixed-bottom.in {
filter:alpha(opacity=100);
opacity:1;
z-index:1
}

.m-pac .header {
padding:1rem;
background-color:#E34E48;
position:relative;
z-index:1
}

.m-pac .header,.m-pac .header a {
color:#fff
}

.m-pac .header:after {
background-color:#0980f4;
position:absolute;
left:0;
bottom:-3px;
top:auto;
content:"";
width:20%;
height:3px
}

.m-pac .header .title {
font-size:20px;
font-weight:700;
line-height:21px;
margin:0
}

.m-pac .category-filter {
height:40px
}

.m-pac .categories {
padding:2rem 1rem .5rem
}

.m-pac .categories .row .col {
padding-top:.5rem;
padding-bottom:1.5rem
}

.m-pac .categories .h2 {
font-size:12px;
font-weight:700;
text-transform:uppercase
}

.m-pac .categories h6 {
font-size:1rem;
line-height:18px;
height:36px;
color:#333;
font-weight:500
}

.m-pac.m-location .header {
background-color:#FF7043
}

.m-pac.m-location .input-field label {
padding-left:1rem
}

.m-pac.m-location .location input:not([type]),.m-pac.m-location .location input[type=text]:not(.browser-default) {
padding-left:14px
}

.m-pac.m-desc .header {
background-color:#3BAB73
}

.m-pac.m-desc .body {
padding:2rem 1rem
}

.m-pac.m-ac .header {
background-color:#3992EC
}

.m-pac.m-ac .body {
padding:0 1rem 2rem
}

.agency #filter {
padding-bottom:10px;
background-color:#fff;
border:0 none
}

.agency #filter.ui-filter {
padding-bottom:40px
}

.agency #filter .left .props > li {
float:left;
margin-right:10px
}

.agency #filter .right .props > li {
float:right;
margin-left:10px
}

.agency .props .input-field .search,.agency .props .input-field .md-select-value,.agency .props .input-field .select-wrapper input.select-dropdown {
border-radius:3px;
box-sizing:border-box;
padding:0 8px;
height:40px;
width:190px;
border:1px solid rgba(0,0,0,0.12)
}

.agency .props .input-field .select-wrapper span.caret {
margin-left:8px;
margin-right:8px
}

.agency .props .input-field .md-select-value .md-select-icon {
width:auto;
margin:0 0 0 8px
}

.agency .props .input-field .select-wrapper input.select-dropdown {
padding-right:24px
}

.agency .props .input-field .search {
padding-right:30px
}

.agency .props .input-field .search + .material-icons {
position:absolute;
left:auto;
right:6px;
top:8px;
color:rgba(0,0,0,0.38)
}

.agency .props .input-field .search + .material-icons:hover {
color:rgba(0,0,0,0.87);
cursor:pointer
}

.agency .modal-small .props .input-field .select-wrapper input.select-dropdown {
width:100%
}

.agency .listing .table {
border:1px solid rgba(0,0,0,0.12)
}

.agency .listing .table th.sorting {
cursor:pointer
}

.agency .listing .table .change-status .input-field {
min-width:98px
}

.agency .listing .table .change-status .input-field .dropdown-button {
display:block;
padding:8px;
line-height:32px
}

.agency .listing .truncate {
width:100%;
max-width:178px
}

.agency .listing td .btn,.agency .listing td .btn-medium,.agency .listing td .btn-large {
padding-left:8px;
padding-right:8px;
font-size:12px
}

.agency .change-status {
padding:0!important;
line-height:48px
}

.agency .change-status .select-wrapper input.select-dropdown {
border:0 none;
height:32px;
line-height:32px;
font-size:14px
}

.agency .change-status .dropdown-content {
background-color:#fff;
padding-top:1px;
padding-bottom:1px;
width:100%!important
}

.agency .change-status .dropdown-content li:hover,.agency .change-status .dropdown-content li.active,.agency .change-status .dropdown-content li.selected {
background-color:#0980f4
}

.agency .change-status .dropdown-content li:hover > a,.agency .change-status .dropdown-content li:hover > span,.agency .change-status .dropdown-content li.active > a,.agency .change-status .dropdown-content li.active > span,.agency .change-status .dropdown-content li.selected > a,.agency .change-status .dropdown-content li.selected > span {
color:#fff
}

.agency .change-status .dropdown-content li > a,.agency .change-status .dropdown-content li > span {
color:rgba(0,0,0,0.87);
line-height:16px;
font-size:12px;
font-weight:600;
text-decoration:none
}

.agency .change-status .dropdown-content li > a:hover,.agency .change-status .dropdown-content li > a.active,.agency .change-status .dropdown-content li > a.selected,.agency .change-status .dropdown-content li > span:hover,.agency .change-status .dropdown-content li > span.active,.agency .change-status .dropdown-content li > span.selected {
color:#fff
}

.agency .change-status:hover {
cursor:pointer
}

.ui-tabs ul > li > a,.ui-tabs ul > li span,.ui-summary ul > li > a,.ui-summary ul > li span {
color:rgba(0,0,0,0.54);
display:block;
padding:16px;
text-decoration:none;
border-radius:3px;
border-bottom:2px solid rgba(0,0,0,0.12);
box-shadow:0 1px 8px 0 rgba(0,0,0,0.12),3px 0 3px 4px #fff inset;
transition:.2s ease-out
}

.ui-tabs ul > li > a .h6,.ui-tabs ul > li span .h6,.ui-summary ul > li > a .h6,.ui-summary ul > li span .h6 {
color:rgba(0,0,0,0.87);
font-size:12px;
font-weight:900;
text-transform:uppercase
}

.ui-tabs ul > li > a .desc,.ui-tabs ul > li span .desc,.ui-summary ul > li > a .desc,.ui-summary ul > li span .desc {
font-size:12px;
margin-top:4px;
font-weight:500
}

.ui-tabs ul > li > a .h6,.ui-tabs ul > li > a .desc,.ui-tabs ul > li span .h6,.ui-tabs ul > li span .desc,.ui-summary ul > li > a .h6,.ui-summary ul > li > a .desc,.ui-summary ul > li span .h6,.ui-summary ul > li span .desc {
line-height:16px
}

.ui-tabs ul > li > a:hover,.ui-summary ul > li > a:hover {
color:rgba(0,0,0,0.87);
border-color:rgba(0,0,0,0.38)
}

.ui-tabs ul > li.active > a .h6,.ui-summary ul > li.active > a .h6 {
color:#0980f4
}

.ui-tabs ul > li.active > a .desc,.ui-summary ul > li.active > a .desc {
color:rgba(0,0,0,0.54)
}

.ui-tabs ul > li.active > a,.ui-tabs ul > li.active > a:hover,.ui-summary ul > li.active > a,.ui-summary ul > li.active > a:hover {
cursor:default;
border-color:#0980f4
}

.ui-tabs {
max-width:768px;
margin:0 auto 40px
}

.ui-tabs .row {
margin-left:0;
margin-right:0
}

.ui-tabs .row > .pf {
padding-left:0;
padding-right:0
}

.ui-summary ul:not(.browser-default).row {
margin-left:-14px;
margin-right:-14px
}

.ui-summary .row > .col {
margin-bottom:40px
}

.ui-summary ul > li > a .h6,.ui-summary ul > li span .h6 {
font-size:32px;
line-height:1
}

.upload-button {
position:absolute;
top:8px;
left:auto;
right:8px;
max-width:24px;
overflow:hidden;
height:24px
}

.upload-button input[type="file"] {
height:100%;
width:100%;
opacity:0;
z-index:1;
position:relative
}

.upload-button .material-icons {
color:rgba(0,0,0,0.38);
position:relative;
top:-22px
}

.upload-button:hover .material-icons {
color:rgba(0,0,0,0.87);
cursor:pointer
}

#changeStatusModal input[type="text"] {
padding-right:40px
}

.ue {
border-bottom:3px solid rgba(0,0,0,0.12);
padding-top:75px;
padding-bottom:75px
}

.ue .brand-logo {
margin-bottom:40px
}

.ue .brand-logo > a,.ue .brand-logo span {
display:inline-block
}

.ue .desc {
color:rgba(0,0,0,0.87);
font-size:16px;
line-height:24px;
margin-top:24px
}

.ue .pills {
padding-top:40px;
padding-bottom:40px;
display:inline-block
}

.ue .pills > li i,.ue .pills > li span {
display:inline-block;
vertical-align:middle
}

.ue .pills > li i {
position:relative;
top:-1px;
padding-right:6px;
padding-left:12px
}

.ue .pills > li span {
font-weight:900;
padding-right:12px
}

.ue .pills > li > .helper {
display:block;
color:rgba(0,0,0,0.87)
}

.ue .pills > li > .helper:hover {
text-decoration:none
}

@media only screen and (max-width: 991px) {
.ue .pills > li.left {
float:none!important
}

.ue .pills > li.left i {
padding-right:4px;
padding-left:0
}

.ue .pills > li.left span {
font-size:12px;
padding-right:0
}

.ue .pills > li.m-venue {
margin-top:8px
}
}

.daterangepicker.dropdown-menu {
display:none;
box-shadow:0 6px 12px rgba(0,0,0,0.175);
background-clip:padding-box;
border:1px solid rgba(0,0,0,0.15)
}

@media (min-width: 768px) {
.daterangepicker.ltr .ranges {
float:right!important
}
}

.daterangepicker .form-control.input-mini {
background-color:#fff;
border:1px solid rgba(0,0,0,0.12);
border-radius:3px;
padding-left:36px;
padding-right:8px;
box-sizing:border-box;
box-shadow:none!important
}

.daterangepicker .form-control.input-mini.active,.daterangepicker .form-control.input-mini:focus {
border-color:#0980f4!important;
border-radius:3px!important
}

.daterangepicker td,.daterangepicker th {
width:32px!important;
height:32px!important
}

.daterangepicker td.active,.daterangepicker th.active {
background-color:#0980f4!important
}

.daterangepicker td.active:hover,.daterangepicker th.active:hover {
background-color:#0980f4!important
}

.daterangepicker td.available:hover .glyphicon,.daterangepicker th.available:hover .glyphicon {
opacity:.87
}

.daterangepicker .glyphicon {
display:inline-block;
width:24px;
height:24px;
opacity:.54
}

.daterangepicker .glyphicon.glyphicon-calendar {
background-image:url(/theme/icmyc_v1/images/ic_date_range_black_24dp_1x.png)
}

.daterangepicker .glyphicon.glyphicon-chevron-left {
background-image:url(/theme/icmyc_v1/images/ic_chevron_left_black_24dp_1x.png)
}

.daterangepicker .glyphicon.glyphicon-chevron-right {
background-image:url(/theme/icmyc_v1/images/ic_chevron_right_black_24dp_1x.png)
}

.daterangepicker .glyphicon.glyphicon-chevron-left,.daterangepicker .glyphicon.glyphicon-chevron-right {
position:relative;
top:3px
}

.daterangepicker .btn-sm {
height:32px;
line-height:32px
}

.daterangepicker .btn-sm.btn-default {
background-color:transparent;
border-color:rgba(0,0,0,0.12);
color:rgba(0,0,0,0.54)
}

.daterangepicker .btn-sm.btn-default:hover {
color:rgba(0,0,0,0.87)
}

.ranges li.active,.ranges li:hover {
background-color:#0980f4!important;
border-color:#0980f4!important
}

.article {
max-width:100%;
padding-top:50px;
margin-top:24px;
margin-bottom:24px
}

.article .time-span {
padding-top:8px
}

.article figure {
margin:24px auto;
text-align:center
}

.article p {
margin-top:24px
}

.article .title {
margin-top:40px
}

@media only screen and (min-width: 992px) {
.article {
max-width:768px;
margin-right:auto;
margin-left:auto
}
}

@media only screen and (max-width: 991px) {
.h2 {
font-size:24px;
line-height:32px
}
}

.mb-2 {
margin-bottom:16px
}

@media only screen and (max-width: 991px) {
.mb-2 {
margin-bottom:8px
}
}

.mb-4 {
margin-bottom:32px
}

@media only screen and (max-width: 991px) {
.mb-4 {
margin-bottom:16px
}
}

.fixed-header-height {
padding-top:50px;
margin-bottom:16px
}

.jumbotron {
padding:56px 16px;
margin-bottom:56px;
border-radius:3px
}

@media only screen and (max-width: 991px) {
.jumbotron {
margin-bottom:24px;
padding:32px 16px
}
}

.banner {
background-color:#2dc731;
color:#fff
}

.banner .h1 {
margin-bottom:32px;
text-shadow:1px 2px 9px rgba(0,0,0,0.38)
}

@media only screen and (max-width: 991px) {
.banner .h1 {
margin-bottom:16px;
font-size:24px;
line-height:32px
}
}

.banner .h2 {
margin-bottom:32px;
text-shadow:1px 2px 9px rgba(0,0,0,0.18);
font-size:24px;
line-height:32px
}

@media only screen and (max-width: 991px) {
.banner .h2 {
margin-bottom:16px;
font-size:18px;
line-height:24px
}
}

.banner .desc-2 {
font-size:16px;
line-height:24px
}

@media only screen and (max-width: 991px) {
.banner .desc-2 {
font-size:14px;
line-height:21px
}
}

#survey-reports .box {
color:rgba(0,0,0,0.87);
cursor:pointer;
border:1px solid rgba(0,0,0,0.05);
border-radius:3px;
display:block;
position:relative;
padding:16px
}

#survey-reports .box:hover .btn-default {
border-color:#0980f4
}

@media only screen and (max-width: 991px) {
#survey-reports .box {
padding:8px
}
}

#survey-reports .box .h4 {
font-size:20px;
font-weight:600
}

@media only screen and (max-width: 991px) {
#survey-reports .box .h4 {
font-size:14px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:98%
}
}

@media only screen and (max-width: 349px) {
#survey-reports .box .h4 {
font-size:12px
}
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
#survey-reports .box .h4 {
font-size:19px;
font-weight:500
}
}

@media screen and (min-width: 0 \0) {
#survey-reports .box .h4 {
font-size:19px;
font-weight:500
}
}

#survey-reports .box p {
font-size:16px;
min-height:63px
}

@media only screen and (max-width: 991px) {
#survey-reports .box p {
font-size:14px
}
}

@media only screen and (max-width: 349px) {
#survey-reports .box p {
font-size:12px;
line-height:18px
}
}

#survey-reports .box .btn-default {
background-color:transparent;
border:1px solid rgba(0,0,0,0.06);
color:#0980f4
}

@media only screen and (max-width: 349px) {
#survey-reports .box .btn-default {
font-size:12px;
padding:0
}
}

#survey-reports .box .btn-default > .material-icons {
color:#cd1900;
font-size:24px;
margin-right:10px
}



footer {
padding:45px 0 15px;
background-color:#333;
font-size:.86rem
}

footer .brand-logo {
display:flex
}

footer .title {
color:#fff
}

footer ul > li > a {
color:rgba(255,255,255,0.7);
font-size:.86rem
}

footer ul > li > a:hover {
color:#fff
}

footer hr {
margin:1rem -1rem;
border:1px solid rgba(72,72,72,0.9);
position:relative
}

footer hr:before {
border:1px solid rgba(0,0,0,0.5);
position:absolute;
width:100%;
content:"";
left:0;
top:-3px
}

footer .partner .brand-ph {
line-height:38px
}

footer .partner .brand-ph > a,footer .partner .brand-ph > span {
color:rgba(255,255,255,0.7);
display:inline-block;
vertical-align:middle
}

footer .partner .brand-ph > a > img,footer .partner .brand-ph > span > img {
vertical-align:middle;
margin-right:.6rem
}

footer .partner .brand-ph a:hover {
color:#fff
}

.article-detail {
background-color:#fff;
padding:100px 0 0
}

.article-detail .card {
box-shadow:none
}

.article-detail .card-comments {
border:0;
margin:0;
background-color:#fff
}

.article-detail .card-comments .related {
border:0;
margin:0;
padding:0
}

.icn-fb-white {
position:relative;
top:6px
}

.article-banner {
margin:30px 0
}

.article-info {
padding:0 0 24px;
border-bottom:1px solid #e0e0e0;
margin:0 0 24px
}

.article-info .profile-name {
color:rgba(0,0,0,0.87)
}

.article-info p {
margin:0 0 15px
}

.article-timing {
border:1px solid #e0e0e0;
padding:20px 15px;
color:rgba(0,0,0,0.87);
font-size:14px;
line-height:20px;
font-weight:700;
border-radius:3px
}

.article-name h4 {
font-weight:700;
margin-top:14px
}

.article-name p {
font-weight:700;
color:rgba(0,0,0,0.54)
}

.people-going {
margin:10px 0 0
}

.people-going .material-icons {
font-size:16px;
color:rgba(0,0,0,0.54);
position:relative;
top:3px;
margin-right:4px
}

.article-detail-info p {
margin:0 0 20px
}

.article-detail-info h1 {
margin:0 0 30px
}

.article-detail-info img {
max-width:100%
}

.article-bottom-cta {
padding:10px 0;
border-bottom:1px solid #e0e0e0;
border-top:1px solid #e0e0e0
}

.article-bottom-cta .people-going {
margin-left:10px
}

.further-eq {
color:rgba(0,0,0,0.87);
font-size:18px;
font-weight:700;
line-height:24px;
margin:30px 0 20px
}

.article-textarea {
border:1px solid #e0e0e0;
padding:7px 150px 7px 16px;
border-radius:3px;
display:block;
width:100%;
min-height:46px;
line-height:32px;
overflow:hidden
}

.article-comment .btn-article {
position:absolute;
right:31px;
bottom:8px
}

.article-question {
border-bottom:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
padding:30px
}

.article-question .question {
font-style:italic;
margin:0 0 30px
}

.user-replay {
display:none;
margin:20px 0
}

.user-replay .validate {
margin:0!important
}

.user-replay .btn,.user-replay .btn-medium,.user-replay .btn-large {
margin:22px 0 0
}

.article-post-date {
color:rgba(0,0,0,0.54);
margin:10px 0 20px;
text-align:center
}

.fb-share-in-header {
position:absolute;
color:#fff;
display:inline-block;
left:50%;
transform:translateX(-50%);
top:5px
}

.fb-share-in-header .icn-fb-white {
position:relative;
top:6px
}

.article-question .help-block {
bottom:-21px
}

@media (max-width:767px) {
.article-detail {
padding:80px 20px 20px
}

.fb-share-in-header,.article-fix {
display:none
}

.article-question {
padding:0
}
}

.event-detail {
padding:100px 0 0
}

.event-detail .card {
box-shadow:none
}

.event-detail .card-comments {
border:0;
margin:0;
background-color:#fff
}

.event-detail .card-comments .related {
border:0;
margin:0;
padding:0
}

.icn-fb-white {
position:relative;
top:6px
}

.event-banner {
position:relative;
overflow:hidden;
margin:0 0 20px
}

.bg-blur {
-webkit-filter:blur(13px);
-moz-filter:blur(13px);
-o-filter:blur(13px);
-ms-filter:blur(13px);
overflow:hidden;
position:absolute;
filter:blur(13px);
height:325px;
width:100%;
left:0;
background-size:cover;
top:-13px;
right:0
}

.banner-holder {
position:relative
}

.event-info .profile-name {
color:rgba(0,0,0,0.87)
}

.event-info p {
margin:0 0 15px
}

.event-timing {
border:1px solid #e0e0e0;
padding:16px;
color:rgba(0,0,0,0.87);
font-size:14px;
line-height:20px;
font-weight:700;
border-radius:3px
}

.event-name h1 {
font-weight:700;
font-size:34px;
line-height:42px
}

.event-name p {
font-weight:700;
color:rgba(0,0,0,0.54)
}

.people-going {
margin:10px 0 0
}

.people-going .material-icons {
font-size:16px;
color:rgba(0,0,0,0.54);
position:relative;
top:3px;
margin-right:4px
}

.event-left {
background-color:#fff;
padding:15px;
border-radius:5px;
margin:0 0 15px
}

.event-detail-info p {
margin:0 0 20px
}

.event-detail-info h1 {
margin:0 0 30px
}

.event-detail-info ul {
margin:0 0 20px 30px;
list-style:disc
}

.event-detail-info ul li {
list-style:disc
}

.event-detail-info img {
max-width:100%
}
.form-right p {
  margin-bottom: 2rem;
}
.form-right h5 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}
.event-cta-fix {
background-color:#fff;
position:relative;
z-index:99;
padding:15px 0 0;
margin:0 0 20px
}

.event-bottom-cta {
padding:10px 0;
border-bottom:1px solid #e0e0e0
}

.event-bottom-cta .people-going {
margin-left:10px
}

.further-eq {
color:rgba(0,0,0,0.87);
font-size:18px;
font-weight:700;
line-height:24px;
margin:30px 0 20px
}

.event-textarea {
border:1px solid #e0e0e0;
padding:7px 150px 7px 16px;
border-radius:3px;
display:block;
width:100%;
min-height:46px;
line-height:32px;
overflow:hidden
}

.event-comment .btn-event {
position:absolute;
right:31px;
bottom:8px
}

.block-container {
border-radius:5px;
margin:0 0 15px;
background-color:#fff
}

.event-map {
border-radius:5px 5px 0 0
}

.event-map-info {
padding:15px 25px
}

.event-map-info .venue {
color:rgba(0,0,0,0.54)
}

.event-map-info .address {
margin:10px 0;
color:rgba(0,0,0,0.87)
}

.event-map-info .btn .material-icons,.event-map-info .btn-medium .material-icons,.event-map-info .btn-large .material-icons {
color:rgba(0,0,0,0.54)
}

.related-tags {
padding:15px 25px
}

.related-tags h6 {
margin:0 0 15px;
font-weight:700
}

.related-tags ul {
margin:0
}

.related-tags ul li {
display:inline-block;
border-radius:25px;
background-color:#f5f5f5;
color:rgba(0,0,0,0.54);
line-height:32px;
padding:0 12px;
margin:0 5px 5px 0
}

.side-nav {
position:fixed;
width:400px;
left:auto;
top:0;
right:0;
margin:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
height:100%;
height:calc(100% + 60px);
height:-moz-calc(100%);
background-color:#fff;
z-index:1002;
overflow-y:auto;
will-change:transform;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
padding:40px
}

#sidenav-overlay {
position:fixed;
top:0;
left:0;
right:0;
height:120vh;
background-color:rgba(0,0,0,0.5);
z-index:1001;
will-change:opacity
}

.form-right .modal-promotion {
margin-top:2rem
}

.form-right .modal-header {
margin-bottom:2rem
}

.form-right p {
margin-bottom:2rem
}

.form-right .share-in-fb {
margin:2rem 0
}

.form-right .share-in-fb label {
color:rgba(0,0,0,0.87)
}

.thanks-participation h5 {
color:#66BE00;
font-size:20px;
margin:15px 0;
font-weight:700
}

.thanks-participation p {
color:rgba(0,0,0,0.87);
font-size:16px;
margin:0 0 25px
}

.thanks-participation .material-done-wrapper {
background-color:#fff;
border:1px solid #66BE00;
border-radius:50%;
color:#66BE00;
width:45px;
height:45px;
line-height:43px;
display:block;
text-align:center
}

.thanks-participation .material-done-wrapper .material-icons {
vertical-align:middle
}

@media (max-width:767px) {
.event-cta-fix {
position:static!important
}

.event-cta-fix + div {
display:none!important
}

.event-timing {
padding:8px
}

.event-name h1 {
font-size:24px;
line-height:36px
}
.event-detail-more .lg-u4 {
	width: 100%;
}
}

.mobile-home .container {
padding-left:1rem;
padding-right:1rem
}

.mobile-home h2 {
font-size:2rem
}

.mobile-home .navbar-fixed nav {
padding:0 10px
}

.mobile-home .navbar-fixed nav ul {
margin-top:12px
}

.mobile-home .navbar-fixed nav ul a {
background-color:rgba(0,0,0,0.75);
border-radius:4px;
display:block;
line-height:18px;
min-height:1px;
padding:5px 10px;
font-size:10px;
margin-left:4px;
border:0
}

.mobile-home .navbar-fixed nav ul a .material-icons,.mobile-home .navbar-fixed nav ul a i {
font-size:11px;
line-height:normal;
height:auto
}

.mobile-home .city-list .col > a {
background:none;
padding:1.5rem 0
}

.mobile-home #login.modal .modal-content {
width:100%
}

.mobile-home .top-banner {
background-image:url(/theme/icmyc_v1/images/home/mobile/home-banner.jpg);
background-position:center;
background-size:cover;
min-height:90vh;
width:100%;
position:relative;
display:flex
}

.mobile-home .top-banner::after {
position:absolute;
content:'';
background-color:rgba(0,0,0,0.3);
width:100%;
height:100%
}

.mobile-home .top-banner .content {
margin:auto;
text-align:center;
z-index:1
}

.mobile-home .top-banner .content h1,.mobile-home .top-banner .content p {
color:#fff;
margin-bottom:20px;
text-shadow:2px 2px 2px rgba(0,0,0,0.7);
margin-top:0
}

.mobile-home .top-banner .content h1 {
line-height:1.1;
font-size:30px
}

.mobile-home .top-banner .content p {
font-size:16px;
line-height:2rem;
font-weight:500
}

.mobile-home .top-banner .current-status {
position:absolute;
width:100%;
height:40px;
background-color:rgba(0,0,0,0.75);
top:auto;
bottom:0;
color:rgba(255,255,255,0.6);
line-height:40px;
font-size:1.28rem;
z-index:1
}

.mobile-home .top-banner .current-status > span,.mobile-home .top-banner .current-status > div,.mobile-home .top-banner .current-status > i {
display:inline-block;
padding:0 .15rem;
font-weight:500;
font-size:12px
}

.mobile-home .top-banner .current-status > div,.mobile-home .top-banner .current-status > i {
-webkit-transform:translateY(-0.12rem);
-ms-transform:translateY(-0.12rem);
-o-transform:translateY(-0.12rem);
transform:translateY(-0.12rem)
}

.mobile-home .top-banner .current-status > span {
font-size:12px
}

.mobile-home .top-banner .current-status > i.material-icons {
font-size:.6rem
}

.mobile-home footer .row .col {
width:50%;
margin-bottom:20px
}

.mobile-home footer .partner .brand-ph {
line-height:22px
}

.m-mobile-app-download,.m-miscellaneous,.m-fixing-civic-issues-steps,.m-happy-voices,.m-success-stories {
padding-bottom:40px;
padding-top:40px
}

.m-mobile-app-download .cta,.m-miscellaneous .cta,.m-fixing-civic-issues-steps .cta,.m-happy-voices .cta,.m-success-stories .cta {
margin-top:20px
}

.m-happy-voices .icon-happy-voices {
background:url(/theme/icmyc_v1/images/home/happy-voices.png) no-repeat 0 0;
height:35px;
width:40px;
display:inline-block;
position:relative;
top:5px
}

.m-happy-voices #carouselHappyVoices .carousel-item p {
font-size:14px;
line-height:24px;
max-height:72px;
height:72px;
display:table-cell;
vertical-align:bottom;
text-align:center
}

.m-happy-voices #carouselHappyVoices .citizen-name,.m-happy-voices #carouselHappyVoices .ward-name {
display:inline-block
}

.m-happy-voices #carouselHappyVoices .content {
display:inline-block;
margin-top:15px
}

.m-happy-voices #carouselHappyVoices .content .media-body {
width:auto
}

.m-happy-voices #carouselHappyVoices .citizen-name {
color:#212121
}

.m-happy-voices #carouselHappyVoices .ward-name {
color:#8e8e8e
}

.m-happy-voices #carouselHappyVoices .view {
color:#8e8e8e;
font-size:.86rem;
text-decoration:underline
}

.m-happy-voices #carouselHappyVoices .view:hover {
color:#212121
}

.m-happy-voices .carousel {
height:175px!important
}

.m-happy-voices .carousel.carousel-slider .carousel-item {
min-height:1px
}

.m-success-stories {
background-color:#4CAF50
}

.m-success-stories #carouselSuccessStories {
width:100%
}

.m-success-stories #carouselSuccessStories .carousel-item .title,.m-success-stories #carouselSuccessStories .carousel-item .date,.m-success-stories #carouselSuccessStories .carousel-item .view {
color:rgba(255,255,255,0.9)
}

.m-success-stories #carouselSuccessStories .carousel-item .date {
background-color:rgba(0,0,0,0.2);
display:inline-block;
padding:2px 8px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}

.m-success-stories #carouselSuccessStories .carousel-item p {
color:rgba(255,255,255,0.7);
font-size:14px;
line-height:24px;
max-height:112px;
overflow-y:hidden;
font-weight:300;
margin-bottom:5px
}

.m-success-stories #carouselSuccessStories .carousel-item .view {
text-decoration:underline
}

.m-success-stories #carouselSuccessStories .indicators .indicator-item {
background-color:transparent;
border:1px solid rgba(0,0,0,0.8)
}

.m-success-stories #carouselSuccessStories .indicators .indicator-item.active {
background-color:rgba(0,0,0,0.2)
}

.m-success-stories .carousel {
height:250px!important
}

.m-success-stories .carousel.carousel-slider .carousel-item {
min-height:1px
}

.m-mobile-app-download {
padding-bottom:40px
}

.m-mobile-app-download .row .col {
width:100%;
margin-bottom:10px
}

.m-mobile-app-download .content > p {
font-size:14px;
line-height:22px;
color:rgba(51,51,51,0.75);
font-weight:500;
margin-bottom:20px
}

.m-mobile-app-download .mobile-content {
position:relative;
display:block
}

.m-mobile-app-download .mobile-content:hover .t210x340 {
top:0
}

.m-mobile-app-download .mobile-content .bottom {
width:100%;
background-color:rgba(0,0,0,0.75);
padding:10px;
text-align:center;
border-radius:6px;
height:75px
}

.m-mobile-app-download .mobile-content .t210x340 {
background-position:center top;
left:0;
position:absolute;
right:0;
top:20px;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
transition:all .6s ease-in-out
}

.m-miscellaneous .circle {
display:block;
height:100px;
margin:20px auto 30px;
width:100px;
background-position:center;
background-repeat:no-repeat;
position:relative
}

.m-miscellaneous .circle.news {
background-image:url(/theme/icmyc_v1/images/home/news.png);
background-color:#fd9840
}

.m-miscellaneous .circle.neighbourhood {
background-image:url(/theme/icmyc_v1/images/home/know-neighbourhood-area.png);
background-color:#de675c
}

.m-miscellaneous .circle.maps {
background-image:url(/theme/icmyc_v1/images/home/news.png);
background-color:#8dc349;
background-position:-108px -538px
}

.m-miscellaneous .title {
color:#555;
font-size:18px;
margin-bottom:20px;
text-align:center
}

.m-miscellaneous a.link-primary {
display:inline-block
}

.m-miscellaneous a.link-primary > span {
font-size:1.5rem;
transform:translateY(1px);
display:inline-block;
margin-left:5px
}

.m-fixing-civic-issues-steps {
background:url(/theme/icmyc_v1/images/home/fixing-civic-issues-background.png) 65% 30% no-repeat #83ba4e;
display:block
}

.m-fixing-civic-issues-steps .bitter {
color:#fff
}

.m-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
}

.m-fixing-civic-issues-steps .title {
color:#fff;
font-size:18px;
margin-bottom:10px;
text-align:center
}

.m-fixing-civic-issues-steps p {
color:#fff;
text-align:center;
margin-bottom:25px
}

.mobile-home .row .col.lg-u6 {
width:50%;
margin-left:auto;
left:auto;
right:auto
}

.partners-logo {
margin:20px 0 0
}

.happy-voices .partnership {
min-height:210px!important
}

.mobile-home .partners-logo {
height:100px
}

.mobile-home .happy-voices .partnership {
min-height:135px!important
}

.city-not-selected {
	overflow:hidden
}

.ladda-button {
position:relative
}

.ladda-button .ladda-spinner {
position:absolute;
z-index:2;
display:inline-block;
width:32px;
top:50%;
margin-top:0;
opacity:0;
pointer-events:none
}

.ladda-button .ladda-label {
position:relative;
z-index:3
}

.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:.1s linear all!important;
-moz-transition:.1s linear all!important;
-ms-transition:.1s linear all!important;
-o-transition:.1s linear all!important;
transition:.1s linear all!important
}

.ladda-button[data-loading] .ladda-progress {
opacity:1;
visibility:visible
}

.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label {
-webkit-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
-moz-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
-ms-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
-o-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;
transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important
}

.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:.3s ease all!important;
-moz-transition:.3s ease all!important;
-ms-transition:.3s ease all!important;
-o-transition:.3s ease all!important;
transition:.3s ease all!important
}

.ladda-button[data-style=expand-right] .ladda-spinner {
right:-6px
}

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
right:-12px
}

.ladda-button[data-style=expand-right][data-loading] {
padding-right:56px
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
opacity:1
}

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

.ladda-button[data-style=expand-left] .ladda-spinner {
left:26px
}

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
left:4px
}

.ladda-button[data-style=expand-left][data-loading] {
padding-left:56px
}

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
opacity:1
}

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

.ladda-button[data-style=expand-up] {
overflow:hidden
}

.ladda-button[data-style=expand-up] .ladda-spinner {
top:-32px;
left:50%;
margin-left:0
}

.ladda-button[data-style=expand-up][data-loading] {
padding-top:54px
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
opacity:1;
top:26px;
margin-top:0
}

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

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

.ladda-button[data-style=expand-down] {
overflow:hidden
}

.ladda-button[data-style=expand-down] .ladda-spinner {
top:62px;
left:50%;
margin-left:0
}

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
top:40px
}

.ladda-button[data-style=expand-down][data-loading] {
padding-bottom:54px
}

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
opacity:1
}

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

.ladda-button[data-style=slide-left] {
overflow:hidden
}

.ladda-button[data-style=slide-left] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-left] .ladda-spinner {
left:100%;
margin-left:0
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
opacity:0;
left:-100%
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
opacity:1;
left:50%
}

.ladda-button[data-style=slide-right] {
overflow:hidden
}

.ladda-button[data-style=slide-right] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-right] .ladda-spinner {
right:100%;
margin-left:0;
left:16px
}

[dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner {
right:auto
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
opacity:0;
left:100%
}

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
opacity:1;
left:50%
}

.ladda-button[data-style=slide-up] {
overflow:hidden
}

.ladda-button[data-style=slide-up] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-up] .ladda-spinner {
left:50%;
margin-left:0;
margin-top:1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
opacity:0;
top:-1em
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
opacity:1;
margin-top:0
}

.ladda-button[data-style=slide-down] {
overflow:hidden
}

.ladda-button[data-style=slide-down] .ladda-label {
position:relative
}

.ladda-button[data-style=slide-down] .ladda-spinner {
left:50%;
margin-left:0;
margin-top:-2em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
opacity:0;
top:1em
}

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
opacity:1;
margin-top:0
}

.ladda-button[data-style=zoom-out] {
overflow:hidden
}

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

.ladda-button[data-style=zoom-out] .ladda-label {
position:relative;
display:inline-block
}

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

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

.ladda-button[data-style=zoom-in] {
overflow:hidden
}

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

.ladda-button[data-style=zoom-in] .ladda-label {
position:relative;
display:inline-block
}

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

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

.ladda-button[data-style=contract] {
overflow:hidden;
width:100px
}

.ladda-button[data-style=contract] .ladda-spinner {
left:50%;
margin-left:0
}

.ladda-button[data-style=contract][data-loading] {
border-radius:50%;
width:52px
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
opacity:0
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
opacity:1
}

.ladda-button[data-style=contract-overlay] {
overflow:hidden;
width:100px;
box-shadow:0 0 0 2000px rgba(0,0,0,0)
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
left:50%;
margin-left:0
}

.ladda-button[data-style=contract-overlay][data-loading] {
border-radius:50%;
width:52px;
box-shadow:0 0 0 2000px rgba(0,0,0,0.8)
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
opacity:0
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
opacity:1
}

[dir="rtl"] .ladda-spinner > div {
left:25%!important
}

@media (max-width:767px) {
.icici-prudential {
width:100%;
text-align:center;
margin:15px 0 0;
}
}

.pos-rel {
	position:relative;
}

.md-download {
	position: absolute;
    top: auto;
    left: auto;
    right: 20px;
    color: #0980f4;
    cursor: pointer;
    z-index: 1;
}

.md-download > .material-icons {
	font-size: 45px;
}
/* Nidaan Chhattisgarh Header Modification */
.nidaan-chhattisgarh .navbar-fixed {
	height: 70px;
}
.nidaan-chhattisgarh nav .brand-logo {
	top: 10px;
}
.nidaan-chhattisgarh nav ul a {
	padding: 10px 15px;
}
/*Commissioner Dashboard*/
.todays-statistics {
  padding: 30px 0 30px;
}
.summary {
  padding-top: 0;
}
.summary .filter {
  margin-bottom: 20px;
}
.todays-statistics h3 {
  margin: 0 0 10px;
}
.statistics-block {
    padding: 15px;
    border-radius: 5px;
    min-height: 115px;
}
.statistics-block .complaint-count {
    font-size: 44px;
    font-weight: 400;
    color: #000;
}
.statistics-block .complaint-label {
  font-size: 20px;
  color: #000;
  text-align:center;
  line-height: 1.2;
}
.statistics-block h5 {
  font-size: 20px;
  color: #000;
  margin: 0 0 20px;
  font-weight: bold;
}
.statistics-block .percentage {
  font-size: 20px;
}
.data-table-block {
  background-color: #fcb800;
  padding: 30px 15px 15px;
  border-radius: 5px;
  margin: 20px 0 30px;
}
.inner-block {
  color: #fff;
  text-align: center;
}
.inner-block .count-text {
  font-size: 30px;
}
.inner-block .label-text {
  font-size: 20px;
  margin: 10px 0 20px;
}
.table-bordered-center th,
.table-bordered-center td {
  text-align: center;
}
.table-bordered-center .badge {
  display: inline-block;
  border: 0;
  background: none;
}
.btn-black {
  background-color: #212121;
  border-color: #212121;
}
.btn-black:active,
.btn-black:focus,
.btn-black:hover {
  background-color: #000;
}
.agency .filter .left .props > li {
  float: left;
  margin-right: 10px;
}

.agency .filter .right .props > li {
  float: right;
  margin-left: 10px;
}
.weekly-analytics {
    margin: 40px 0;
}
.weekly-analytics h3 {
    margin: 0 0 10px;
}
.weekly-analytics-graph {
    padding:  15px;
    margin: 0 0 40px;
}
.weekly-analytics-chart {
    padding:  15px;
}
.weekly-filter {
    margin: 0 0 10px;
}
.md-done {
    color: #009300;
}
.md-clear {
    color: #c60202;
}
.commissionar-agency .change-status .dropdown-content {
    top: 100% !important;
}
.commissionar-agency .change-status .dropdown-content li {
    border-bottom:  1px solid #999;
    text-align:  center;
}
.commissionar-agency .change-status .dropdown-content li:hover, 
.commissionar-agency .change-status .dropdown-content li.active, 
.commissionar-agency .change-status .dropdown-content li.selected {
    background-color: #212121;
    color: #fff;
}
.commissionar-agency .change-status .dropdown-content li > a, 
.commissionar-agency .change-status .dropdown-content li > span{
    color: #666;
}
.commissionar-agency .props .input-field .select-wrapper input.select-dropdown {
    text-align:  center;
}