@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;
}.mcmb-banner {
	background-color:#fff;
	padding:110px 15px 60px
}
.mcmb-banner h1 {
	margin:0 0 30px
}
.mcmb-banner p {
	margin:0 0 30px;
	color:#000
}
.ward-sabha-section {
	background-color:#0980fc;
	padding:60px 15px
}
.ward-sabha-section h2 {
	color:#fff;
	margin:0 0 25px
}
.ward-sabha-section p {
	color:#fff
}
.ward-sabha-section .btn-secondary {
	color:#fff
}
.ward-sabha-section .btn-secondary:hover {
	color:#0980fc
}
.ward-sabha-section .center-align {
	margin-top:30px
}
.mcmb-slider {
	background-color:#fff;
	padding:60px 15px
}
.mcmb-slider h3 {
	margin:0 0 50px
}
.mcmb-slider .carousel .indicators {
	bottom:20px
}
.mcmb-input-slider {
	padding:60px 15px
}
.carousel-inputs .carousel-item {
	width:auto;
	height:auto;
	max-width:275px
}
.input-blocks {
	background-color:#f4f5f5;
	border-radius:3px;
	padding:24px;
	display:block
}
._sm .input-blocks {
	max-width:280px;
	margin:24px auto 0
}
._sm .input-blocks:first-child {
	margin-top:0
}
._h3 {
	margin-bottom:50px
}
.input-blocks h6 {
	font-weight:700;
	margin:10px 0;
	color:#000;
	font-size:14px
}
.input-blocks p {
	margin:0 0 10px;
	color:#000
}
.mcmb-footer {
	padding:60px 15px;
	background-color:#000
}
.mcmb-footer h3 {
	color:#fff;
	margin:0 0 40px
}
.mcmb-mobile h1 {
	font-size:30px
}
.mcmb-mobile h2 {
	font-size:24px
}
.pab-block {
	background-color:#fff;
	display:none
}
.pab-block-1 {
	padding:80px 15px 15px
}
.cat-choose {
	margin:0 0 5px
}
.cat-input-choose {
	color:rgba(0, 0, 0, .54);
	margin:0 0 30px
}
.cat-block {
	text-align:center;
	margin:0 0 30px
}
.cat-block .cat-image-holder {
	margin:0 0 15px
}
.cat-block .cat-name {
	font-size:16px;
	font-weight:700
}
.cat-photo {
	border-radius:50%
}
.pab-block-2 {
	padding-top:50px
}
.pab-block-2>.media {
	background-color:#f5f5f5;
	border-bottom:1px solid #e0e0e0;
	padding:20px
}
.pab-block .form-container {
	padding:15px
}
.pab-block .form-container h6 {
	margin:0 0 30px
}
.share-input {
	padding-bottom:20px
}
.share-input label {
	color:#000;
	padding-left:30px
}
.pab-thank-you {
	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-position:center;
	background-size:cover;
	min-height:100vh;
	width:100%;
	position:relative;
	padding:0 15px
}
.pab-thank-you .content {
	margin:auto
}
.pab-done-wrapper {
	border-radius:50%;
	background-color:#2c8dff;
	text-align:center;
	color:#fff;
	width:150px;
	height:150px;
	display:inline-block;
	margin:0 0 30px
}
.pab-done-wrapper .material-icons {
	font-size:90px;
	line-height:150px
}
.pab-thank-you h6 {
	margin:0 0 30px
}
.pab-block .change-category {
	padding:0!important;
	line-height:48px
}
.pab-block .change-category .input-field .select-wrapper span.caret {
	margin-left:8px;
	margin-right:8px
}
.pab-block .change-category .select-wrapper input.select-dropdown {
	border-radius:3px;
	box-sizing:border-box;
	padding:0 24px 0 8px;
	height:40px;
	border:1px solid rgba(0, 0, 0, 0.12)
}
.pab-block .change-category .dropdown-content {
	background-color:#fff;
	padding-top:1px;
	padding-bottom:1px;
	width:100%!important
}
.pab-block .change-category .dropdown-content li:hover, .pab-block .change-category .dropdown-content li.active, .pab-block .change-category .dropdown-content li.selected {
	background-color:#0980f4
}
.pab-block .change-category .dropdown-content li:hover > a, .pab-block .change-category .dropdown-content li:hover > span, .pab-block .change-category .dropdown-content li.active > a, .pab-block .change-category .dropdown-content li.active > span, .pab-block .change-category .dropdown-content li.selected > a, .pab-block .change-category .dropdown-content li.selected > span {
	color:#fff
}
.pab-block .change-category .dropdown-content li > a, .pab-block .change-category .dropdown-content li > span {
	color:rgba(0, 0, 0, 0.87);
	line-height:16px;
	font-size:12px;
	font-weight:600;
	text-decoration:none
}
.pab-block .change-category .dropdown-content li > a:hover, .pab-block .change-category .dropdown-content li > a.active, .pab-block .change-category .dropdown-content li > a.selected, .pab-block .change-category .dropdown-content li > span:hover, .pab-block .change-category .dropdown-content li > span.active, .pab-block .change-category .dropdown-content li > span.selected {
	color:#fff
}
.pab-block .change-category:hover {
	cursor:pointer
}
.circle.my-location {
	background-color:transparent;
	position:absolute;
	left:auto;
	right:0;
	top:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor:pointer
}
.pab-slide {
	position:fixed;
	max-width:400px;
	left:auto;
	top:0;
	right:0;
	margin:0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
	max-height:100vh;
	background-color:#fff;
	z-index:1002;
	overflow-y:auto;
	will-change:transform;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	bottom: 0;
}
.pab-slide-mobile {
	left: 0;
}
.pab-slide .cat-input-choose {
	color:rgba(0, 0, 0, .54);
	margin:0
}
.pab-thank-you-web {
	min-height:auto;
	padding:30px
}
.pab-slide .pab-block-1 {
	padding:0
}
.pab-slide .pab-block-2 {
	padding-top:0
}
.pab-header {
	padding:25px;
	border-bottom:1px solid #dadada
}
.change-category ul li {
	border-bottom:1px solid #dadada;
	line-height:1.4
}
.change-category ul li a {
	color:#353535;
	padding:15px 25px;
	display: block;
	position: relative;
}
.change-category ul li a .material-icons {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12px;
}
.pac-container {
	z-index:9999!important
}
.pab-slide .pab-block {
	min-height:100vh
}
.pab-close {
	position:absolute;
	left:auto;
	right:12px;
	top:12px;
	cursor:pointer;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px
}
.pab-fb {
	margin-bottom:30px
}
.pab-mobile-app {
	margin-top:30px
}
.pab-fb>a {
	margin-left:2px
}
.pab-mobile-app>a+a {
	margin-left:8px
}
.pab-mobile-app>a>img {
	height:24px
}
.pab-fb>span, .pab-fb>a, .pab-mobile-app>span, .pab-mobile-app>a {
	display:inline-block;
	vertical-align:text-top;
	line-height:24px
}
.pab-close>.material-icons {
	color:rgba(0, 0, 0, 0.38)
}
.pab-close:hover>.material-icons {
	color:rgba(0, 0, 0, 0.87)
}
.location-modal {
	width: 80%;
	max-width: 450px;
}
.location-allow {
	padding: 20px;
	margin: 0 0 30px;
}
.location-allow .btn {
	border: 0;
	color: rgba(0, 0, 0, 0.87);
}
.modal-footer {
	margin: 30px 0 0;
}
.pab-block-new {
	padding: 0;
	position: relative;
}
.pab-block-new .pab-header {
	background-color: #f5f5f5;
	padding-bottom: 5px;
}
.pab-block-new .cat-input-choose {
	margin: 0 0 15px;
	color: #333;
}
.pab-block-new .cat-choose {
	margin: 0 0 15px;
	font-size: 20px;
}
.pab-block-new h1.cat-choose {
	font-size: 28px;
	line-height: 1.4;
}
.pab-block-new .change-category ul li a {
	padding-left: 50px;
}
.select-circle {
	display: inline-block;
	border-radius: 50%;
	background-color: #fff;
	height: 20px;
	width: 20px;
	margin-right: 15px;
	border: 2px solid #0980f4;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 20px;
}
.pab-thank-you-new {
	padding-top: 80px;
}
.multiple-category-mobile .change-category {
	padding-bottom: 50px !important;
}
.multiple-category ul li {
	padding: 15px;
}
.multiple-category ul li  [type="checkbox"] + label {
	padding-left: 35px;
	color: #333;
	display: block;
	height: auto;
}
.scroll-fixed-bottom {
  padding: 15px 0 0 !important;
}